콘텐츠로 건너뛰기
목차 · 찾기
위피스 설명서

블록으로 페이지 꾸미기

홈페이지 페이지는 블록을 위아래로 쌓아서 만듭니다. 블록은 제목과 문단, 이미지와 글, 가격표, 문의 양식처럼 미리 짜 둔 한 덩어리입니다. 블록을 넣은 뒤 글과 이미지만 내 것으로 바꾸면 페이지가 됩니다.

시작하기 전에

  • 사용자 권한의 홈페이지 항목이 편집 및 디자이너여야 블록을 넣고 뺄 수 있습니다.
  • 고칠 페이지를 열고 위쪽 오른쪽의 편집을 누릅니다. 오른쪽에 편집 막대가 열리고 블록 탭이 보입니다.

블록 넣기

블록 탭 위쪽에 블록 분류가 있습니다. 소개, 열, 내용, 이미지, 사용자, 문자, 연락처 & 양식, 소셜, 사용자 지정 같은 분류이고, 설치한 앱에 따라 분류가 더 붙습니다.

  1. 넣고 싶은 분류를 누릅니다.
  2. 블록 삽입 창에 그 분류의 블록 견본이 나옵니다. 위쪽 블록 검색 칸에 이름을 쳐서 찾을 수도 있습니다.
  3. 마음에 드는 견본을 누릅니다. 블록은 지금 보고 있는 화면 가운데쯤에 들어갑니다.
  4. 넣을 자리를 직접 고르고 싶으면 분류를 누르지 말고 페이지 위로 끌어다 놓습니다. 끄는 동안 놓을 수 있는 자리가 표시되고, 놓으면 블록 삽입 창이 열립니다.
  5. 블록 안의 글을 눌러 내용을 바꿉니다. 이미지는 두 번 눌러 바꿉니다.
  6. 위쪽의 저장을 누릅니다.

블록 안에 작은 요소 넣기

블록 탭 아래쪽 내부 컨텐츠에는 버튼, 이미지, 동영상, 지도, 소셜 미디어 링크 같은 작은 요소가 있습니다. 이 요소는 이미 넣어 둔 블록 안으로만 끌어다 놓을 수 있습니다.

앱이 필요한 블록

몇몇 블록은 다른 앱이 있어야 동작합니다. 그런 블록을 고르면 앱을 설치할지 묻는 창이 뜹니다. 저장 및 설치를 누르면 지금까지 고친 내용을 저장하고 그 앱을 설치합니다. 필요 없는 앱이면 창을 닫습니다.

블록 옮기기, 복사하기, 지우기

페이지에서 블록을 누르면 블록 테두리에 작은 버튼이 붙습니다.

  • 위아래 화살표: 위로 이동, 아래로 이동. 한 칸씩 자리를 바꿉니다.
  • 손잡이 아이콘: 눌러서 끌면 원하는 자리로 옮깁니다.
  • 겹친 네모 아이콘: 바로 아래에 같은 블록을 하나 더 만듭니다.
  • 휴지통 아이콘: 블록을 지웁니다.

스타일 탭 맨 위의 블록 이름 옆에도 해당 블록 복사하기, 해당 블록 제거하기 버튼이 있습니다.

블록 모양 바꾸기

블록을 누르고 스타일 탭을 엽니다. 고를 수 있는 항목은 블록 종류마다 다릅니다. 자주 쓰는 것은 다음과 같습니다.

  • 배경: 색을 고르거나 이미지, 동영상, 도형을 배경으로 깝니다.
  • 배치: 열을 고르면 한 줄에 몇 칸을 둘지 숫자로 정합니다. 그리드를 고르면 블록 안의 이미지와 글을 끌어서 자유롭게 놓고 크기를 바꿉니다.
  • 위아래 공간: 블록을 누르면 위쪽과 아래쪽 테두리에 손잡이가 생깁니다. 손잡이를 위아래로 끌면 블록 안 위아래 공간이 넓어지거나 좁아집니다.

색과 글꼴을 홈페이지 전체에 맞추려면 블록마다 바꾸지 말고 테마 탭에서 정합니다. 홈페이지 전체의 색과 글꼴 정하기

문의 양식 블록

연락처 & 양식 분류의 양식 블록은 방문자가 적은 내용을 받습니다. 양식을 누르고 스타일 탭에서 다음을 정합니다.

  • 작업: 양식을 보내면 무엇을 할지 고릅니다. 처음 값은 이메일 보내기입니다. 설치한 앱에 따라 영업 기회 만들기, 고객 만들기, 작업 만들기, 채용 지원 같은 항목이 더 나옵니다.
  • 성공 시: 보낸 뒤 방문자에게 보여 줄 것을 정합니다. 리디렉션은 다른 페이지(처음 값은 감사 페이지 /contactus-thank-you)로 보내고, 메시지 표시하기는 그 자리에 안내 문구를 띄우며, 없음은 그대로 둡니다.
  • 칸을 하나 누르면 그 칸의 라벨, 자리 표시자, 기본값, 필수 여부를 바꿀 수 있습니다.

내가 꾸민 블록 저장해 두기

자주 쓰는 모양으로 꾸민 블록은 저장해 두고 다른 페이지에서 다시 씁니다.

  1. 저장할 블록을 누릅니다.
  2. 스타일 탭 맨 위의 저장(디스크) 아이콘을 누릅니다. 따로 묻지 않고 「사용자 지정 (블록 이름)」으로 저장되고, 저장했다는 안내가 뜹니다.
  3. 다른 페이지에서 블록 탭의 사용자 지정 분류를 누르면 저장한 블록이 나옵니다. 버튼처럼 작은 요소는 사용자 지정 내부 콘텐츠에 들어갑니다.
  4. 블록 삽입 창의 저장한 블록 아래에 있는 연필 아이콘으로 이름을 바꾸고, 휴지통 아이콘으로 지웁니다.

알아 둘 점

  • 블록을 지워도 저장을 누르기 전이면 편집 막대 위쪽의 되돌리기 버튼으로 살릴 수 있습니다. 저장한 뒤에는 되돌릴 수 없습니다.
  • 저장해 둔 블록은 넣는 순간 복사본이 됩니다. 나중에 저장한 원본을 고쳐도 이미 넣은 페이지는 바뀌지 않습니다.

이어서 볼 쪽