SlideShare a Scribd company logo

Word press child theme

Hooney Jo
Hooney Jo

나만의 워드프레스 디자인을 위한 WordPress Child Theme. WordPress Meetup Seoul 2011

1 of 25
Download to read offline
나만의 워드프레스 디자인을 위한
 WordPress Child Theme


      i@hooney.net
소개: hooney
지난 내용

• 서비스형 블로그의 한계

• 설치형 블로그의 아름다움

• 목적에 맞는 프로세스

• 누가 테마를 만들 것인가?
목차


• 워드프레스 테마

• 워드프레스 자식 테마

• 자식 테마 만들기

• 자식 테마 한계

• 나만의 워드프레스 디자인을 위한 Next Step
워드프레스 테마

• 이미 너무 많음

• 새로 만들기 위한 필수 요소

• 테마 구조
너무 많음: 공식 등록된 테마 1,452개

• 워드프레스 사이트에 등록된 것만 1,452개

• 상업용/개인용 포함하면 2,000개를 훨씬 넘을듯.
너무 많음: 다양한 분류로 선택 가능

• 색상, 열(컬럼), 폭(너비), 특성, 주제 등 40여개 분류별로
 선택 가능.
새로 만들기 위한 필수 요소

• Contents

• 웹 기술: HTML, CSS, JS

• Wordpress Themplate 구조: tag, file
테마 구조: 기본

• 기본 Template File:
  – index.php

  – style.css

• 기본 Template Tag:
  – loop,

  – title, contents, etc

  – comments list/ form
테마 구조: 확장
워드프레스 자식 테마

• 개요

• 장점

• 만들기

• 제작 도구

• 사례
개요

• 워드프레스 자식(child) 테마는 부모(parent) 테마의 기능
 이나 디자인을 상속받거나, 추가/수정/삭제할 수 있음.
장점

• 테마 제작 효율성 향상
 – 먼저 찾고, 필요한 거 추가하는 방식의 플러그인 테마 개발 가능

 – 테마 제작 시간 단축으로, 창의적 디자인 시간 확보



• 부모/자식 분리로 테마 관리 쉬움
 – 부모/자식 테마의 별도 업데이트 가능

 – 자식1, 자식2, 자식3처럼 형제 테마 제작 가능
자식 테마 만들기

• 자식 테마 폴더 제작

• style.css 제작

• function.php 외 템플릿 파일 제작

• 자식 테마 제작 도구: firebug
1. 자식 테마 폴더 제작

• 경로: 워드프레스가 설치된 경로/wp-content/themes

• 폴더명: 내 마음대로! 기왕이면, 영문 닉네임?
2. style.css 제작

 • 자식 테마 설명 추가하기
   /*
   Theme Name: hooney-v6 (자식 테마 이름)

   Theme URI: http: //hooney.net/theme/v6 (테마 홈페이지 주소)
   Description: 멋쟁이 후니넷 버전6. (자식 테마 설명)
   Author: hooney (제작자 이름)
   Author URI: http: //hooney.net/ (제작자 홈페이지 주소)
   Template: 부모 테마(템플릿) 이름
   Version: 0.1.0
   */
2. style.css 제작

   /*

   Theme Name: hooney-v6 (v5의 자식 테마)

   …

   Template: hooney-v5

   */

 • 부모 테마의 style 상속하기
   @import url("../twentyeleven/style.css");

 • 나만의 style 추가/변경하기
   #site-title a { color: #009900; }
2. style.css 제작

 • 부모 테마의 css
   #sidebar {

       float: left;

       background: blue;

   }

 • 자식 테마의 css
   #sidebar {

       float: right;

       background: green;

   }
Function.php 외 탬플릿 파일 제작

• 파비콘 추가하기
  – function.php를 만들어, 아래의 코드를 추가




      function favicon_link() {
              echo '<link rel="shortcut icon" type="image/x-icon"
              href="/favicon.ico" />' . "n";

      }



  add_action('wp_head', 'favicon_link');
Function.php 외 탬플릿 파일 제작

• 파비콘 변경하기
  – function.php를 만들어, 아래의 코드를 추가



  if (!function_exists(‘favicon_link')) {

      function favicon_link() {
              echo '<link rel="shortcut icon" type="image/x-icon"
              href="/favicon.ico" />' . "n";

      }

  }

  add_action('wp_head', 'favicon_link');
부모(템플릿용) 테마

• Sandbox

• Carrington

• Wp-framework

• Hybrid

• Thematic

• …
자식 테마 사례: Thematic
자식 테마 단점

• 프레임웍 테마 학습 필요

• 부모 테마의 상속

• 그리고, 완벽한 건 없음.
나만의 워드프레스 테마 Next Step

• Custom Loop
• Custom PostType
• Custom Taxonomies
• Custom Fields
감사합니다.
  Q&A
i@hooney.net

Recommended

워드프레스 테마 시작하기
워드프레스 테마 시작하기워드프레스 테마 시작하기
워드프레스 테마 시작하기Hooney Jo
 
S1.part.2.워드프레스 테마 시작하기
S1.part.2.워드프레스 테마 시작하기S1.part.2.워드프레스 테마 시작하기
S1.part.2.워드프레스 테마 시작하기082net
 
워드프레스 웹사이트 제작 가이드
워드프레스 웹사이트 제작 가이드워드프레스 웹사이트 제작 가이드
워드프레스 웹사이트 제작 가이드Sukjoon Kim
 
워드프레스 기본개념 및 가이드
워드프레스 기본개념 및 가이드워드프레스 기본개념 및 가이드
워드프레스 기본개념 및 가이드Chris
 
워드프레스 운영 및 활용강좌
워드프레스 운영 및 활용강좌워드프레스 운영 및 활용강좌
워드프레스 운영 및 활용강좌@hongss
 
워드프레스를 이용한 모바일웹 개발
워드프레스를 이용한 모바일웹 개발워드프레스를 이용한 모바일웹 개발
워드프레스를 이용한 모바일웹 개발MinHyeong Lim
 
Word camp seoul-2012-track2-2
Word camp seoul-2012-track2-2Word camp seoul-2012-track2-2
Word camp seoul-2012-track2-2082net
 
웹 개발 스터디 01 - HTML, CSS
웹 개발 스터디 01 - HTML, CSS웹 개발 스터디 01 - HTML, CSS
웹 개발 스터디 01 - HTML, CSSYu Yongwoo
 

More Related Content

What's hot

워드프레스와친구들
워드프레스와친구들워드프레스와친구들
워드프레스와친구들082net
 
워프드레스 기반 쇼핑몰 구축 전략
워프드레스 기반 쇼핑몰 구축 전략워프드레스 기반 쇼핑몰 구축 전략
워프드레스 기반 쇼핑몰 구축 전략Jason Bum-Soo Kim
 
웹퍼블리싱강의
웹퍼블리싱강의웹퍼블리싱강의
웹퍼블리싱강의재은 박
 
웹 개발 스터디 02 - javascript, bootstrap
웹 개발 스터디 02 - javascript, bootstrap웹 개발 스터디 02 - javascript, bootstrap
웹 개발 스터디 02 - javascript, bootstrapYu Yongwoo
 
Sns mkt final exams
Sns mkt final examsSns mkt final exams
Sns mkt final examsLEEBORA4
 
Word camp seoul-2012-track3-3
Word camp seoul-2012-track3-3Word camp seoul-2012-track3-3
Word camp seoul-2012-track3-3082net
 
CSS3 천기누설
CSS3 천기누설CSS3 천기누설
CSS3 천기누설Toby Yun
 
[02회][제대로워드프레스][세미나]
[02회][제대로워드프레스][세미나][02회][제대로워드프레스][세미나]
[02회][제대로워드프레스][세미나]블로그코디
 
쉽게쓰는워드프레스
쉽게쓰는워드프레스쉽게쓰는워드프레스
쉽게쓰는워드프레스082net
 
워드프레스 For 블로거
워드프레스 For 블로거워드프레스 For 블로거
워드프레스 For 블로거082net
 
Yahoo Pipes and YQL
Yahoo Pipes and YQLYahoo Pipes and YQL
Yahoo Pipes and YQLJinho Jung
 
처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차Michael Yang
 
Divi custom post type template
Divi custom post type templateDivi custom post type template
Divi custom post type templateDonghyeok Kang
 
Firebase for web (웹개발을 위한 파이어베이스) 3 Real-Time Database
Firebase for web (웹개발을 위한 파이어베이스) 3 Real-Time DatabaseFirebase for web (웹개발을 위한 파이어베이스) 3 Real-Time Database
Firebase for web (웹개발을 위한 파이어베이스) 3 Real-Time Database승빈이네 공작소
 
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차Michael Yang
 
워드프레스 기초 (ABCD) #2
워드프레스 기초 (ABCD) #2워드프레스 기초 (ABCD) #2
워드프레스 기초 (ABCD) #2성일 한
 

What's hot (20)

워드프레스와친구들
워드프레스와친구들워드프레스와친구들
워드프레스와친구들
 
워프드레스 기반 쇼핑몰 구축 전략
워프드레스 기반 쇼핑몰 구축 전략워프드레스 기반 쇼핑몰 구축 전략
워프드레스 기반 쇼핑몰 구축 전략
 
웹퍼블리싱강의
웹퍼블리싱강의웹퍼블리싱강의
웹퍼블리싱강의
 
웹 개발 스터디 02 - javascript, bootstrap
웹 개발 스터디 02 - javascript, bootstrap웹 개발 스터디 02 - javascript, bootstrap
웹 개발 스터디 02 - javascript, bootstrap
 
Sns mkt final exams
Sns mkt final examsSns mkt final exams
Sns mkt final exams
 
Word camp seoul-2012-track3-3
Word camp seoul-2012-track3-3Word camp seoul-2012-track3-3
Word camp seoul-2012-track3-3
 
CSS3 천기누설
CSS3 천기누설CSS3 천기누설
CSS3 천기누설
 
[02회][제대로워드프레스][세미나]
[02회][제대로워드프레스][세미나][02회][제대로워드프레스][세미나]
[02회][제대로워드프레스][세미나]
 
쉽게쓰는워드프레스
쉽게쓰는워드프레스쉽게쓰는워드프레스
쉽게쓰는워드프레스
 
워드프레스 For 블로거
워드프레스 For 블로거워드프레스 For 블로거
워드프레스 For 블로거
 
Yahoo Pipes and YQL
Yahoo Pipes and YQLYahoo Pipes and YQL
Yahoo Pipes and YQL
 
Jinyweb
JinywebJinyweb
Jinyweb
 
처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차처음부터 다시 배우는 HTML5 & CSS3 1일차
처음부터 다시 배우는 HTML5 & CSS3 1일차
 
Divi custom post type template
Divi custom post type templateDivi custom post type template
Divi custom post type template
 
Firebase for web (웹개발을 위한 파이어베이스) 3 Real-Time Database
Firebase for web (웹개발을 위한 파이어베이스) 3 Real-Time DatabaseFirebase for web (웹개발을 위한 파이어베이스) 3 Real-Time Database
Firebase for web (웹개발을 위한 파이어베이스) 3 Real-Time Database
 
Basic html
Basic htmlBasic html
Basic html
 
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
 
워드프레스 기초 (ABCD) #2
워드프레스 기초 (ABCD) #2워드프레스 기초 (ABCD) #2
워드프레스 기초 (ABCD) #2
 
My words
My wordsMy words
My words
 
Compass 사용법
Compass 사용법Compass 사용법
Compass 사용법
 

Viewers also liked

크롬에서 워드프레스 CSS 수정하기.
크롬에서 워드프레스 CSS 수정하기.크롬에서 워드프레스 CSS 수정하기.
크롬에서 워드프레스 CSS 수정하기.DreamJ Communication
 
카카오홈
카카오홈카카오홈
카카오홈Sieun Joo
 
목적에 맞는 테마 고르기
목적에 맞는 테마 고르기목적에 맞는 테마 고르기
목적에 맞는 테마 고르기bh Kyung
 
글 제목만 표시하기
글 제목만 표시하기글 제목만 표시하기
글 제목만 표시하기bh Kyung
 
워드프레스 테마 만들기 기초 - 워드프레스 미트업 서울 2015
워드프레스 테마 만들기 기초 - 워드프레스 미트업 서울 2015 워드프레스 테마 만들기 기초 - 워드프레스 미트업 서울 2015
워드프레스 테마 만들기 기초 - 워드프레스 미트업 서울 2015 덕현 남
 
디미컨 파이널
디미컨 파이널디미컨 파이널
디미컨 파이널Hye Bin Bae
 

Viewers also liked (7)

발표Ppt 수정본
발표Ppt 수정본발표Ppt 수정본
발표Ppt 수정본
 
크롬에서 워드프레스 CSS 수정하기.
크롬에서 워드프레스 CSS 수정하기.크롬에서 워드프레스 CSS 수정하기.
크롬에서 워드프레스 CSS 수정하기.
 
카카오홈
카카오홈카카오홈
카카오홈
 
목적에 맞는 테마 고르기
목적에 맞는 테마 고르기목적에 맞는 테마 고르기
목적에 맞는 테마 고르기
 
글 제목만 표시하기
글 제목만 표시하기글 제목만 표시하기
글 제목만 표시하기
 
워드프레스 테마 만들기 기초 - 워드프레스 미트업 서울 2015
워드프레스 테마 만들기 기초 - 워드프레스 미트업 서울 2015 워드프레스 테마 만들기 기초 - 워드프레스 미트업 서울 2015
워드프레스 테마 만들기 기초 - 워드프레스 미트업 서울 2015
 
디미컨 파이널
디미컨 파이널디미컨 파이널
디미컨 파이널
 

Similar to Word press child theme

XE Open seminar 테마만들기
XE Open seminar 테마만들기XE Open seminar 테마만들기
XE Open seminar 테마만들기Sungbum Hong
 
WordPress Meetup for Theme
WordPress Meetup for ThemeWordPress Meetup for Theme
WordPress Meetup for ThemeMinHyeong Lim
 
Firebase for Web (웹개발을 위한 파이어베이스) 1 Hosting
Firebase for Web (웹개발을 위한 파이어베이스) 1 HostingFirebase for Web (웹개발을 위한 파이어베이스) 1 Hosting
Firebase for Web (웹개발을 위한 파이어베이스) 1 Hosting승빈이네 공작소
 
XE3 a부터 z까지(1) xe3 구조와 간단한 페이지 만들기
XE3 a부터 z까지(1) xe3 구조와 간단한 페이지 만들기XE3 a부터 z까지(1) xe3 구조와 간단한 페이지 만들기
XE3 a부터 z까지(1) xe3 구조와 간단한 페이지 만들기승훈 오
 
과정 커리큘럼
과정 커리큘럼과정 커리큘럼
과정 커리큘럼John Seo
 
김찬웅_그룹웨어에 새 에너지를_NDC15
김찬웅_그룹웨어에 새 에너지를_NDC15김찬웅_그룹웨어에 새 에너지를_NDC15
김찬웅_그룹웨어에 새 에너지를_NDC15Chanwoong Kim
 
XECon + PHPFest 2014 XE 프로젝트 이야기
XECon + PHPFest 2014 XE 프로젝트 이야기XECon + PHPFest 2014 XE 프로젝트 이야기
XECon + PHPFest 2014 XE 프로젝트 이야기Sol Kim
 
블로터 특강 - 워드프레스 잘 쓰고 계신가요?
블로터 특강 - 워드프레스 잘 쓰고 계신가요?블로터 특강 - 워드프레스 잘 쓰고 계신가요?
블로터 특강 - 워드프레스 잘 쓰고 계신가요?Jason Bum-Soo Kim
 
[APM] Homepage bbs
[APM] Homepage bbs[APM] Homepage bbs
[APM] Homepage bbsKim Heejin
 
알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web Animations알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web AnimationsChang W. Doh
 
Web Standards HTML5_CSS3
Web Standards HTML5_CSS3Web Standards HTML5_CSS3
Web Standards HTML5_CSS3Eulsoo Jung
 
헥소로 블로그 만들기
헥소로 블로그 만들기헥소로 블로그 만들기
헥소로 블로그 만들기권성 양
 
2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptx2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptxssuserf875e6
 
WordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - PluginWordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - PluginMinHyeong Lim
 
PHP에서 객체와 데이터 연결 유지
PHP에서 객체와 데이터 연결 유지PHP에서 객체와 데이터 연결 유지
PHP에서 객체와 데이터 연결 유지Yoonwhan Lee
 
업무자동화를 위한 파이썬
업무자동화를 위한 파이썬업무자동화를 위한 파이썬
업무자동화를 위한 파이썬성주 이
 
웹캣소개서 (스마트교육연구소)
웹캣소개서 (스마트교육연구소)웹캣소개서 (스마트교육연구소)
웹캣소개서 (스마트교육연구소)tekville2
 
메이븐파헤치기(김우용)
메이븐파헤치기(김우용)메이븐파헤치기(김우용)
메이븐파헤치기(김우용)우용 김
 

Similar to Word press child theme (20)

XE Open seminar 테마만들기
XE Open seminar 테마만들기XE Open seminar 테마만들기
XE Open seminar 테마만들기
 
WordPress Meetup for Theme
WordPress Meetup for ThemeWordPress Meetup for Theme
WordPress Meetup for Theme
 
Firebase for Web (웹개발을 위한 파이어베이스) 1 Hosting
Firebase for Web (웹개발을 위한 파이어베이스) 1 HostingFirebase for Web (웹개발을 위한 파이어베이스) 1 Hosting
Firebase for Web (웹개발을 위한 파이어베이스) 1 Hosting
 
XE3 a부터 z까지(1) xe3 구조와 간단한 페이지 만들기
XE3 a부터 z까지(1) xe3 구조와 간단한 페이지 만들기XE3 a부터 z까지(1) xe3 구조와 간단한 페이지 만들기
XE3 a부터 z까지(1) xe3 구조와 간단한 페이지 만들기
 
과정 커리큘럼
과정 커리큘럼과정 커리큘럼
과정 커리큘럼
 
김찬웅_그룹웨어에 새 에너지를_NDC15
김찬웅_그룹웨어에 새 에너지를_NDC15김찬웅_그룹웨어에 새 에너지를_NDC15
김찬웅_그룹웨어에 새 에너지를_NDC15
 
XECon + PHPFest 2014 XE 프로젝트 이야기
XECon + PHPFest 2014 XE 프로젝트 이야기XECon + PHPFest 2014 XE 프로젝트 이야기
XECon + PHPFest 2014 XE 프로젝트 이야기
 
블로터 특강 - 워드프레스 잘 쓰고 계신가요?
블로터 특강 - 워드프레스 잘 쓰고 계신가요?블로터 특강 - 워드프레스 잘 쓰고 계신가요?
블로터 특강 - 워드프레스 잘 쓰고 계신가요?
 
[APM] Homepage bbs
[APM] Homepage bbs[APM] Homepage bbs
[APM] Homepage bbs
 
알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web Animations알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web Animations
 
Web Standards HTML5_CSS3
Web Standards HTML5_CSS3Web Standards HTML5_CSS3
Web Standards HTML5_CSS3
 
HTML5 & CSS3
HTML5 & CSS3HTML5 & CSS3
HTML5 & CSS3
 
헥소로 블로그 만들기
헥소로 블로그 만들기헥소로 블로그 만들기
헥소로 블로그 만들기
 
2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptx2022.08 멘토링 자료.pptx
2022.08 멘토링 자료.pptx
 
Prepo
PrepoPrepo
Prepo
 
WordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - PluginWordCamp 2012 Seoul - Plugin
WordCamp 2012 Seoul - Plugin
 
PHP에서 객체와 데이터 연결 유지
PHP에서 객체와 데이터 연결 유지PHP에서 객체와 데이터 연결 유지
PHP에서 객체와 데이터 연결 유지
 
업무자동화를 위한 파이썬
업무자동화를 위한 파이썬업무자동화를 위한 파이썬
업무자동화를 위한 파이썬
 
웹캣소개서 (스마트교육연구소)
웹캣소개서 (스마트교육연구소)웹캣소개서 (스마트교육연구소)
웹캣소개서 (스마트교육연구소)
 
메이븐파헤치기(김우용)
메이븐파헤치기(김우용)메이븐파헤치기(김우용)
메이븐파헤치기(김우용)
 

Word press child theme

  • 1. 나만의 워드프레스 디자인을 위한 WordPress Child Theme i@hooney.net
  • 3. 지난 내용 • 서비스형 블로그의 한계 • 설치형 블로그의 아름다움 • 목적에 맞는 프로세스 • 누가 테마를 만들 것인가?
  • 4. 목차 • 워드프레스 테마 • 워드프레스 자식 테마 • 자식 테마 만들기 • 자식 테마 한계 • 나만의 워드프레스 디자인을 위한 Next Step
  • 5. 워드프레스 테마 • 이미 너무 많음 • 새로 만들기 위한 필수 요소 • 테마 구조
  • 6. 너무 많음: 공식 등록된 테마 1,452개 • 워드프레스 사이트에 등록된 것만 1,452개 • 상업용/개인용 포함하면 2,000개를 훨씬 넘을듯.
  • 7. 너무 많음: 다양한 분류로 선택 가능 • 색상, 열(컬럼), 폭(너비), 특성, 주제 등 40여개 분류별로 선택 가능.
  • 8. 새로 만들기 위한 필수 요소 • Contents • 웹 기술: HTML, CSS, JS • Wordpress Themplate 구조: tag, file
  • 9. 테마 구조: 기본 • 기본 Template File: – index.php – style.css • 기본 Template Tag: – loop, – title, contents, etc – comments list/ form
  • 11. 워드프레스 자식 테마 • 개요 • 장점 • 만들기 • 제작 도구 • 사례
  • 12. 개요 • 워드프레스 자식(child) 테마는 부모(parent) 테마의 기능 이나 디자인을 상속받거나, 추가/수정/삭제할 수 있음.
  • 13. 장점 • 테마 제작 효율성 향상 – 먼저 찾고, 필요한 거 추가하는 방식의 플러그인 테마 개발 가능 – 테마 제작 시간 단축으로, 창의적 디자인 시간 확보 • 부모/자식 분리로 테마 관리 쉬움 – 부모/자식 테마의 별도 업데이트 가능 – 자식1, 자식2, 자식3처럼 형제 테마 제작 가능
  • 14. 자식 테마 만들기 • 자식 테마 폴더 제작 • style.css 제작 • function.php 외 템플릿 파일 제작 • 자식 테마 제작 도구: firebug
  • 15. 1. 자식 테마 폴더 제작 • 경로: 워드프레스가 설치된 경로/wp-content/themes • 폴더명: 내 마음대로! 기왕이면, 영문 닉네임?
  • 16. 2. style.css 제작 • 자식 테마 설명 추가하기 /* Theme Name: hooney-v6 (자식 테마 이름) Theme URI: http: //hooney.net/theme/v6 (테마 홈페이지 주소) Description: 멋쟁이 후니넷 버전6. (자식 테마 설명) Author: hooney (제작자 이름) Author URI: http: //hooney.net/ (제작자 홈페이지 주소) Template: 부모 테마(템플릿) 이름 Version: 0.1.0 */
  • 17. 2. style.css 제작 /* Theme Name: hooney-v6 (v5의 자식 테마) … Template: hooney-v5 */ • 부모 테마의 style 상속하기 @import url("../twentyeleven/style.css"); • 나만의 style 추가/변경하기 #site-title a { color: #009900; }
  • 18. 2. style.css 제작 • 부모 테마의 css #sidebar { float: left; background: blue; } • 자식 테마의 css #sidebar { float: right; background: green; }
  • 19. Function.php 외 탬플릿 파일 제작 • 파비콘 추가하기 – function.php를 만들어, 아래의 코드를 추가 function favicon_link() { echo '<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />' . "n"; } add_action('wp_head', 'favicon_link');
  • 20. Function.php 외 탬플릿 파일 제작 • 파비콘 변경하기 – function.php를 만들어, 아래의 코드를 추가 if (!function_exists(‘favicon_link')) { function favicon_link() { echo '<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />' . "n"; } } add_action('wp_head', 'favicon_link');
  • 21. 부모(템플릿용) 테마 • Sandbox • Carrington • Wp-framework • Hybrid • Thematic • …
  • 23. 자식 테마 단점 • 프레임웍 테마 학습 필요 • 부모 테마의 상속 • 그리고, 완벽한 건 없음.
  • 24. 나만의 워드프레스 테마 Next Step • Custom Loop • Custom PostType • Custom Taxonomies • Custom Fields