네이버XE(제로보드XE)를 시작 합니다.

PHP(Class)

by 김일국 2017. 5. 20. 18:40

드디어 뒤로 미루고 미루던 제로보드xe 이젠 네이버XE가 더 올바른 표현인 XE를 시작하려고 합니다.

- 네이버XE공식다운로드 : https://www.xpressengine.com/download (XE Core : 라이선스 LGPL v2 )

- 네이버XE설치다운로드 : https://code.google.com/archive/p/xe-core/downloads 설치(저는 여기서 다운 현재 1.7.3.6버전)

- 네이버XE사용도움말 : http://timespace12.dothome.co.kr/xe/admin/help/index.html#UMAN_terminology_module

(닷홈 무료호스팅에 초기설치시 화면 아래 초기설치 후 30M정도 서버공간을 차지합니다.)

- 스킨(레이아웃+게시판)제작방법(네이버에서 작성 및 배포) XE-Skin_Manual-ko(v1.1).pdf

(위 스킨수정에 XE고유의 XE템플릿 문법이 사용됩니다.)

# 스킨 제작 작업전 기존 네이버XE와 DB를 백업 받아서, 기존 Data양이 많을 때는 로컬에서 작업

기존 Data양이 적을때는 닷홈(무료호스팅)에서 리뉴얼 작업을 하도록 한다.

이번에는 자료가 많기때문에 로컬에 백업받아서 디자인 리뉴얼(레이아웃+게시판 스킨변경), 작업을 하도록 한다.

XE 백업 및 복원 작업참고: http://xeguidebook.com/index.php?mid=XE_user_manual&page=3&document_srl=1311

# 실무에서의 네이버XE 기반의 작업프로세스 4단계 (총 9주 = 약2달)

1. 포토샵 디자인 (2주일)
2. 반응형HTML로 퍼블리싱 (메인,서브레이아웃, 게시판 및 기타페이지 = 4주일)
3. XE템플릿을 이용한 레이아웃스킨 및 게시판 스킨 제작. (2주일)
4. 오픈 및 하자보수.(1주일)

# 제작 규칙은 아래와 같습니다. (자세한 사항은 다음 포스트->링크 에 있습니다.)

- header 역할을 하는 파일위치 : xe/common/tpl/common_layout.html

( 일반적이지 않게 jquery 로딩은 여기에 없다. xe/cleaaes/display/HTMLDisplayHandler.php 에서 _loadJSCSS() php함수로 로딩한다. )

(경로는 이렇다. 최상위에서 부터 경로를 찾아 간다면, xe/index.php >> xe/config/config.inc.php >> xe/classes/display/DisplayHandler.class.php >> xe/cleaaes/display/HTMLDisplayHandler.php 페이지 인클루드 스타일이 이렇습니다. 아는 사람만 알수 있도록 되어 있네요.)

- 레이아웃(스킨) 수정위치 : xe/layouts/해당레이아웃

- 모듈 스킨 수정위치 : xe/modules/해당모듈/skins (게시판도 모듈이기 때문에 여기에 적용)

- 위젯 스킨 수정위치 : xe/widgets/해당위젯/skins

- 위젯 스타일 수정위치 : xe/widgetstyles/해당스타일폴더 (위젯은 스킨뿐 아니라 스타일이라는 수정할 부분도 있음)

- 애드온은 관리자단에서만 추가되기 때문에 디자인을 수정하지 않습니다.

- [관리지메뉴추가] 메뉴로 페이지(문서페이지=에디터사용, 위젯페이지=메인페이지-최근게시물, 외부페이지=<body>~</body>, 게시판, 바로가기=링크) 생성.

# 용어정의

- 모듈 : xe에 추가해서 사용하는 프로그램. 예) 레이아웃 모듈(./modules/layout), 회원(./modules/member) 등

- 애드온 : 모듈기능에 끼어넣는 작은 프로그램. 예)Captcha애드온(./addons/captcha):사용자ID 봇(bot)체크 등

- 레이아웃 : 홈페이지 디자인 구성에 $contents를 포함하는 html코드. 예)기본레이아웃(./layouts/default) 등

- 위젯 : 레이아웃이나 페이지모듈에 삽입되어서 동작하는 코드. 예)메인에 노출되는 최근게시물 코드 등

(위젯 스타일: 위젯의 외관을 꾸미는 역할을 합니다. 스킨이 위젯의 외부 부분을 꾸며준다면, 위젯 스타일은 위젯의 외곽부분에 대한 스킨이라고 생각할 수 있습니다. 위젯 스타일을 적용하면 외관 변경 외에도 위젯 블록에 제목이나 더보기 링크 등의 내용을 추가할 수 있습니다.)

- 스킨 : 예)레이아웃스킨, 최근게시물 위젯스킨, 메뉴 모듈스킨 등

스킨은 사이트에 설치된 프로그램의 디자인을 의미합니다. 즉, 스킨은 프로그램(모듈, 위젯)의 옷이라고 할 수 있습니다.

XE 공식 사이트에서는 프로그램별로 다양한 스킨을 제공하고 있습니다. 이를 잘 활용하면 본인만의 개성이 담긴 사이트를 운영할 수 있습니다.

- 쉬운설치 : 위에 나열된 각종 프로그램을 xe배포사이트에서 온라인으로 설치가능한 메뉴.

XE-Skin_Manual-ko(v1.1).pdf

2.98MB

'PHP(Class)' 카테고리의 다른 글

네이버XE(제로보드xe) XE템플릿 코드로 레이아웃 수정 (0)	2017.05.22
네이버XE로 홈페이지 리뉴얼 실무 (0)	2017.05.21
제로보드 XE 다국어에서 언어별 스타일 주기 (0)	2017.04.18
OAuth2.0 다음블로그 자료를 리스트로 뿌리기 적용 (0)	2016.04.19
PHP 아이디 자동생성 코드입니다. (0)	2015.04.19