테크 매거진 디자인 테스트

Gutenberg 코어 블록과 공통 스타일로 Pen 테마 안에 자연스럽게 통합한 자동 포스팅 본문입니다.

약 1분 읽기

핵심 요약

  • Pen 테마가 제목, 작성 정보, 카테고리, 본문 폭과 사이드바를 그대로 담당합니다.
  • Hermes는 본문 안의 요약, 목차, 번호 섹션과 강조 요소에만 작은 디자인 포인트를 더합니다.
  • 대표 이미지는 본문 Hero 대신 WordPress featured image 기능을 사용합니다.

읽기 흐름을 단순하게 만드는 구조

좋은 테크 콘텐츠는 복잡한 주제도 한눈에 훑을 수 있어야 합니다. 이 템플릿은 넉넉한 여백, 명확한 제목 계층, 제한된 색상 체계를 사용해 정보 밀도와 가독성의 균형을 맞춥니다.

800px 본문 폭을 선택한 이유

데스크톱에서는 문장이 지나치게 길어지는 것을 막고, 모바일에서는 화면 폭에 맞춰 자연스럽게 줄어듭니다. 테마가 바뀌어도 글 자체의 최대 폭은 공통 스타일이 유지합니다.

KEY POINT

구조는 Gutenberg 코어 블록으로 저장하고, 시각 규칙은 한 개의 공통 CSS 파일에서 관리합니다.

업데이트에 강한 설계 방식

Kadence Blocks가 활성화되어 있어도 전용 내부 JSON 포맷에 묶이지 않습니다. 기본 그룹, 제목, 문단, 목록, 표 블록을 중심으로 구성해 플러그인 업데이트나 테마 교체의 영향을 줄였습니다.

구분이번 구현유지보수 효과
글 구조Gutenberg 코어 블록편집기 호환성 유지
공통 디자인MU 플러그인 CSS글마다 CSS 중복 없음
자동 작성REST 게시 스크립트 템플릿매번 같은 레이아웃 적용

자동 포스팅에서의 재사용

Hermes는 제목과 본문뿐 아니라 주제, 부제목, 세 개의 요약, 결론, 참고자료를 인자로 전달합니다. 스크립트가 목차와 섹션 앵커를 구성하고 WordPress에는 완성된 블록 마크업을 draft 상태로 저장합니다.

새 글에 자동 적용되는 항목

  • 상단 주제와 대형 제목
  • 대표 이미지 또는 기본 비주얼 영역
  • 핵심 요약, 자동 목차, 번호 섹션
  • 결론과 참고자료 영역

결론

Hermes 템플릿은 이제 독립 매거진 페이지를 만들지 않고 Pen 테마의 일반 글 흐름 안에서 필요한 정보 구조와 강조 요소만 제공합니다.

참고자료

  1. WordPress Block Editor Handbook — https://developer.wordpress.org/block-editor/
  2. Kadence Blocks — 설치 버전 3.7.10

댓글

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다