• 현재 적용된 이미지는 [가로: 960px , 세로: 400px] 입니다.
• 적용시킬 이미지를 짝수로 준비해 주신 셔야 하며 나란히 위치시킬 이미지의 가로세로 사이즈를 동일하게 제작해 주시기 바랍니다.

커스텀배너 for HTML

• 아래 코드의 이미지경로와 링크를 수정해 주시면 됩니다.
• 배너의 갯수를 늘리고 싶으시다면 2쌍씩 짝을 지어 늘려 주시면 됩니다.

<!-- 하단 커스텀배너 시작 { -->
<section class="customBan">
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/bottomAbg.jpg" alt=""> <span class="customBanTit">커스텀배너 <u></u></span></a>
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/bottomAbg02.jpg" alt=""> <span class="customBanTit">for HTML <u></u></span></a>
</section>
<!-- } 하단 커스텀배너 끝 -->

		

• 아래 코드의 이미지경로와 링크를 수정해 주시면 됩니다.
• 배너의 갯수를 늘리고 싶으시다면 2쌍씩 짝을 지어 늘려 주시면 됩니다.

커스텀배너 for HTML for HTML add 커스텀배너 추가

<!-- 하단 커스텀배너 시작 { -->
<section class="customBan">
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/bottomAbg.jpg" alt=""> <span class="customBanTit">커스텀배너 <u></u></span></a>
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/bottomAbg02.jpg" alt=""> <span class="customBanTit">for HTML <u></u></span></a>
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/mainImg01.jpg" alt=""> <span class="customBanTit">for HTML add <u></u></span></a>
	<a href="#"><img src="<?php echo G5_THEME_IMG_URL ?>/mainImg03.jpg" alt=""> <span class="customBanTit">커스텀배너 추가 <u></u></span></a>
</section>
<!-- } 하단 커스텀배너 끝 -->

		

• 상단 로고파일 : logo.png (가로: 580px , 세로: 80px)
• 하단 로고파일 : footerLogo.png (가로: 290px , 세로: 40px)

• mainImg01.jpg , mainImg02.jpg , mainImg03.jpg
• 위 파일명을 기준으로 하여 필요한 이미지 수 만큼 제작해 주신 후 업로드 하시면 됩니다.
  (가로: 1920px , 세로: 900px)

• subTopBg_0.jpg , subTopBg_01.jpg , subTopBg_02.jpg , subTopBg_03.jpg , subTopBg_04.jpg , subTopBg_05.jpg
• 위 파일명을 기준으로 하여 필요한 이미지 수 만큼 제작해 주신 후 업로드 하시면 됩니다.
  (가로: 1920px , 세로: 500px)

subTopBg_0.jpg 이미지는 메뉴관리에서 지정되지 않은 페이지에 접속 했을 때 나오는 이미지이므로 꼭 등록해 주셔야 합니다.
subTopBg_01.jpg 은 메뉴관리 기준으로 첫번째 메뉴의 배경이미지 , subTopBg_02.jpg 은 메뉴관리 기준으로 두번째 메뉴의 배경이미지로 적용됩니다.

메뉴관리에서 1차메뉴 갯수가 7개를 넘어간다면 theme/purewhite/css/default.css 169번째 줄 부근 아래 코드를 참고하시어 늘리거나 줄여주시면 됩니다.

#page_title.subTopBg_0,
#page_title.subTopBg_00{background-image:URL("../img/subTopBg_0.jpg");} /* 메뉴설정이 없는 페이지에서 출력될 이미지 : 해당 테마의 img 폴더에 업로드하시기 바랍니다. */
#page_title.subTopBg_01{background-image:URL("../img/subTopBg_01.jpg");} /* 첫번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_02{background-image:URL("../img/subTopBg_02.jpg");} /* 두번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_03{background-image:URL("../img/subTopBg_03.jpg");} /* 세번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_04{background-image:URL("../img/subTopBg_04.jpg");} /* 네번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_05{background-image:URL("../img/subTopBg_05.jpg");} /* 다섯번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_06{background-image:URL("../img/subTopBg_06.jpg");} /* 여섯번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_07{background-image:URL("../img/subTopBg_07.jpg");} /* 일곱번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_0N{background-image:URL("");} /* n번째 대메뉴에서 출력될 이미지를 추가해 주세요 */
		

• theme/purewhite/index.latest.php , theme/purewhite/index.php , theme/purewhite/index.simple.php , theme/purewhite/index.product.php 파일을 참고하시어
  생성된 게시판 및 그에 맞는 최신글 스킨을 설정해 주시면 됩니다.

	<?php
	/* 박스형 갤러리 게시판 최신글 */
	// 사용방법 : latest('theme/최신글스킨폴더', '게시판아이디', 출력라인, 글자수);
	echo latest('theme/gallery_box', 'gallery_box', 5, 24);
	?>
		

최신글스킨 종류
theme/purewhite/skin/latest/...

• theme/basic : 기본적인 최신글 스킨입니다.
• theme/qna : qna 게시판 스킨과 세트로 활용할 수 있는 스킨입니다.(접수완료, 답변완료 표시)
• theme/gallery : 기본적인 갤러리 게시판 최신글 스킨입니다.(게시판 설정의 이미지 가로세로에 맞춰 자동으로 썸네일 이미지가 생성됩니다.)
• theme/gallery_box : 박스형 갤러리 최신글 스킨입니다.(게시판 설정의 이미지 가로세로에 맞춰 자동으로 썸네일 이미지가 생성됩니다.)
• theme/product : 좌우로 슬라이딩 되는 최신글 스킨입니다. 제품소개 게시판, 갤러리형 게시판에 주로 이용됩니다.
• theme/webzine : 웹진형 게시판 스킨과 세트로 활용할 수 있는 스킨입니다.

• 구입하신 테마와 동일한 버전의 그누보드 버전을 다운로드 받아 설치해 주세요.
  
  
• 그누보드5의 기본 기능 및 설치에 대한 내용은 그누보드5 매뉴얼을 확인하시면 자세히 보실 수 있습니다..
  https://sir.kr/manual/g5
  
  

• www.sir.kr 컨텐츠몰에서 구입하신 웹사이팅 그누보드5 테마를 다운로드받으신 후 설치 및 세팅해 주세요
  
  
• 테마 설치에 대한 내용은 그누보드5 매뉴얼을 확인하시면 자세히 보실 수 있습니다.
  테마적용안내 : https://sir.kr/manual/g5/25
  테마설정안내 : https://sir.kr/manual/g5/24
  
  

• 홈페이지에 필요한 메뉴구성을 메모장 또는 한글,워드 등 편집프로그램을 통하여 작성해 주세요
  
  
• 사이트맵 작성 시 1차메뉴, 2차메뉴 구분 및 해당 메뉴의 종류(내용관리 페이지, 게시판 종류, 게시판그룹)를 지정해 주시면 페이지 및 게시판 생성 시 도움이 됩니다.
  
  
• 사이트맵 작성 예
  
  
  • 회사소개(1차메뉴, 페이지)
    

    - 인사말(2차메뉴, 페이지)
    - 회사소개(2차메뉴, 페이지)
    - 연혁(2차메뉴, 연혁게시판)
    - 오시는 길(2차메뉴, 페이지)

  • 사업영역(1차메뉴, 페이지)
    

    - 사업개요(2차메뉴, 페이지)
    - 사업내용(2차메뉴, 페이지)

  • 제품소개(1차메뉴, 제품소개 게시판그룹)
    

    - 제품소개1(2차메뉴, 제품소개 게시판)
    - 제품소개2(2차메뉴, 제품소개 게시판)

  • 고객센터(1차메뉴, 고객센터 게시판그룹)
    

    - 공지사항(2차메뉴, 기본 게시판)
    - 자주묻는 질문(2차메뉴, FAQ 게시판)
    - 뉴스 및 보도자료(2차메뉴, 웹진형 게시판)
    - 질문답변(2차메뉴, qna 게시판)
    - 상담신청(2차메뉴, 폼메일 게시판)

    
    
    

• 사이트맵이 준비가 다 되셨다면 관리자모드로 로그인 후 관리자모드 > 게시판관리 하위메뉴에 있는 내용관리, 게시판그룹관리, 게시판 관리 기능을 통하여 각 메뉴에 해당하는 페이지 및 게시판을 생성해 주시면 됩니다.
  
  

• 사이트맵을 기준으로 하여 각 메뉴에 해당하는 페이지 및 게시판 생성이 완료되었다면 관리자모드의 메뉴설정 페이지를 통하여 쉽게 메뉴설정이 가능합니다.
  
  
• 1차메뉴는 오른쪽 상단의 메뉴추가 버튼
  2차메뉴는 각 생성된 1차메뉴 우측의 추가 버튼을 이용하여 추가가 가능합니다.
  
  

• 홈페이지에 필요한 이미지를 각 사이즈에 맞게 준비해 주셔야합니다.
  
  
• 해당 테마의 index.php 파일을 에디터 프로그램(메모장, 에디트플러스, 노트패드, 울트라 에디트 등)으로 오픈하여 수정해 줍니다.
  
  

• 관리자모드의 내용관리에서 생성된 페이지에 내용을 삽입해 줍니다.
  
  
• 이때 내용은 html, 웹에디터를 통한 내용 삽입, 이미지 삽입 등 가장 편한 방법으로 진행하시면 됩니다.
  
  

반응형 홈페이지로 제작이 되기 때문에 가급적이면 testPage.php 의 내용을 참고하여 html 모드로 내용을 삽입하시거나, 웹에디터를 통하여 텍스트와 이미지를 적절히 사용하여 내용을 등록하시는게 좋습니다.

• 모든 페이지의 내용이 준비가 되었다면 도메인 연결 후 홈페이지를 오픈하시면 됩니다.
  
  
• 수고하셨습니다.
  
  

• 똑똑한 그룹 최신글 : 각 게시판별로 테마에 내장되어있는 게시판스킨으로 세팅해 주시면 본 테마에 포함되어있는 그룹최신글에서 적용스킨이 자동으로 적용됩니다.
  

테마에 포함되지 않은 게시판 스킨이 설정되어 있을 경우에는 기본스킨으로 출력됩니다.

• theme/basic : 기본 최신글 스킨입니다.
  
• theme/gallery : 일반갤러리 최신글 스킨입니다.
  
• theme/gallery_box : 박스형 갤러리 최신글 스킨입니다.
  
• theme/product : 제품소개형 최신글 스킨입니다.(이미지 롤링)
  
• theme/qna : 질문답변 최신글 스킨입니다.
  
• theme/webzine : 웹진형 최신글 스킨입니다.
  
• theme/zMain_gallery : 그룹최신글의 이미형 게시판 스킨과 최신글을 2단 3단으로 구성 시 사용됩니다..
  
• theme/faq : 자주묻는 질문 최신글 스킨입니다.
  
• theme/history : 연혁 최신글 스킨입니다.
  
• theme/form : 폼메일이 적용된 게시판의 최신글 스킨입니다. 별도의 게시물 추출 기능은 없으며 전화번호, 이메일, 팩스번호와 바로가기 버튼이 노출됩니다.
  

각 최신글의 적용은 index.php/index.latest.php 파일을 참고하시기 바랍니다.
theme/gallery , theme/gallery_box , theme/product 최신글 스킨의 이미지 사이즈는 각 게시판의 갤러리 이미지 폭, 갤러리 이미지 높이 값이 상속됩니다.

• media query 를 활용한 반응형 홈페이지테마입니다.
  
  
• 다년간의 반응형 홈페이지 제작 노하우로 각 디바이스 사이즈에 최적화된 화면구성으로 제작되었습니다.
  
  
• 관리자 메뉴관리에서 생성된 메뉴의 활성화 기능이 포함되어있습니다.
  
  
• 모바일 버전에서 보셔도 현재 보고있는 메뉴의 활성화 기능이 작동됩니다.(내용관리, 게시판, 게시판그룹 일 경우에 정상작동)
  
  
• 다양한 게시판스킨(9종) 및 최신글 스킨(6종)이 있습니다.(게시판 스킨 별 안내는 다음 게시글을 참고해 주세요.)
  
  
• 똑똑한 그룹 최신글 : 각 게시판별로 테마에 내장되어있는 게시판스킨으로 세팅해 주시면 본 테마에 포함되어있는 그룹최신글에서 적용스킨이 자동으로 적용됩니다.
  
  
• 테마에 포함되어 있지 않은 스킨을 적용중이라면 기본(basic) 스킨이 적용됩니다.
  
  
• 개인정보 처리방침, 이용약관, 이메일주소 무단수집거부 등 자잘하게 손이가는 부분이 테마에 포함되어있어 작업시간을 단축시켜줍니다.
  
  
• 관리자 정보의 이메일, 전화번호, 여분필드1,2,3을 활용하여 페이지 하단 및 서브메뉴 아래 부분에 자동 노출이 됩니다. (테마를 설치하시면 해당 부분에 별도의 안내문구가 출력 됩니다.)
  
  
• 링크등록이 있는 게시판의 경우에는 유투브 공유 주소를 넣으면 글보기 페이지 상단에 유투브영상이 자동으로 출력됩니다. 갤러리,웹진형 게시판의 경우에도 첨부된 이미지 없이 유투브 공유 링크만 있어도 목록에서 자동으로 유투브 썸네일 이미지가 출력됩니다.