블록으로 페이지 만들기
Slashpage에서 페이지를 꾸미는 건 블록을 쌓는 것과 같습니다.
레고 조립하듯이 블록을 하나씩 추가하고 배치하면 돼요.
블록 추가하기
세 가지 방법이 있습니다.
방법 1: 슬래시(/) 입력
빈 곳에
/를 입력하면 블록 목록이 뜹니다. 원하는 블록을 클릭하거나, /이미지처럼 이름을 직접 입력해도 돼요.방법 2: + 버튼 클릭
블록 왼쪽에 마우스를 올리면 + 버튼이 나타납니다. 클릭하면 블록 목록이 뜹니다.
방법 3: 드래그 앤 드롭
컴퓨터에서 이미지 파일을 바로 끌어다 놓으면 이미지 블록이 추가됩니다.
텍스트 블록
제목
/제목1, /제목2, /제목3으로 크기가 다른 제목을 추가할 수 있어요.- 제목1 — 가장 큰 제목. 페이지 타이틀에 사용
- 제목2 — 섹션 구분용
- 제목3 — 소제목
본문
그냥 텍스트를 입력하면 본문이 됩니다.
텍스트를 드래그해서 선택하면 서식 툴바가 나타나요. 굵게, 기울임, 밑줄, 링크 등을 적용할 수 있습니다.
글머리 기호와 번호 목록
/글머리 — 점으로 시작하는 목록/번호 — 1, 2, 3 숫자로 시작하는 목록인용
/인용으로 인용 블록을 추가합니다. 왼쪽에 세로선이 생기면서 강조되는 형태예요.토글
/토글로 접었다 펼 수 있는 블록을 만듭니다. FAQ처럼 질문-답변 형태에 유용해요.미디어 블록
이미지
/이미지로 이미지를 추가합니다.파일 업로드, URL 붙여넣기, Unsplash 검색 중 선택할 수 있어요.
이미지를 클릭하면 크기 조절, 캡션 추가가 가능합니다.
이미지 슬라이더
/슬라이더로 여러 이미지를 슬라이드 형태로 보여줄 수 있어요.포트폴리오 작업물이나 제품 사진 여러 장을 보여줄 때 좋습니다.
동영상
/동영상으로 영상을 추가합니다.YouTube, Vimeo 링크를 붙여넣으면 자동으로 임베드돼요. 직접 영상 파일을 업로드할 수도 있습니다.
레이아웃 블록
컬럼
/컬럼으로 화면을 세로로 나눌 수 있습니다.2단, 3단 레이아웃을 만들 때 사용해요. 왼쪽에 이미지, 오른쪽에 텍스트 같은 배치가 가능합니다.
블록을 드래그해서 다른 블록 옆에 놓으면 자동으로 컬럼이 만들어지기도 해요.
구분선
/구분선으로 섹션을 시각적으로 나눌 수 있습니다.버튼 블록
기본 버튼
/버튼으로 클릭 가능한 버튼을 추가합니다.버튼 텍스트, 링크, 색상을 설정할 수 있어요.
- 내부 페이지 링크:
/about
- 외부 링크:
https://example.com
- 이메일:
mailto:hello@example.com
- 전화:
tel:010-1234-5678
소셜 버튼
/소셜버튼으로 SNS 링크 버튼을 추가합니다.인스타그램, 유튜브, 링크드인 등 아이콘이 자동으로 적용돼요.
하단 고정 버튼
/하단버튼으로 화면 하단에 고정되는 버튼을 만들 수 있어요."문의하기", "구매하기" 같은 CTA(Call to Action)에 유용합니다. 스크롤해도 항상 보여요.
블록 이동과 배치
블록 왼쪽의 핸들(⋮⋮)을 드래그하면 순서를 바꿀 수 있습니다.
위아래로 드래그하면 순서가 바뀌고, 옆으로 드래그하면 컬럼이 만들어져요.
블록 변환
블록 핸들을 클릭하면 메뉴가 나타납니다.
"Convert to"를 선택하면 다른 타입의 블록으로 변환할 수 있어요. 본문을 제목으로 바꾸거나, 글머리 기호를 번호 목록으로 바꾸는 식이죠.
블록 삭제
블록을 선택하고 Delete 키를 누르거나, 핸들 메뉴에서 "삭제"를 클릭하면 됩니다.
블록만 잘 활용해도 깔끔한 페이지를 만들 수 있어요. 이것저것 추가해보면서 감을 잡아보세요.
다음은 테마와 스타일로 전체적인 분위기를 바꿔볼게요.
후기 이벤트
후기 작성(클릭)하고 내 홈페이지 SEO 피드백 보고서 받아보세요!
Made with Bullet