페이지 설계실PAGE ARCHITECTURE STUDIO
발주 메모 45
페이지 설계실
2026.11.04

워드프레스 서비스 소개를 여러 열로 나눌 때 Columns 블록

Columns 블록은 여러 열 안에 이미지·제목·본문 같은 블록을 넣을 수 있는 구조입니다. 같은 성격의 서비스 항목을 나란히 보여 줄 때 검토합니다. 문장 한 편을 신문처럼 강제로 잘라 여러 열에 나누는 목적과는 구분합니다.

01독립된 설명을 나란히 비교할 때 열을 만듭니다

Columns 블록은 여러 열 안에 이미지·제목·본문 같은 블록을 넣을 수 있는 구조입니다. 같은 성격의 서비스 항목을 나란히 보여 줄 때 검토합니다. 문장 한 편을 신문처럼 강제로 잘라 여러 열에 나누는 목적과는 구분합니다.

02바깥 Columns와 안쪽 Column을 구별합니다

먼저 열 구조를 선택한 뒤 각 열에 해당 서비스의 설명을 채웁니다. 목록 보기에서 전체 열 묶음과 개별 열을 확인하면 이동·삭제 대상이 분명해집니다. 열마다 다른 분량을 넣을 때는 제목과 다음 행동이 같은 기준으로 읽히도록 내용을 정리합니다.

03세로로 바뀌었을 때 순서를 확인합니다

모바일 미리보기에서 열이 어떻게 쌓이는지 보고 설명·버튼의 연결을 확인합니다. 데스크톱에서 가로 위치로 표현하던 우선순위가 세로 순서에서도 유지되는지 살핍니다. 열을 많이 만들었다는 이유만으로 상품 비교 기능이나 자동 가격표가 구현됐다고 설명하지 않습니다.

근거 확인: WordPress.org columns-block 공식 도움말 (2026-11-04).

확인한 원문

WordPress.org columns-block 공식 도움말 · 확인 2026-11-04

내 제작 범위 정리하기 · 다른 발주 메모