반응형 기업 홈페이지 워드프레스 커스텀 테마

가독성을 우선한 히어로, 핵심 사업 요약, 회사 소개를 하나의 스크롤 흐름으로 보여줍니다. front-page 템플릿과 템플릿 파트로 섹션을 분리하는 테마 구조를 반영합니다.

• CSS Grid와 clamp() 기반 유동 타이포로 PC·태블릿·모바일 3단 반응형 설계
• 템플릿 파트(get_template_part)로 히어로·소개 섹션을 재사용 단위로 분리
• 이미지 srcset과 지연 로딩 속성을 적용해 모바일 로딩 부담을 낮추는 구조 설계

워드프레스 테마 계층(front-page, page 템플릿)을 그대로 따르는 마크업 구조로 설계해 이후 PHP 템플릿 이식을 단순화합니다.

타임라인 형태의 회사 연혁과 사업영역 카드를 제공합니다. 항목은 관리자에서 수정한 값이 반영되는 구조입니다. 연혁과 사업영역을 커스텀 포스트 타입으로 정의하고 테마 루프로 출력하는 구조를 반영합니다.

• 커스텀 포스트 타입 history와 연도 정렬 WP_Query로 연혁 타임라인 출력
• ACF 필드 그룹 값을 get_field로 읽어 사업영역 카드에 바인딩
• 연도별 그룹 렌더링 헬퍼 함수로 템플릿 중복 최소화

연혁 데이터를 포스트 타입으로 분리해 비개발자가 관리자에서 추가해도 화면 구조가 깨지지 않는 출력 로직을 설계합니다.

공지 목록, 카테고리 필터, 페이지네이션, 상세 보기를 제공합니다. 기본 포스트 아카이브와 single 템플릿 구조를 반영해 구현합니다.

• archive 템플릿과 paginate_links 기반 페이지네이션 구조 설계
• 카테고리 필터를 쿼리 변수로 처리해 URL 공유 가능한 목록 상태 구현
• 상단 고정 공지는 sticky 옵션을 활용해 목록 최상단에 배치

공지 목록의 필터와 페이지 상태를 URL에 반영해 새로고침과 공유에도 같은 화면이 열리도록 설계합니다.

이름·연락처·문의 내용 입력 폼과 접수 완료 안내를 제공합니다. 입력 검증 후 SMTP로 지정 담당자 메일에 발송하는 흐름을 반영합니다.

• 클라이언트 검증과 서버 측 sanitize/nonce 검증을 함께 적용하는 폼 처리 설계
• wp_mail과 SMTP 설정으로 접수 내용을 담당자 메일로 전달하는 구조 설계
• 허니팟 필드와 제출 간격 제한으로 스팸 접수를 줄이는 방어 로직 적용

문의 접수 내용을 메일 발송과 관리자 접수함에 함께 남기는 이중 기록 구조를 설계합니다.