[EB BUSI 003] 테마 매뉴얼

설치

테마 업로드 후 설치 과정을 설명합니다.

  1. 1) 다운로드 받은 파일을 그누보드5(영카트5)가 설치된 서버 theme 폴더에 업로드 합니다.

    image

  2. 2) '관리자 > 환경설정 > 테마설정'에서 해당 테마에 테마적용 클릭합니다.

    image

  3. 3) 사이트로 이동하면 테마가 적용된 사이트를 볼 수 있습니다.

세팅

테마 설치 후 설정할 부분을 설명합니다.

  1. 1) 이윰 전용 게시판 스킨 eb_basic, eb_gallery를 선택합니다.

    image

레이아웃

레이아웃 구조와 스킨에 대해 설명합니다.

  1. /css/common.css : 이윰 테마의 공용 스타일 CSS 파일

  2. /css/style.css : 해당 이윰 테마의 스타일 CSS 파일(레이아웃과 메인 그리고 내용관리의 스타일등)

  3. /img/ : 해당 테마에 사용되는 이미지 폴더

  4. /js/app.js : 해당 테마에 사용되는 JS 소스

  5. /page/ : 내용관리(co_id)에 사용될 html 소스 파일들

  6. /plugins/ : 해당 테마에 사용되는 플러그인들

  7. /skin/ : 해당 테마에 사용되는 스킨들(이윰테마의 디자인으로 변경되어 제공)

  8. head.php : 상단의 레이아웃(로고, 메뉴, 로그인등)

  9. tail.php : 하단의 레이아웃(사이트 정보, 링크등)

  10. index.php : 사이트 메인 레이아웃

메인

메인 화면에 대해 설명합니다.
메인 section 두번째 부터 네번째 섹션까지는 waypoints 플러그인을 사용해 offset 설정 위치에 왔을 때 action 클래그가 들어가면서 애니메이션이 실행됩니다.
offset 설정은 index.php 파일 하단 스크립트에서 설정하며 100%는 제일 상단 0%는 제일 하단을 말합니다.
CSS 스타일은 style.css 파일에서 수정합니다.
waypoints 플러그인 : http://imakewebthings.com/waypoints/

image
  1. head.php

    헤더(상단)
    로고, 메뉴, 검색버튼, 로그인, 서브페이지 배너등이 있습니다.

  2. index.php

    메인슬라이더
    slick플러그인을 활용한 슬라이더 콘텐츠입니다.
    슬라이드 추가시 ebslider-item 클래스를 추가합니다.
    시간 설정은 autoplaySpeed 에서 조정합니다.
    slick 플러그인 : http://kenwheeler.github.io/slick/

  3. 섹션01(카드형 배너)
    카드형 배너 입니다.
    폭 992px 이상에서는 메인 슬라이더 위에 위치합니다.
    아이템 4개에 맞춰 디자인 되어 있습니다.

  4. 섹션02
    1) 좌측 배너 내용, 이미지, 링크등을 입력 및 수정합니다.
    2) 중앙 배너 내용, 이미지, 링크등을 입력 및 수정합니다.
    3) 우측 배너 내용, 이미지, 링크등을 입력 및 수정합니다.

  5. 섹션03(아이콘 배너)
    아이콘 배너 콘텐츠입니다.
    내용, 이미지, 링크등을 입력 및 수정합니다.
    아이템 4개에 맞춰 디자인 되어 있습니다.

  6. 섹션04(최신글)
    1) 목록형 최신글 스킨입니다.
    스킨, 게시판아이디, 옵션등을 설정합니다.

    2) 갤러리형 최신글 스킨입니다.
    스킨, 게시판아이디, 옵션등을 설정합니다.

  7. tail.php

    테일(하단)
    관련사이트, 사이트정보, 검색모달창등이 있습니다.

서브 페이지

내용관리(co_id)를 이용한 서브 페이지 등록 방법을 설명합니다.

image

  1. 1) 회사개요, 연혁, 찾아오시는 길, 사업소개, 인재채용등의 내용 페이지를 html파일 제공합니다.

  2. 2) /theme/page/ 폴더에 서브페이지용 html 파일을 에디터 프로그램으로 열어 원하는 내용으로 수정 후 복사합니다.

  3. 3) '관리자 > 게시판관리 > 내용관리'에서 내용 등록시 입력 에디터에 html로 설정 후 붙여넣기 합니다.

    image
    image

  4. 4) 페이지 스타일 수정은 /css/style.css 파일에서 수정합니다.

  5. 5) 페이지 이미지는 /img/page/ 폴더 경로에 있습니다.

  6. 6) 찾아오시는 길의 경우 다음지도의 이미지 공유를 활용한 것 입니다.

기타사항

테마에 대한 기타사항을 알려드립니다.

  1. 1) 서브페이지 메뉴출력은 직접코딩을 해야 하며 co_id, bo_table의 아이디를 이용해 조건문으로 출력합니다.
    (head.php 파일 서브 메뉴 출력 부분 참고)

패치

테마 패치사항을 알려드립니다.

  1. 버전 1.0.3 (2019.02.27)

    1) theme/테마명/head.php

  2. 버전 1.0.2 (2018.12.07)

    1) theme/테마명/skin/latest/busi003_gallery/latest.skin.php

    2) theme/테마명/skin/board/eb_gallery/list.skin.php

    3) theme/테마명/skin/board/eb_gallery/view.skin.php

  3. 버전 1.0.1 (2018.11.27)

    1) theme/테마명/skin/board/eb_basic(eb_gallery)/list.skin.php

    2) theme/테마명/skin/board/eb_basic(eb_gallery)/style.css