본문바로가기

  1. Home

적용방법

- 목차

site-config 도입

도입효과

site-config 한번 기술로 인한

  • 전체 사이트 한눈에 파악 (페이지와 파일이름의 매치)
  • Window Title 자동화
  • meta Description 자동화
  • meta Keywords 자동화
  • Global Navigation Bar(gnb) 자동화
  • Sub Global Navigation Bar(sgnb) 자동화
  • Local Navigation Bar(lnb) 자동화
  • Visual 자동화
  • Title 자동화
  • Location 자동화

site-config 작동원리

  • 브라우저 주소값으로 정보를 가져오는 방식
  • 정보 검색시 브라우저 주소값 복사하여 검색

site-config 작성

  • inc/site-config.php 이미 작성되어 있는것 복사하여 기술
  • $c_page_id는 뎁스를 - 로 구분함 id가 중복이 되면 안됨
  • 메뉴에서 안보이게 할때는 $c_site["hide-in-menu"] = true;추가
  • 단지 링크이고 정보는 다른 같은 링크에서 가져오게 할때는 $c_site["not-real-page"] = true;추가

site-config 검증

기술 후 page/site.php에서 검증

우선 id가 중복되었는지 검증 후 url 깨진게 있는지 버튼 눌러서 확인

gnb, sitemap 메뉴에 보이고자 하는 id값을 기술하여 메뉴에 나오는지 확인

적용방법

파일복사

  • page, inc, css, js, img 폴더를 다운받은 후 작업할 임시 서버에 업로드 합니다..
  • 쇼핑몰일 경우 page-s 폴더도 포함시킵니다.
  • 나눔고딕 폰트 사용시 font-ng 폴더도 포함시키고, head.php 에서 include font-ng 주석을 풀어줍니다.

페이지 구조

		program-top.php //프로그램 공통코드 반드시 최상단에 위치
		page-top.php //페이지 최상단	
		
		이곳에 페이지 코딩
		
		page-btm.php //페이지 최하단
		

코딩규칙

권장 네이밍

  • name 기준으로 안에 들어가는 건 -i
  • name 기준으로 감싸는 건 -w
  • 요소가 여러개 일때 전체를 감싸주는건 -s
<div class="name-s"> <div class="name-w"> <div class="name"> <div class="name-i"> //contents </div> </div> </div> <div class="name-w"> <div class="name"> <div class="name-i"> //contents </div> </div> </div> </div>