•  

    * 시작이 반! 이 매뉴얼만 봐도 50%는 완료!

     

    잠깐! 

     

    사이트 맵은 생성을 하셨나요? 사이트 맵 부터 생성한 후 매뉴얼을 봐주세요.

     

     

    1) 레이아웃 > 설치된 레이아웃 > KSO 에비뉴 레이아웃을 클릭하면 자동으로 하나가 생성된 것을 볼 수 있습니다. 이 레이아웃을 메인으로 사용할 것이고 기본 설정 후 복사하여 서브용 레이아웃을 생성할 것입니다. 

     

    일단 설정 버튼 클릭!

     

     

    manual_01.jpg

     

    2) 설정 옵션에 탭 메뉴의 모습입니다. 총 11가지로 설정이 많아서 당황하실 수도 있는데 개념을 파악하면 별 것아니랍니다. 완벽하게 알려드리겠습니다. ^^

     

     

    * 기본 설정 : 말 그대로 메인, 서브 등 모두 적용되는 부분이니 제일 먼저 설정을 마쳐야 합니다. 그래야 서브 레이아웃 생성 후 같은 작업을 두 번 하지 않습니다. 이 부분이 여기서 안내할 내용입니다.
    * 서브 설정 : 말 그대로 서브 전용 설정입니다. (서브 레이아웃은 기본설정 + 서브설정만 적용)

     

    나머지는 메인에 컨텐츠를 꾸미는 구간입니다. 
    * 출력 옵션 : 섹션 1번 부터 ~ 7번 까지 사용 여부를 선택하는 부분입니다. (각 섹션 출력 여부만으로 사이트를 다양하게 표현 할 수 있습니다.)
    * 슬라이드 : 프로모션 슬라이드 설정
    * 이하 1 ~7 섹션 : 각 섹션별 컨텐츠 설정 

     

     

    * 어떤가요? 옵션은 많지만 간단하죠? 제일 먼저 기본 설정만 마치고 레이아웃을 복사하여 서브 설정만 마치면 서브도 완료. 나머지 1~7 섹션에 컨텐츠만 채우면 메인 페이지도 최종 완료입니다.

     

     

    * 지금 부터 본격적으로 세팅을 해보겠습니다. 

    다른 것 다 무시하고 <기본 설정>만 합니다.

     

    상단에 제목 부분 : KSO 에비뉴 레이아웃 -> KSO 에비뉴 레이아웃 메인으로 입력합니다.

     

     

    1) 로고 이미지

     

    로고 이미지를 업로드 합니다. 세로 60px 권장. 

    메뉴 수가 많을 때는 가로 사이즈를 너무 길게하지 않는게 좋습니다.

     

    * 생성한 서브 용 레이아웃 수가 많거나 추후에 로고가 변경될 경우 일일이 다시 로고를 업로드 할려면 귀찮을 수 있습니다. 아래 절대 경로에 로고를 업로드하면 기본으로 출력됩니다. ^^

     

    ./KSO_Avenue/img/logo.png

     

     

    2) 로고 링크

     

    로고를 클릭할 때 메인으로 이동하도록 메인 링크를 입력합니다. (메인 모듈 명 ex. home, main)

     

    * 현재 메인을 기본 홈으로 사용할 경우 그냥 (  /  ) 슬러시만 넣으면 자동으로 연결이 됩니다.

    * 홈 지정 : 관리자 > 설정 > 일반 > 홈페이지 지정

     

     

    3) 레이아웃 구성

     

    ! 중요한 부분입니다. 

     

    메인 용, 서브 용을 여기서 지정합니다. 

    "초보분들 문의 중 메인은 만들었는데 서브로 이동을 하지 않아요? ㅠ" 이런 분들 많았습니다. ^^;

    현재 메인 레이아웃 세팅 중이므로 <메인 페이지>로 선택을 합니다.

     

     

    4) 레이아웃 가로

     

    라지(1170px) 미디움(970px) 중 선택을 합니다. 

     

    * 라지 : 큰 모니터용. 현재 및 앞으로 많이 사용될 사이즈

      미디움 : 중간 모니터용 과거 기본이었던 사이즈

     

     

    5) 컨셉 컬러 & 헤더 컬러와 투명도

     

    * 컨셉 컬러 : 레이아웃 각 포인트에 적용되는 컬러. hex 컬러 값 (ex. #FF6600)

    * 헤더 컬러 : 헤더 배경 컬러 입니다. (컨셉 컬러와 동일한 컬러 추천) 단, RGB 컬러 값  (ex. 255,202,0) 헤더 컬러는 투명도가 조절 되므로 RGB 컬러 값으로 입력해야 합니다.

    * 투명도 : 원하는 수치에 투명도를 선택하고, 불투명 또는 완전 투명을 선택합니다.

     

    manual_avenue03.jpg

     

    컬러 값을 쉽게 알 수 있는 프로그램을 소개합니다.

    * Color Cop : http://colorcop.net/

    * Html Color Codes : http://html-color-codes.info/

     

     

    6) 메뉴 간격

     

    기본 20이며, 메뉴 수가 많을 때 줄여주고, 적을 때 늘여주면 간격이 조정됩니다.

     

     

    7) 검색 페이지

     

    서브 페이지에서 통합 검색을 이용할 경우 컨텐츠 영역에 결과 값이 출력되지만, 메인에서는 검색페이지로 연결해줘야 합니다. 그러므로 생성해둔 서브 레이아웃과 연결되는 메뉴 중 선택해서 모듈 값을 넣어주면 됩니다. 

     

    * 현재 저희 사이트 현재 페이지에 검색 결과가 나타나길 원한다면 이 페이지 링크 값인 manual_avenue 를 넣어주면 됩니다.

     

     

    8) 하단 설정

     

    - 하단 로고 : 하단에 사용될 로고로 본 로고보다 사이즈를 줄이고 흑백 처리해서 사용해보세요.

    - 회사 정보 : 회사 정보 등을 입력할 수 있습니다.

    - 소셜 아이콘 : 사용할 소셜에 링크 값을 입력하면 출력이 됩니다. (빈 값은 출력 안함)

    - 카피라이트 : 카피라이트 정보를 입력합니다. (빈 값은 출력 안함)

    - 하단 메뉴, 패밀리 사이트 : 사용 여부를 선택, 연결은 하단 메뉴 설정에서 선택

     

    * 여기까지 기본 설정에 대해 알아보았습니다.

    이제 페이지에 어떻게 출력되는지 확인을 해봅니다. 

     

    - 즐겨찾기에 등록해둔 <페이지>를 클릭하고 생성해둔 메인 페이지에 <설정> 버튼 클릭! 

    - 레이아웃 > KSO 에비뉴 레이아웃 메인 으로 선택 후 저장

    - 상단에 메인 링크를 클릭하면 새 창으로 페이지가 나타납니다. 

     

     

    이어서 서브 레이아웃을 생성할 차례입니다.

     

    즐겨찾기 > 레이아웃 > KSO 에비뉴 레이아웃 > KSO 에비뉴 레이아웃 메인 -> 복사 버튼을 클릭! 

    복사 팝업 창이 나타납니다. 

     

    'KSO 에비뉴 레이아웃 서브 사이드 좌측' 를 입력하고 옆에 추가 버튼을 클릭!

    'KSO 에비뉴 레이아웃 서브 사이드 우측' 를 입력하고 옆에 추가 버튼을 클릭!

    'KSO 에비뉴 레이아웃 서브 단독 1단' 를 입력하고 저장 클릭.

     

    이렇게 복사로 생성하게 되면 기본 설정을 다시 입력할 필요가 없습니다. 

    또는 서브 용 하나만 복사하고 서브 설정도 마친 후에 서브 용만 복사를 해도 되겠죠. 

     

    이제 메인용 레이아웃, 서브용 사이드 좌측, 우측, 단독 1단, 총 4개의 레이아웃이 생성됩니다. 

    생성한 레이아웃 설정으로 들어간 후 기본설정 > 레이아웃 구성에 서브 A, B, C만 선택해주면 됩니다. 

     

    서브 설정에 대해서는 자세하게 다시 설명 하겠습니다. 

    페이스북 트위터 미투데이 요즘 마이피플