2015.08.13 21:18

지음빌더 add-on, 페이지 에디터 사용방법

홈페이지를 주문제작 하다보면 당황스러울 때가 많다. 그중에 하나가 홈페이지를 의뢰하면서 아무런 자료도 넘겨주지 않는 사람이다. 심지어 회사소개까지 개발자가 알아서 작성해 주기 바라는 의뢰인도 있다.

 

자료가 충분하지 않아 페이지 내용이 의뢰인의 요구사항이나 회사 업무와 맞지 않는 경우도 있다. 이럴 때 의뢰인이 수시로 페이지 수정을 요구한다면 꽤나 성가시고 업무에도 지장이 많다. 이럴 때는 홈페이지를 오픈하고 페이지 내용에 변동이 있거나 의뢰인이 직접 내용을 입력하기 원한다면 지음빌더 최신 버전에 추가 된 페이지 에디터 add-on을 이용하면 편하다.

이미지를 클릭하면 확대해서 상세하게 내용을 확인 할 수 있습니다.

 

관리자 페이지에서 지음빌더 -> 빌더 기본설정에 들어가면 설정 페이지 하단에 새 항목이 추가 됐다. 페이지 에디터의 편집 , 관리 버튼을 보여 주거나 관리 버튼 없이 내용만 보여 줄 것인가를 선택한다.

 

관리 버튼 보이기에 체크 돼 있다면 위와 같은 관리 버튼 두 개가 해당 페이지에 보여지게 된다.

이 설정 부분은 zm.service/add-on/pageeditor 플러그인이 설치 됐을 때만 해당 된다.

ziumbuilder_utf.4.2.0 이후 버전부터는 함께 배포 된다.

 

페이지 에디터 사용방법

회사소개 페이지에 페이지 에디터를 적용하는 예제:: 

지음빌더의 회사소개 레이아웃 디렉토리이다. 여기서 skin/zm.layout/zm.company/page.intro.php는 회사소개를 담는 일반 페이지로 사용자가 직접 내용을 편집해서 넣는 파일이다. 이 파일을 에디트플러스나 다른 텍스트 편집기로 열어보자.

 

지음빌더를 설치한 후 아무것도 수정하지 않았다면 page.intro.php의 내용은 위의 캡쳐 이미지와 같다. 여기에 페이지 에디터 사용을 위한 코드 하나를 추가 한다.

 

형식은 <? echo zm_service("add-on", "pageeditor", "페이지코드"); ?>처럼 사용 할 수 있다. 혹은 이미지에서처럼 php 짧은 선언문 형태로 바로 출력 할 수도 있다.

zm_service("add-on", "pageeditor", "페이지코드");

 

페이지 코드 생성하기

zm_service() 함수를 실행 할 때 페이지 코드가 필요한데 처음 실행 할 때는 페이지코드가 없다. 그래서 생성해야 한다. 새 페이지 내용을 등록하면 페이지코드는 자동으로 생성 된다.

원하는 페이지에 위치를 선정하고 <?=zm_service("add-on", "pageeditor", "")?> 이렇게 페이지코드 없이 함수를 실행한다. 그러면 아래처럼 붉은색 점선 위에 편집, 관리 버튼 두 개가 나타난다. 물론 빌더 기본환경 설정에 페이지 에디터 관리 버튼 보이기에 체크가 된 상태에서만 보인다.

이런 버튼 두 개가 보여진다면 둘 중 아무거나 클릭하자.

이런 모양의 새창이 열린다. 이 화면은 생성 된 페이지 코드가 하나도 없을 때 화면이다. 오른쪽 상단에 "새 페이지 코드 등록"을 클릭하면 새 페이지 내용을 등록 할 수 있다.

 

 

페이지 코드는 자동으로 생성 됩니다. 내용을 저장하고 이 코드를 이용해서 페이지를 불러옵니다.

제목은 페이지코드 관리에만 필요하며 해당 페이지의 요약을 작성하셔서 페이지코드 목록에서 해당 페이지 내용을 구분하는 목적으로 사용 할 수 있습니다.

페이지 내용이 실제로 적용되는 내입니다. 페이지 에디터 함수를 실행한 페이지에 이 내용이 출력 됩니다.

실제로 적용되는 페이지의 CSS 타입에 따라서 이곳에서 편집되는 화면과 조금 달라 질 수 있습니다.

 

 

페이지 코드를 등록하면 코드와 제목이 보여집니다. 페이지 코드를 클릭하면 쉽게 코드를 복사 할 수 있습니다. 페이지 코드를 복사해서 다시 페이지 에디터 함수에 코드를 적용합니다.

<?=zm_service("add-on", "pageeditor", "oHGIHJYaYG9754");?>

 

실제로 코드를 적용해서 다시 실행 하면 페이지 내용이 출력 됩니다.

 

함수를 적용하고 파일을 서버에 업로드 하면 위와 같이 페이지 내용이 적용됩니다. 내용을 편집하고자 할 때는 오른쪽 상단의 편집 버튼을 클릭하면 됩니다.

 

 

페이지 코드를 여러 개 사용하면 여러 페이지에 동시에 적용 할 수 있습니다. 의뢰인의 요구 뿐만 아니라 홈페이지를 제작/운영하는 과정에서 내용이 수시로 변경 되는 페이지에서는 요긴하게 사용 할 수 있습니다. 

        

Trackback 0 Comment 0