[테스트] 모든 블럭 퍼블리싱 확인용 글
글 상세 퍼블리싱 테스트를 위해 주요 본문 블록을 한 글에 모은 샘플입니다.
이 글은 글 블럭 퍼블리싱 테스트를 위해 만든 샘플입니다. 본문에 사용되는 기본 텍스트, 이미지, 갤러리, 컬럼, 미디어+텍스트, 표, 버튼, 임베드, 이미지+텍스트 행을 한 번에 확인할 수 있습니다.
이미지는 새로 업로드하지 않고, 미디어 라이브러리에 이미 등록된 내부 이미지를 사용합니다.
기본 텍스트 블록
문단 블록입니다. 링크, 굵은 글씨, 줄바꿈 없는 긴 문장 흐름을 확인합니다. 발행 화면에서 본문 폭과 행간이 안정적으로 보이는지 체크합니다.
- 문단과 인라인 링크, 굵은 글씨 렌더링 확인
- 이미지, 갤러리, 컬럼형 이미지 배치 확인
- 이미지+텍스트 행과 반전 행 확인
- 관리자에서 블록 편집 화면을 확인합니다.
- REST API의 content.rendered 결과를 확인합니다.
- 프론트 상세 페이지의 실제 퍼블리싱 결과를 확인합니다.
블록은 각각 따로 좋아 보여도, 발행 화면에서는 함께 놓였을 때의 간격과 리듬이 더 중요하다.
Glowup Publishing Test
풀쿼트 블록은 일반 인용과 다른 마크업을 사용합니다.
Pullquote
이미지와 갤러리 블록

단일 이미지 아래에 이어지는 문단입니다. 이미지와 문단 사이의 간격, 캡션 정렬, lazy loading 속성을 확인합니다.






레이아웃 블록



이미지 + 카피 컬럼 블록
컬럼 스타일 Glowup image + copy row가 적용된 행입니다. 이미지 비율과 텍스트 열의 간격을 확인합니다.

미디어와 텍스트 블록
이미지와 설명이 같은 행에서 배치되는지 확인하는 영역입니다. 모바일에서는 한 열로 쌓이는지 확인합니다.
기타 Gutenberg 블록
| 블록 | 확인 항목 |
|---|---|
| 이미지 | 크기, 캡션, alt |
| 컬럼 | 2열/모바일 1열 |
| 이미지+텍스트 행 | 이미지와 카피 정렬 |
const blockPublishingTest = true;
이미지 + 텍스트 행 블록

이미지 + 텍스트 행 1
이미지와 설명이 한 줄로 배치되는 에디토리얼 행입니다. 에디터와 프론트에서 동일한 2열 구조로 보이는지 확인합니다.

이미지 + 텍스트 반전 행
이미지와 텍스트의 위치를 반전한 에디토리얼 행입니다. 프론트와 에디터의 좌우 순서가 동일한지 확인합니다.
여기까지가 퍼블리싱 테스트용 전체 블록 샘플입니다. 이 글은 반복 실행해도 같은 slug의 글을 업데이트합니다.