워드프레스 테마 만들기 12편. CSS에 구글 나눔고딕 폰트 지정, 테마 스크린샷, 1~12편까지 백업.

 

 

	개요.
	본 테마 만들기 12편에서는 CSS에 구글 나눔고딕 웹폰트를 지정하고, 테마의 스크린 샷 추가하고, 1편에서 본 12편까지 만들어진 테마 구성파일들을 압축하여 본 글에 첨부한다.

 

 

	1. CSS에 구글 나눔 고딕 폰트 지정하기.
	구글 웹폰트 나눔고딕을 지정하고 웹페이지에서 보이는 모든 글자에 적용시키도록 한다. 아래 style.css코드의 앞부분에 추가된 푸른색 글자 부분이다. 폰트가 설정되는 대상은 전체 선택자 * 로 지정하여 모든 글자에 적용되게 하였다.   ...  Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: skeleton Text Domain: igotitskeleton */   /*구글웹폰트 지정함*/ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); *{  font-family: 'Nanum Gothic', serif;  font-size: 14px;  line-height: 200%;  }

 

 

 

	2. 테마 스크린 샷 만들기. screenshot.png (880x660)
	현재의 skeleton 테마를 워드프레스 관리자에서 보면, 아래 처럼 비어있어서 심심하다.   위 테마란에서 이미지가 보이게 할려면, 테마 폴더에 screenshot.png 를 추가하기만 하면된다. 이미지 사이즈는 880x660 으로 하란다. screenshot.png 를 테마 폴더에 올리면 아래 처럼 이미지가 보인다.

 

 

 

 

	3. 테마 현재 상태 정리 및 테마압축파일.
	테마만들기 1편에서 12편까지 만들어진 테마의 전체 파일 구성은 아래 그림과 같다.   1. index.php 와 style.css  :  테마만들기 시작 1편에서 만들어졌음 -> http://igotit.tistory.com/85 2. header.php, footer.php : 테마만들기 2편에서 추가됨. -> http://igotit.tistory.com/122 3. single.php : 테마 만들기 4편에서 추가됨. -> http://igotit.tistory.com/126 4. functions.php, page.php : 테마 만들기 5편에서 추가됨.. -> http://igotit.tistory.com/129 5. sidebar.php : 테마 만들기 6편에서 추가됨 -> http://igotit.tistory.com/135 6. archive.php, 404.php, search.php : 7편에서 추가됨. -> http://igotit.tistory.com/141 7. searchform.php : 8편에서 추가됨. -> http://igotit.tistory.com/163 8. screenshot.png : 본 12편에서 추가됨.     워드프레스 테마 구성의 가장 간단한 골격에 해당한다. 이후 이 상태에서 다양한 변형을 가할텐데, 그 전에 현재 상태를 압축하여 백업해둔다.   테마파일 첨부함. --->  igotitskeleton.zip (이 파일은 워드프레스에서 테마 설치하면 정상적으로 설치된다.)

 

///179.

 

본 글이 포함된 통합 정리 글   WordPress 활용정보 정리 : http://igotit.tistory.com/23