편집 가능한 항목
- 문구
블로그·아티클 상세형 6종 · BLOCK TEMPLATE
아티클 읽기 윤곽 레일
긴 글의 범위, 읽기 시간과 네 구간의 질문을 한 장면 아래 이어지는 비대칭 윤곽 레일로 안내합니다.
무료제작 제공 · 판매 준비중개별 구매 미오픈
판매 전에 확인할 내용
무엇을 바꾸고, 무엇을 준비해야 하는지 먼저 공개합니다.
준비할 콘텐츠
- 실제 문구와 사실 자료
- 사용 승인을 받은 이미지
- 연결할 상세·문의 링크
5단 반응형 기준
1500 / 1200 / 992 / 768 / 576
PC와 모바일은 같은 내용을 각 화면 폭에 맞게 다시 배치합니다.
버전 · 이용 범위
버전 기존 카탈로그
본인·고객 사이트 사용 가능 · 원본 재판매·재배포 불가
내려받기(ZIP)에 담기는 것
내가 바꾼 사진은 ZIP 안 images/ 폴더에 파일로 함께 담깁니다.
바꾸지 않은 기본 사진은 파일로 담기지 않고 cmshom.com 주소를 그대로 가리킵니다. 사진을 모두 내 것으로 바꾸시면 우리 서버와 무관하게 동작합니다.
블록 활용 가이드
어떤 역할이고, 어디에 어떻게 쓰는지
표지·목차·장별 이미지가 있는 전체 아티클과 긴 글의 읽기 순서, 관찰과 해석 한계, 작성·검토 책임, 출처별 사용 범위, 다음 글로 이어지는 질문을 서로 다른 편집 구조로 공개합니다.
이 블록이 맡는 역할
긴 글의 범위, 읽기 시간과 네 구간의 질문을 한 장면 아래 이어지는 비대칭 윤곽 레일로 안내합니다.
어디에 배치하나요
블로그·아티클 상세 도입에서 긴 본문을 읽기 전 글의 범위와 구간별 역할을 먼저 안내할 때 배치합니다.
어떻게 사용하나요
실제 본문 제목과 위치, 예상 읽기 시간을 대조하고 존재하지 않는 구간이나 연결되지 않는 목차 링크를 제거합니다.
적용할 때 준비할 내용
샘플을 그대로 쓰지 않고 실제 콘텐츠로 바꿉니다.
- 문구와 사실회사·서비스·사례에서 실제로 확인할 수 있는 내용을 준비합니다.
- 연결할 행동상담, 상세 보기, 신청처럼 이 블록 다음에 이어질 행동을 하나 정합니다.
- 브랜드 표현사이트 스킨의 색·글꼴·여백에 맞춰 블록을 자연스럽게 조정합니다.
블록은 조합해서 사용합니다
이 블록을 사이트 흐름에 맞게 연결해 드립니다.
필요한 콘텐츠와 기능을 확인한 뒤 다른 블록, 사이트 스킨과 어울리도록 조정합니다.
