페이지 편집 가이드

 페이지 편집 하기 전, 체크 !

페이지 편집 하는 방법

빨간색의 큰 테두리를 “row(열)”라고 하고,

하늘색 테두리를 “Column(행)”이라고 합니다.

  • 편집자페이지 화면
페이지 편집 하는 방법
  • “row” : 본문의 큰 타이틀을 설정합니다.
  • “column” : 칼럼을 나누어 “row”영역 안에 레이아웃을 설정합니다.
  • “element” :  “column”안에 추가 옵션기능(엘리먼트)을 활용하여 내용을 더 멋지게 구성할 수 있습니다.

워드프레스 기반의 FreeHome서비스인 Free홈페이지에서 내용 편집하실 때 위의 레이아웃 영역의 기본설정을 이해하시고 수정하시기 바랍니다.

 본격적인 페이지 편집하기!

페이지 편집 하는 방법

페이지 편집하러 가는 방법은 두가지가 있습니다.

두가지의 방법 중, 편리한 방법으로 선택하셔서 편집하세요~!

  • 편집하고자 하는 페이지 화면 상단의 “페이지편집”클릭하여 바로 이동하기.
  • [관리자페이지-알림판-페이지-모든페이지]클릭
  • 편집하고자 하는 페이지 위에 마우스 커서를 대고, “편집” 클릭하기.
페이지 편집 하는 방법
  • “row”영역안의 “column”을 수정하거나 기능을 추가할 수 있습니다. “+”아이콘을 클릭하여 “element” 기능 목록 창이 뜨면, 사용하고자 하는 기능을 선택하면 됩니다.
  • “row”를 설정하여 페이지 레이아웃의 큰 윤곽을 만듭니다.
  • “element” 추가 옵션 기능을 설정하는 곳으로 본문 작성 시 여러가지 기능을 활용하여 멋지게 편집합니다.
  • 설정한 “element” 기능들 사이의 간격을 설정합니다.
  • “element” 기능 중 “Text Block”으로 구성한것으로 커서를 대면 연필그림모양 아이콘 클릭하여 수정합니다.
  • 설정한 “element” 기능들 사이의 간격을 설정합니다.
  • Kboard게시판 기능으로 페이지에 노출하고 싶은 Kboard게시판을 설정하는 곳입니다.

Kboard게시판 목록에서 노출하고 싶은 게시판을 클릭하면 “게시판숏코드”가 보입니다.그 코드를 복사하여  “element” – “Text Block”에 붙여넣기 하시면 됩니다.

  • 해당 엘리먼트를 “편집,복사,삭제” 할 수 있습니다.

 삭제하기

페이지 편집 하는 방법
  • row: 지정하는 row영역 오른쪽 위에 있는 휴지통 버튼을 클릭하면 삭제 됩니다.
  • column(컬럼): 지정하는 영역 상단에 있는 휴지통 버튼을 클릭하면 삭제 됩니다.
  • element(엘리먼트): 지정하는 위치에 마우스를 올리면 초록색 메뉴가 생깁니다. 초록색 메뉴에 있는 휴지통 버튼을 클릭하면 element(엘리먼트)가 삭제 됩니다.

 로우에 이미지 적용하기

이미지02
이미지01
  • Row의 펜모양을 클릭합니다.
이미지03
  • 두번째 “Background”탭을 클릭합니다.
  • 스타일을 “Image/Parallax”를 클릭합니다
  • parallax 스타일을 “Simple Background Image”를 선택합니다.
  • 배경이미지를 선택합니다.
  • 반복의 유무를 선택합니다.
  • 이미지의 사이즈를 선택합니다.
  • 마지막으로 Full Width로 선택합니다.