XE를 내것으로, DIV? 레이어 주무르기 1편 >> http://www.zeroboard.com/zbxe_user_tip/16392078

죄송합니다. (_ _)

레이어 주무르기 1편 써놓고.. 막상 2편 연재하려니..

마땅히 할 내용도 없고..해서 조용히 잠적하려 했으나

또 오늘 잠깐 들어와보니 1.5편이 연재? 되어있길래

뜨끔.. 해서.. 이어나가려 노력?은 해볼게요.

늦어져서 죄송합니다.


지금부터는 레이아웃을 스스로 잡을수 있도록 개념을 조금씩 잡아보도록 하겠습니다.

공식홈의 기본레이아웃을 수정하는데에는 물론 css 용어만 안다면 얼마든지 수정이 가능하지만.

공식홈과 구성형태나 틀이 다를경우엔, 수정해서 사용하는데에는 한계에 다다르게 되지요.

그렇다면 이제 자기 스스로 구상한 내용을 직접 코딩할 수 있도록 열심히 노력해 봅시다.!


잠시.. 전편에서는 div와 css를 따로 분리하지 않고 사용을 했었는데
그에대한 내용은 다루지 않아도 아시리라 믿고 계속하도록 하겠습니다.
혹시나 모르시는 분은 검색을 해보시거나 쪽찌를 주시면..


레이아웃을 잡기 이전에 준비해야 할 것들이 있지요.

xe에 포함시켜 주기위해서

zbxe/layouts/ 폴더안에 자신의 '레이아웃명'으로 된 폴더를 만들어주세요. (전 wow로 하겠습니다.)

'wow'폴더안에 conf / css / js / images 폴더를 각각 생성해 줍니다.

zbxe/layouts/wow/conf/  <xe관리자모드에서 레이아웃을 설정해줄때 필요한 파일이 들어갑니다.
zbxe/layouts/wow/css/  <레이아웃의 스타일을 지정해줄 css파일이 있구요.
zbxe/layouts/wow/js/  <레이아웃에 필요한 자바스크립트
zbxe/layouts/wow/images/  <디자인의 핵심! 이미지파일들.. ㅋㅋ...

먼저 conf 폴더에 info.xml 파일을 생성해줍니다.

<?xml version="1.0" encoding="utf-8"?>
<layout version="0.1">
    <title xml:lang="ko">사이트명</title>
    <author email_address="제작자 이메일" link="제작자 홈" date="제작일">
        <name xml:lang="ko">제작자</name>
        <description xml:lang="ko">
            레이아웃 소개
        </description>
    </author>
    <extra_vars>
        <var name="logo_image" type="image">
            <title xml:lang="ko">로고이미지</title>
            <description xml:lang="ko">레이아웃의 상단에 표시될 로고이미지를 입력하세요.</description>
        </var>
        <var name="index_url" type="text">
            <title xml:lang="ko">홈 페이지 URL</title>
            <description xml:lang="ko">로고를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
             </var>
    </extra_vars>
    <menus>
        <menu name="main_menu" default="true">
            <title xml:lang="ko">상단 메뉴</title>
            <maxdepth>3</maxdepth>
        </menu>
        <menu name="bottom_menu">
            <title xml:lang="ko">하단 메뉴 </title>
            <maxdepth>1</maxdepth>
        </menu>
    </menus>
</layout>

전 레이아웃이나 php 프로그램을 직접 소스로 코딩할땐 아크로에디트를 사용합니다.
http://www.acrosoft.pe.kr/
파일을 작성해서 바로바로 ftp로 전송도 가능해서 유용하게 사용중이랍니다.
혹시 따로 에디트 프로그램을 사용하지 않으시면 한번 사용해보세요. (관계자 아니에요. -ㅁ-)


info.xml 파일을 자신의 홈에맞게 수정해주시면 됩니다. 가급적이면 상단 제작자 저작권부분만 수정해 주세요.
이제 자신의 이름이 올라간 레이아웃이 생기는 겁니다. 조금 므흣하지 않으신가요.. 훗


zbxe/layouts/wow/css/ 폴더엔 스타일이 지정된 css 파일이 담긴다고 말씀을 드렸습니다.
미리 만들어 둘 필요는 없지만 이왕 하는거 미리 해둡시다. 저는 style.css로 저장할게요.

zbxe/layouts/wow/js/  이 폴더엔 자바스크립트가 들어가는데, 이번강? 에서는 자바에대해선 다루지 않을거에요. 빈폴더 혹은
자신의 홈에 필요한 자바스크립트를 쭈욱 복사해다가 띵띵띵.js 로 저장해주시면 됩니다.

zbxe/layouts/wow/images/  여기엔 홈구성에 필요한 이미지파일들이 들어갈거에요. 생성은 필수..

zbxe/layouts/wow/  처음 레이아웃폴더로 돌아가서, layout.html 파일을 만들어 줍시다.

물론 레이아웃은 다음부터 꾹꾹눌러담아볼게요.


오늘은 여기까지만 하겠습니다. 다들 아시는 뻔한내용이라 실망하셨을수도..

2편부터는 본격적으로 손수 제작하는 레이아웃에 대해 파헤쳐보도록 하겠습니다.

감사합니다.