전체 카테고리
업종별 디자인
웹사이트 프로그램 타입
그누보드 기반(php, mysql) 테마 형식으로 제공됩니다.
- 코드를 잘 다룰 수 있어요
- 공지사항, 갤러리 등 게시판을 사용하고 싶어요!
- 메인 컨텐츠와 게시글을 연동하고 싶어요!
샘플을 다운받고, 파일을 확인해보세요
그누보드 설치 및 테마 셋팅
- readme.txt - 파일 설치 설명
- 기본 설치 방법에 대한 설명입니다. 반드시 확인해주세요!
- 그누보드 설치 매뉴얼
- https://sir.kr/manual/yc5/67
- 그누보드 설치 링크
- https://sir.kr/g5_pds
readme.txt
Theme Name: co1070 Theme URI: https://www.designkits.co.kr/ Maker: 디자인키트 Maker URI: https://www.designkits.co.kr Detail: 디자인키트에서 판매중인 디자인 입니다. 디자인 저작권은 (주)샤이닝에 있습니다. 무단으로 디자인 수정/배포/판매 시 법적 책임을 물을 수 있습니다. [프로그램 제작 환경] 언어 : PHP 7.3.5 DB : Mysql 10.3.15-MariaDB 그누보드버전 : 5.5.8.3 [기본 세팅방법] 1. https://sir.kr/manual/yc5/67 로 접속 후 내용 확인하며 그누보드(영카트)를 설치합니다. 2. /www/theme 경로에 다운로드한 파일 중 co1070 폴더를 업로드합니다. 3. 그누보드를 설치한 사이트에 관리자 로그인 후 관리자 페이지(/adm)에 접근합니다. 4. 관리자 페이지 좌측 메뉴에서 '테마설정'에 접근하여 업로드한 co1070 적용합니다. 5. /www/config.php에서 define('G5_USE_MOBILE', true); -> define('G5_USE_MOBILE', false); 로 수정해 주세요. 6. 기본 세팅이 완료되었습니다. 사이트에 맞게 코드 수정 진행해 주시면 됩니다. ※ 코드 설명과 기능 추가/유지 보수 문의는 받지 않습니다.
테마 셋팅이 끝나셨다면? 주요 파일을 확인해보세요!
- /theme/디자인코드/head.php
- 메인, 서브에서 사용되는 상단 구성에 대한 파일입니다.
- 상단메뉴, 서브배너, 서브메뉴, 서브콘텐츠 시작으로 구분되어 있습니다.
- /theme/디자인코드/index.php
- 메인에서만 사용되는 구성에 대한 파일입니다.
- 메인배너, 메인구성(include 방식)으로 구분되어 있습니다
- /theme/디자인코드/tail.php
- 메인, 서브에서 사용되는 하단 구성에 대한 파일입니다.
이미지, CSS, 스크립트
- 이미지 - include 해당 폴더
- 예시 : 로고 - theme/co1070-res/hd/top_menu
- 예시 : 메인배너 이미지 - theme/co1070-res/index/main_banner
- 이미지 수정 및 추가
- 동일한 사이즈의 이미지를 생성하여 덮어쓰기 하거나, 새로운 이미지를 경로에 맞춰 추가합니다.
- CSS - 공통 스타일 또는 include 해당 폴더
- 예시 : 공통스타일 - theme/co1070-res/css
- 예시 : 메인배너 스타일 - theme/co1070-res/idnex/main_banner
- 스크립트 - 공통 스크립트 또는 include 해당 폴더
- 예시 : 공통 스크립트 - theme/co1070-res/js
- 예시 : 메인배너 스크립트 - theme/co1070-res/idnex/main_banner
메뉴설정
- 테마 셋팅 후 관리자 로그인
- 주소/bbs/login.php에서 관리자 로그인 후, 메인 하단에 menu버튼을 클릭합니다.
- 메뉴 설정
- 메뉴명을 입력하고 타입을 선택합니다.
- 타입은 PHP(디자인 페이지), 게시판, 직접입력으로 설정할 수 있습니다.
- * PHP파일은 테마 경로가 아닌 /page에 생성됩니다.
- * 서브페이지 샘플은 제공하지 않습니다.
- * 타입을 '직접입력'으로 선택하면 외부링크를 걸 때 사용할 수 있습니다.
- * 타입을 '게시판'으로 선택한 경우 원하는 스킨을 설정 해줍니다.
- 메뉴 순서 변경
- 드래그&드랍으로 메뉴 순서를 변경할 수 있습니다.
일반형 모바일
- /theme/디자인코드/mobile/head.php
- 모바일 메인, 서브에서 사용되는 상단 구성에 대한 파일입니다.
- 상단메뉴, 서브타이틀, 서브콘텐츠 시작으로 구분되어 있습니다.
- /theme/디자인코드/mobile/index.php
- 모바일 메인에서만 사용되는 구성에 대한 파일입니다.
- 메인배너, 메인구성(include 방식)으로 구분되어 있습니다
- /theme/디자인코드/mobile/ail.php
- 모바일 메인, 서브에서 사용되는 하단 구성에 대한 파일입니다.
반응형 모바일
- 모바일 설정
- www/config.php 파일을 열어주세요.
- define('G5_USE_MOBILE', true); -> define('G5_USE_MOBILE', false); 로 수정해 주세요.
- 메인 및 서브
- PC와 동일한 경로를 사용합니다.
- 반응형 적용
- 스타일시트에서 미디어쿼리로 각 디바이스에 대응하게 되어있습니다.