한국어
글 수 28

반드시 하나하나 "꼼꼼히" 읽고 따라해주세요.^^



레이아웃 이란?

  • "XE코어"는 사람으로 비유하자면 심장에 가까운기능입니다.

  • "레이아웃"은 흔히들 아시는 "게시판, 위젯"등에 겉테두리를 잡아주는 구조물입니다. 한마디로 웹사이트에 구조를 잡아주고 모양을 잡아주는 기능이죠.^^

  • 항상 말씀드리지만. "레이아웃"은 단순히 틀만 잡아주는 뼈대 역할입니다. 단순히. 레이아웃을 설치햇다고해서사이트가 완성되는게 아닙니다.

  • 첨부터 "모듈및 위젯"등등이.  다 레이아웃에 들어가 있는게 아닙니다.^^설치후 전부 설치및 설정해 주셔야합니다.

  • 참고로 그레이벨라는  레이아웃과 + 위젯스킨으로 구성되있습니다. 또하나 레이아웃을 -> xe코어로 착각하시면 안됩니다.~

  • "레이아웃"은 단순 코어에 종속된 부속품일뿐입니다. 참고하세요.

  • 해당사항을 이해하셨다면 시작하기로 넘어가세요.




시작하기

그레이벨라 기본구조

  • 그레이벨라는 "2중레이아웃" 구조로 되어있습니다.(메인1개 + 서브1개)
  • 그레이벨라가 완성되기 위해서는 반드시 메인+서브레이아웃을 만드셔야 합니다.
  • "2개에 레이아웃"을 만드셔야 미리보기 사이트처럼 운영이 가능합니다.
  • 반드시 아래처럼 2개에 레이아웃을 만드셔야 상적으로 "메인+서브" 운영이 가능합니다.

sadasdas.jpg 

  • 해당사항을 이해하셨다면 1단계로 넘어가세요.





1단계

 XE코어를 "이미설치" 하신분

 XE코어 "미설치" 하신분

  1. XE공식 사용자메뉴얼>

  2. XE스쿨에서 기본배우기>
  3. 2단계로 넘어가세요~


  1. XE공식 사용자메뉴얼> 

  2. XE스쿨에서 기본배우기>
  3. XE설치하기>

     *XE설치하기에서, 스샷이 버젼별로 조금틀리나 거의비슷합니다.참고하세요.


초보자+익숙자 두분다 반드시  "XE공식 사용자메뉴얼"을 간단히라도 보세요. 그래야 다음단계에서도 잘 이해갑니다.





2단계

  1. "마켓및 KOS디자인"에서 다운로드 받으신 "그레이벨라 압축파일"을 내컴퓨터 적당한폴더에 풀어주세요. 알zip다운받기>
  2. 아래 그림과같이 "레이아웃 + 위젯스킨" 두가지모두 FTP접속해서 파일을 올려주세요.  알FTP 다운받기>

  

    ▼적당한곳에 "압축파일"을 아래와같이 풀어주세요.

   화면 캡쳐323.png

    * gb_widget_st2 =>위젯스킨파일

    * grey_bela => 레이아웃 파일




   ftp에 접속하여, 아래위치에 "레이아웃+위젯스킨"을 업로드

화면 캡쳐294.png  

반드시 해당위치에 설치부탁드려요. 그림까지 자세히 있는데~~엄한곳에 설치하지 마세요.~~





3단계

  1. 관리자 > 사이트 > 사이트맵에 접근하세요.
  2. 하단에 "사이트맵 추가" 버튼을 눌르시고 "상단메뉴"라고 메뉴그룹을 만드세요.
  3. 아래 그림을보시고, 원하시는 메뉴를 아래와같이 "메뉴추가 버튼"을 눌르시고 "1,2차 메뉴"를 만드세요.
  4. 기본적으로 "상단메뉴"를 만드시면 "서브레이아웃 좌측메뉴가 종속"으로 자동으로 뿌려집니다. (*비종속시 비종속메뉴얼 참조)

  

   "사이트맵"에 접근

   화면 캡쳐321.png



   새사이트맵 추가

    화면 캡쳐298.png 

   메뉴추가

    화면 캡쳐299.png 

   

   상담메뉴 그룹 (*아래와 같이 원하시는 "1,2차" 메뉴를 만드세요.)

 화면 캡쳐337.png




4단계

  1. 관리자> 확장기능> 설치된레이아웃 접속 하여
  2. "그레이벨라" 을 찾아서 클릭
  3. 레이아웃 안에  메인레이아웃[필수] + 서브레이아웃[필수]
  4. 2가지(메인+서브)를 기본 레이아웃으로 작성

     (*꼭 필수부분은 생성해주셔야 합니다.[초보자분들이 많이 실수하는부분)


  "설치된 레이아웃"을 접근후 "그레이벨라" 클릭

      화면 캡쳐312.png  


    "추가버튼"을 클릭하여 [메인레이아웃,서브레이아웃] 2개를 생성

         화면 캡쳐301.png


 메인+서브레이아웃 설정시 "공통설정도 같이 해주셔야 합니다.!!!


1.jpg    

    2.jpg         3.jpg 


       5.jpg


반드시 있어야할 레이아웃화면 캡쳐148.png   


    #주의사항# [하단그림참조] / xe코어 1.3.5.1~ 이상사용자 

    xe코어 1.3.5.1~~ 이상 사용자분들에 경우에는 ( xe코어 1.3.5.1부터 갑자기 불편하게 바뀌엇네요;;;;)

    레이아웃추가 하면, 처음에는 "레이아웃 제목과 메뉴만" 입력하는 창이 보이죠? 하단에 추가를 눌르세요.^^(이게 정상입니다.^^),

    그후 그레이벨라 레이아웃이 생긴답니다^^ 이제 레이아웃을 클릭하시면 설정하실수 있는게 다 나옵니다^^


      화면 캡쳐185.png





5단계

 

   1. 관리자> 확장기능 > 설치된모듈 > 페이지에 접속

   2. "페이지생성" 버튼 클릭

   3. "위젯페이지"및 "문서페이지중" 선택작성,

   4. 메인페이지는 이전단계에서 만든 "메인레이아웃"을 연결

   5. 서브페이지는 이전단계에서 만든 "서브레이아웃"을 연결

 

    일반서브페이지 만들기>

 

    화면 캡쳐314.png


  

         화면 캡쳐315.png






   

    1. 관리자> 확장기능> 설치된모듈 > 게시판에 접속

    2. "게시판등록" 버튼 클릭
    3. 사용하고자하는 "게시판"을 생성.

    4. 게시판은 이전단계에서 만든 "서브레이아웃"을 연결




     화면 캡쳐314.png



           화면 캡쳐316.png  











6단계

  1. 관리자 > 사이트 > 사이트맵에 접근하세요.
  2. 3단계에서 만들었던 "상단메뉴"그룹에 "편집"을 클릭하세요.
  3. 팝업창이뜨면 아래 스샷을 참고하여 "페이지+게시판"에 원하시는대로 연결하시면됩니다.

 


123213213231321.jpg



7단계

  1. 최종적으로 "메인페이지 회원가입+검색"이 정상적으로 이루지게 설정해야합니다.
  2. 아래 버튼을 클릭해 상세한 메뉴얼에따라 그대로 설정하세요.
  3. XE코어 버젼별로 조금씩 다르니 잘 참고하시길 바랍니다.

    4.jpg

Copyright ⓒ 2011 greyblue. All rights reserved
XE Login