워드프레스 사진 옆 설명을 모바일에서는 세로로 놓기

01사진과 설명을 한 쌍으로 배치할 때 검토합니다

Media & Text 블록은 이미지나 영상 옆에 텍스트를 놓는 용도입니다. 서비스 설명 한 묶음처럼 미디어와 문장의 관계가 분명할 때 사용합니다. 사진과 무관한 여러 절을 억지로 같은 묶음에 넣으면 작은 화면에서 읽는 순서가 혼란스러울 수 있습니다.

02배치 방향과 모바일 쌓기를 설정합니다

블록을 추가해 미디어를 선택하고 옆 영역에 문단이나 필요한 블록을 넣습니다. 미디어의 좌우 위치·폭과 Stack on Mobile 옵션을 확인합니다. 화면마다 원하는 모양만 보는 대신 어떤 내용이 먼저 읽혀야 하는지 기준을 세웁니다. 이미지 잘림 옵션도 함께 살핍니다.

03화면이 좁을 때 내용이 빠지지 않는지 봅니다

미리보기에서 이미지 아래에 설명이 이어지는지, 글자가 지나치게 좁은 폭에 갇히지 않는지 확인합니다. 크롭을 썼다면 중요한 제품 부위나 문서 정보가 잘리지 않았는지도 봅니다. 이 배치만으로 전체 홈페이지의 반응형 검수가 끝난 것으로 보고하지 않습니다.

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