SlideShare a Scribd company logo
1 of 23
Download to read offline
by sara cannon / sara-cannon.com / follow @saracannon
Saturday, August 21, 2010
LOVE A THEME BUT WANT TO
                            CUSTOMIZE IT?
                               No Problem!




Saturday, August 21, 2010
CHILD THEMES TO THE RESCUE!




Saturday, August 21, 2010
WHAT IS A CHILD THEME?
                                (and why should I use it?)




Saturday, August 21, 2010
WHAT IS A CHILD THEME?
                   WORDPRESS CODEX:


                   A WordPress child theme is a theme that
                   inherits the functionality of another theme,
                   called the parent theme, and allows you to
                   modify, or add to, the functionality of that
                   parent theme.




Saturday, August 21, 2010
WHAT IS A CHILD THEME?
                   USE A CHILD THEME TO:


                     • Add to the theme’s functionality
                     • Modify CSS/Design
                     • Add Custom Templates / Post Types



Saturday, August 21, 2010
EXAMPLES OF CHILD THEMES




Saturday, August 21, 2010
TWENTYTEN



Saturday, August 21, 2010
SPEAKY BY WPBEGINNER
                   PARENT THEME: TWENTYTEN


Saturday, August 21, 2010
HALE COUNTY HUMANE SOCIETY BY DAN GAVIN
                   PARENT THEME: TWENTYTEN


Saturday, August 21, 2010
FD LAWFIRM BY SCOUT BRANDING
                   PARENT THEME: TWENTYTEN


Saturday, August 21, 2010
WHY IS CHILD THEMING AN
                             IMPORTANT PRACTICE?




Saturday, August 21, 2010
WHY CHILD THEME?

                     • Updates to the Parent without
                       overwriting CSS

                            wp_list_pages(); to wp_nav_menu();

                     • Parental updates = longevity
                     • Saves time in the long run


Saturday, August 21, 2010
HOW DO I MAKE MY OWN
                                CHILD THEME?




Saturday, August 21, 2010
MAKING A CHILD THEME
                   IT IS AS SIMPLE AS:


                     • The parent theme in the themein 3.0!)
                       (twentyten is already installed
                                                       folder


                     • A new directory in the theme folder for
                       your child theme to live

                     • Your new child theme CSS file


Saturday, August 21, 2010
TWENTYTEN



Saturday, August 21, 2010
MAKING A CHILD THEME
                    CHILD THEME CSS FILE:


                     • Make a new CSS File
                     • Edit the CSS header to say:


                     • IMPORT the Parent’s CSS file

Saturday, August 21, 2010
MAKING A CHILD THEME

                     • Anyoverwritesto theprevious selectors
                       file
                            changes
                                     any
                                           new CSS child theme



   twentyten
   CSS:




   twentyten
   child CSS:


Saturday, August 21, 2010
MAKING A CHILD THEME




Saturday, August 21, 2010
MAKING A CHILD THEME
                   CSS TIPS:


                     • Keep in mind CSS Specificity
                   http://www.smashingmagazine.com/2007/07/27/css-specificity-
                   things-you-should-know/


                     • More specific = WIN!
                     • Firebug Firefox Plugin


Saturday, August 21, 2010
MAKING A CHILD THEME
                    CHILD THEME FUNCTIONS FILE:


                     • Unlike style.css... functions.phpto it. NOT
                       overwrite functions but ADDS
                                                         does


                     • Smart choice of a parent theme will have
                       pluggable functions




                     • Or hooks you canor remove_filter()
                       remove_action()
                                        remove with

Saturday, August 21, 2010
RESOURCES:
                  CODEX:

                       http://codex.wordpress.org/Child_Themes

                  CSS SPECIFICITY:

                        http://www.smashingmagazine.com/2007/07/27/css-specificity-
                        things-you-should-know/


                  MODIFYING THEMES:

                       http://themeshaper.com/modify-
                       wordpress-themes/
Saturday, August 21, 2010
by sara cannon / sara-cannon.com / follow @saracannon
Saturday, August 21, 2010

More Related Content

Viewers also liked

April 2016 - Atlanta WordPress Users Group - Child Themes
April 2016 - Atlanta WordPress Users Group - Child ThemesApril 2016 - Atlanta WordPress Users Group - Child Themes
April 2016 - Atlanta WordPress Users Group - Child ThemesEric Sembrat
 
FinCon15 - You're Doing It Wrong; 13 Mistakes WordPress Users Make
FinCon15 - You're Doing It Wrong; 13 Mistakes WordPress Users MakeFinCon15 - You're Doing It Wrong; 13 Mistakes WordPress Users Make
FinCon15 - You're Doing It Wrong; 13 Mistakes WordPress Users MakeDustin Hartzler
 
No More Cowboy Coding: Modern WordPress Development Workflow That Scales
No More Cowboy Coding: Modern WordPress Development Workflow That ScalesNo More Cowboy Coding: Modern WordPress Development Workflow That Scales
No More Cowboy Coding: Modern WordPress Development Workflow That ScalesTom Howard
 
Customizing word press themes for san diego wordpress user group
Customizing word press themes for san diego wordpress user groupCustomizing word press themes for san diego wordpress user group
Customizing word press themes for san diego wordpress user groupPhelan Riessen
 
Business Opportunities in WordPress
Business Opportunities in WordPressBusiness Opportunities in WordPress
Business Opportunities in WordPressJames Dalman
 
The Way to Theme Enlightenment
The Way to Theme EnlightenmentThe Way to Theme Enlightenment
The Way to Theme EnlightenmentAmanda Giles
 
Introduction to WordPress Child Theming, WordCamp Kansas City, 2015
Introduction to WordPress Child Theming, WordCamp Kansas City, 2015Introduction to WordPress Child Theming, WordCamp Kansas City, 2015
Introduction to WordPress Child Theming, WordCamp Kansas City, 2015topher1kenobe
 
What's new in WordPress 4.7
What's new in WordPress 4.7What's new in WordPress 4.7
What's new in WordPress 4.7Steven Watts
 
How a project is born. Intro to Discovery Phase
How a project is born. Intro to Discovery Phase How a project is born. Intro to Discovery Phase
How a project is born. Intro to Discovery Phase Kate Semizhon
 
Discover phase showcase template
Discover phase showcase templateDiscover phase showcase template
Discover phase showcase templateYianni Achele
 
The Why, When, How of WordPress Child Themes
The Why, When, How of WordPress Child ThemesThe Why, When, How of WordPress Child Themes
The Why, When, How of WordPress Child ThemesAnthony Hortin
 
Wordpress: Make Your Site Impressively Beautiful
Wordpress: Make Your Site Impressively BeautifulWordpress: Make Your Site Impressively Beautiful
Wordpress: Make Your Site Impressively BeautifulMafel Gorne
 
How WordPress Themes Work
How WordPress Themes WorkHow WordPress Themes Work
How WordPress Themes WorkHandsOnWP.com
 
Modifying your themes design - Learning CSS - Atlanta WordPress users group
Modifying your themes design - Learning CSS - Atlanta WordPress users groupModifying your themes design - Learning CSS - Atlanta WordPress users group
Modifying your themes design - Learning CSS - Atlanta WordPress users groupEvan Mullins
 
Approaches To WordPress Theme Development
Approaches To WordPress Theme DevelopmentApproaches To WordPress Theme Development
Approaches To WordPress Theme DevelopmentCatch Themes
 
WordPress Theme Basics
WordPress Theme BasicsWordPress Theme Basics
WordPress Theme BasicsJen Jamar
 
WordPress for Beginners
WordPress for BeginnersWordPress for Beginners
WordPress for BeginnersMichelle Ames
 

Viewers also liked (20)

April 2016 - Atlanta WordPress Users Group - Child Themes
April 2016 - Atlanta WordPress Users Group - Child ThemesApril 2016 - Atlanta WordPress Users Group - Child Themes
April 2016 - Atlanta WordPress Users Group - Child Themes
 
FinCon15 - You're Doing It Wrong; 13 Mistakes WordPress Users Make
FinCon15 - You're Doing It Wrong; 13 Mistakes WordPress Users MakeFinCon15 - You're Doing It Wrong; 13 Mistakes WordPress Users Make
FinCon15 - You're Doing It Wrong; 13 Mistakes WordPress Users Make
 
HTML/CSS for WordPress
HTML/CSS for WordPressHTML/CSS for WordPress
HTML/CSS for WordPress
 
No More Cowboy Coding: Modern WordPress Development Workflow That Scales
No More Cowboy Coding: Modern WordPress Development Workflow That ScalesNo More Cowboy Coding: Modern WordPress Development Workflow That Scales
No More Cowboy Coding: Modern WordPress Development Workflow That Scales
 
Customizing word press themes for san diego wordpress user group
Customizing word press themes for san diego wordpress user groupCustomizing word press themes for san diego wordpress user group
Customizing word press themes for san diego wordpress user group
 
Business Opportunities in WordPress
Business Opportunities in WordPressBusiness Opportunities in WordPress
Business Opportunities in WordPress
 
The Way to Theme Enlightenment
The Way to Theme EnlightenmentThe Way to Theme Enlightenment
The Way to Theme Enlightenment
 
Introduction to WordPress Child Theming, WordCamp Kansas City, 2015
Introduction to WordPress Child Theming, WordCamp Kansas City, 2015Introduction to WordPress Child Theming, WordCamp Kansas City, 2015
Introduction to WordPress Child Theming, WordCamp Kansas City, 2015
 
What's new in WordPress 4.7
What's new in WordPress 4.7What's new in WordPress 4.7
What's new in WordPress 4.7
 
How a project is born. Intro to Discovery Phase
How a project is born. Intro to Discovery Phase How a project is born. Intro to Discovery Phase
How a project is born. Intro to Discovery Phase
 
Discover phase showcase template
Discover phase showcase templateDiscover phase showcase template
Discover phase showcase template
 
The Why, When, How of WordPress Child Themes
The Why, When, How of WordPress Child ThemesThe Why, When, How of WordPress Child Themes
The Why, When, How of WordPress Child Themes
 
Wordpress: Make Your Site Impressively Beautiful
Wordpress: Make Your Site Impressively BeautifulWordpress: Make Your Site Impressively Beautiful
Wordpress: Make Your Site Impressively Beautiful
 
Customize it.
Customize it.Customize it.
Customize it.
 
How WordPress Themes Work
How WordPress Themes WorkHow WordPress Themes Work
How WordPress Themes Work
 
Web Development Life Cycle
Web Development Life CycleWeb Development Life Cycle
Web Development Life Cycle
 
Modifying your themes design - Learning CSS - Atlanta WordPress users group
Modifying your themes design - Learning CSS - Atlanta WordPress users groupModifying your themes design - Learning CSS - Atlanta WordPress users group
Modifying your themes design - Learning CSS - Atlanta WordPress users group
 
Approaches To WordPress Theme Development
Approaches To WordPress Theme DevelopmentApproaches To WordPress Theme Development
Approaches To WordPress Theme Development
 
WordPress Theme Basics
WordPress Theme BasicsWordPress Theme Basics
WordPress Theme Basics
 
WordPress for Beginners
WordPress for BeginnersWordPress for Beginners
WordPress for Beginners
 

Similar to Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010

Writing Your First WordPress Plugin
Writing Your First WordPress PluginWriting Your First WordPress Plugin
Writing Your First WordPress PluginMark Jaquith
 
Creating Lifelike Designs with CSS3
Creating Lifelike Designs with CSS3Creating Lifelike Designs with CSS3
Creating Lifelike Designs with CSS3Meagan Fisher
 
Unobtrusive CSS
Unobtrusive CSSUnobtrusive CSS
Unobtrusive CSSJohn Hwang
 
Getting Started With WordPress Themes for Beginners
Getting Started With WordPress Themes for BeginnersGetting Started With WordPress Themes for Beginners
Getting Started With WordPress Themes for BeginnersNew Tricks
 
SASS: The Next Wave in Styling and Theming
SASS: The Next Wave in Styling and ThemingSASS: The Next Wave in Styling and Theming
SASS: The Next Wave in Styling and ThemingSencha
 
Intro to Sass for WordPress Developers
Intro to Sass for WordPress DevelopersIntro to Sass for WordPress Developers
Intro to Sass for WordPress DevelopersSuzette Franck
 
Design and CSS
Design and CSSDesign and CSS
Design and CSSnolly00
 
How to develop a CSS Framework
How to develop a CSS FrameworkHow to develop a CSS Framework
How to develop a CSS FrameworkOlivier Besson
 
Rockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child ThemesRockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child ThemesAndrew Wikel
 
HTML5 - getting started
HTML5 - getting startedHTML5 - getting started
HTML5 - getting startedTed Drake
 
Decoupling the Front-end with Modular CSS
Decoupling the Front-end with Modular CSSDecoupling the Front-end with Modular CSS
Decoupling the Front-end with Modular CSSJulie Cameron
 

Similar to Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010 (13)

Writing Your First WordPress Plugin
Writing Your First WordPress PluginWriting Your First WordPress Plugin
Writing Your First WordPress Plugin
 
Creating Lifelike Designs with CSS3
Creating Lifelike Designs with CSS3Creating Lifelike Designs with CSS3
Creating Lifelike Designs with CSS3
 
Unobtrusive CSS
Unobtrusive CSSUnobtrusive CSS
Unobtrusive CSS
 
Getting Started With WordPress Themes for Beginners
Getting Started With WordPress Themes for BeginnersGetting Started With WordPress Themes for Beginners
Getting Started With WordPress Themes for Beginners
 
SASS: The Next Wave in Styling and Theming
SASS: The Next Wave in Styling and ThemingSASS: The Next Wave in Styling and Theming
SASS: The Next Wave in Styling and Theming
 
Intro to Sass for WordPress Developers
Intro to Sass for WordPress DevelopersIntro to Sass for WordPress Developers
Intro to Sass for WordPress Developers
 
Design and CSS
Design and CSSDesign and CSS
Design and CSS
 
Css framework
Css frameworkCss framework
Css framework
 
How to develop a CSS Framework
How to develop a CSS FrameworkHow to develop a CSS Framework
How to develop a CSS Framework
 
Css framework
Css frameworkCss framework
Css framework
 
Rockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child ThemesRockford WordPress Meetup - Child Themes
Rockford WordPress Meetup - Child Themes
 
HTML5 - getting started
HTML5 - getting startedHTML5 - getting started
HTML5 - getting started
 
Decoupling the Front-end with Modular CSS
Decoupling the Front-end with Modular CSSDecoupling the Front-end with Modular CSS
Decoupling the Front-end with Modular CSS
 

More from Sara Cannon

Open Source Creativity
Open Source CreativityOpen Source Creativity
Open Source CreativitySara Cannon
 
Design Strategy: How information Can Drive Your Designs Decisions To Success
Design Strategy: How information Can Drive Your Designs Decisions To SuccessDesign Strategy: How information Can Drive Your Designs Decisions To Success
Design Strategy: How information Can Drive Your Designs Decisions To SuccessSara Cannon
 
Sara cannon pushing the creative limit
Sara cannon   pushing the creative limitSara cannon   pushing the creative limit
Sara cannon pushing the creative limitSara Cannon
 
Learning Through Stealing - How to Become Better At Your Craft
Learning Through Stealing - How to Become Better At Your CraftLearning Through Stealing - How to Become Better At Your Craft
Learning Through Stealing - How to Become Better At Your CraftSara Cannon
 
WordPress & User Experience - WordCamp London
WordPress & User Experience - WordCamp LondonWordPress & User Experience - WordCamp London
WordPress & User Experience - WordCamp LondonSara Cannon
 
WordPress & User Experience - WordCamp St. Louis
WordPress & User Experience - WordCamp St. LouisWordPress & User Experience - WordCamp St. Louis
WordPress & User Experience - WordCamp St. LouisSara Cannon
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSFSara Cannon
 
Typography and User Experience in Web Design
Typography and User Experience in Web DesignTypography and User Experience in Web Design
Typography and User Experience in Web DesignSara Cannon
 
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014Sara Cannon
 
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influenceSMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influenceSara Cannon
 
The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2Sara Cannon
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNSara Cannon
 
Designer vs Developer: Creators in WordPress
Designer vs Developer: Creators in WordPressDesigner vs Developer: Creators in WordPress
Designer vs Developer: Creators in WordPressSara Cannon
 
Designing for The Modern Web
Designing for The Modern WebDesigning for The Modern Web
Designing for The Modern WebSara Cannon
 
Responsive Design
Responsive DesignResponsive Design
Responsive DesignSara Cannon
 
Font Swoon - Advanced Web Typography
Font Swoon - Advanced Web TypographyFont Swoon - Advanced Web Typography
Font Swoon - Advanced Web TypographySara Cannon
 
Design Swoon - Visual Trends & WordPress
Design Swoon - Visual Trends  & WordPressDesign Swoon - Visual Trends  & WordPress
Design Swoon - Visual Trends & WordPressSara Cannon
 
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara CannonUI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara CannonSara Cannon
 

More from Sara Cannon (20)

Open Source Creativity
Open Source CreativityOpen Source Creativity
Open Source Creativity
 
Design Strategy: How information Can Drive Your Designs Decisions To Success
Design Strategy: How information Can Drive Your Designs Decisions To SuccessDesign Strategy: How information Can Drive Your Designs Decisions To Success
Design Strategy: How information Can Drive Your Designs Decisions To Success
 
Sara cannon pushing the creative limit
Sara cannon   pushing the creative limitSara cannon   pushing the creative limit
Sara cannon pushing the creative limit
 
Learning Through Stealing - How to Become Better At Your Craft
Learning Through Stealing - How to Become Better At Your CraftLearning Through Stealing - How to Become Better At Your Craft
Learning Through Stealing - How to Become Better At Your Craft
 
WordPress & User Experience - WordCamp London
WordPress & User Experience - WordCamp LondonWordPress & User Experience - WordCamp London
WordPress & User Experience - WordCamp London
 
WordPress & User Experience - WordCamp St. Louis
WordPress & User Experience - WordCamp St. LouisWordPress & User Experience - WordCamp St. Louis
WordPress & User Experience - WordCamp St. Louis
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSF
 
Typography and User Experience in Web Design
Typography and User Experience in Web DesignTypography and User Experience in Web Design
Typography and User Experience in Web Design
 
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
 
Smart Design
Smart Design Smart Design
Smart Design
 
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influenceSMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influence
 
IconFonts
IconFontsIconFonts
IconFonts
 
The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
 
Designer vs Developer: Creators in WordPress
Designer vs Developer: Creators in WordPressDesigner vs Developer: Creators in WordPress
Designer vs Developer: Creators in WordPress
 
Designing for The Modern Web
Designing for The Modern WebDesigning for The Modern Web
Designing for The Modern Web
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Font Swoon - Advanced Web Typography
Font Swoon - Advanced Web TypographyFont Swoon - Advanced Web Typography
Font Swoon - Advanced Web Typography
 
Design Swoon - Visual Trends & WordPress
Design Swoon - Visual Trends  & WordPressDesign Swoon - Visual Trends  & WordPress
Design Swoon - Visual Trends & WordPress
 
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara CannonUI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
 

Recently uploaded

Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
QMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdfQMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdfROWELL MARQUINA
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Women in Automation 2024: Career session - explore career paths in automation
Women in Automation 2024: Career session - explore career paths in automationWomen in Automation 2024: Career session - explore career paths in automation
Women in Automation 2024: Career session - explore career paths in automationDianaGray10
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
Introduction-to-Wazuh-and-its-integration.pptx
Introduction-to-Wazuh-and-its-integration.pptxIntroduction-to-Wazuh-and-its-integration.pptx
Introduction-to-Wazuh-and-its-integration.pptxmprakaash5
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesBernd Ruecker
 
Digital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentDigital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentMahmoud Rabie
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
Automation Ops Series: Session 3 - Solutions management
Automation Ops Series: Session 3 - Solutions managementAutomation Ops Series: Session 3 - Solutions management
Automation Ops Series: Session 3 - Solutions managementDianaGray10
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfAarwolf Industries LLC
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech
 
Dublin_mulesoft_meetup_API_specifications.pptx
Dublin_mulesoft_meetup_API_specifications.pptxDublin_mulesoft_meetup_API_specifications.pptx
Dublin_mulesoft_meetup_API_specifications.pptxKunal Gupta
 
Infrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsInfrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsYoss Cohen
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesManik S Magar
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 

Recently uploaded (20)

Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
QMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdfQMMS Lesson 2 - Using MS Excel Formula.pdf
QMMS Lesson 2 - Using MS Excel Formula.pdf
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Women in Automation 2024: Career session - explore career paths in automation
Women in Automation 2024: Career session - explore career paths in automationWomen in Automation 2024: Career session - explore career paths in automation
Women in Automation 2024: Career session - explore career paths in automation
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
Introduction-to-Wazuh-and-its-integration.pptx
Introduction-to-Wazuh-and-its-integration.pptxIntroduction-to-Wazuh-and-its-integration.pptx
Introduction-to-Wazuh-and-its-integration.pptx
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
 
Digital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentDigital Tools & AI in Career Development
Digital Tools & AI in Career Development
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
Automation Ops Series: Session 3 - Solutions management
Automation Ops Series: Session 3 - Solutions managementAutomation Ops Series: Session 3 - Solutions management
Automation Ops Series: Session 3 - Solutions management
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdf
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App Framework
 
Dublin_mulesoft_meetup_API_specifications.pptx
Dublin_mulesoft_meetup_API_specifications.pptxDublin_mulesoft_meetup_API_specifications.pptx
Dublin_mulesoft_meetup_API_specifications.pptx
 
Infrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsInfrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platforms
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotesMuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
MuleSoft Online Meetup Group - B2B Crash Course: Release SparkNotes
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010

  • 1. by sara cannon / sara-cannon.com / follow @saracannon Saturday, August 21, 2010
  • 2. LOVE A THEME BUT WANT TO CUSTOMIZE IT? No Problem! Saturday, August 21, 2010
  • 3. CHILD THEMES TO THE RESCUE! Saturday, August 21, 2010
  • 4. WHAT IS A CHILD THEME? (and why should I use it?) Saturday, August 21, 2010
  • 5. WHAT IS A CHILD THEME? WORDPRESS CODEX: A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme, and allows you to modify, or add to, the functionality of that parent theme. Saturday, August 21, 2010
  • 6. WHAT IS A CHILD THEME? USE A CHILD THEME TO: • Add to the theme’s functionality • Modify CSS/Design • Add Custom Templates / Post Types Saturday, August 21, 2010
  • 7. EXAMPLES OF CHILD THEMES Saturday, August 21, 2010
  • 9. SPEAKY BY WPBEGINNER PARENT THEME: TWENTYTEN Saturday, August 21, 2010
  • 10. HALE COUNTY HUMANE SOCIETY BY DAN GAVIN PARENT THEME: TWENTYTEN Saturday, August 21, 2010
  • 11. FD LAWFIRM BY SCOUT BRANDING PARENT THEME: TWENTYTEN Saturday, August 21, 2010
  • 12. WHY IS CHILD THEMING AN IMPORTANT PRACTICE? Saturday, August 21, 2010
  • 13. WHY CHILD THEME? • Updates to the Parent without overwriting CSS wp_list_pages(); to wp_nav_menu(); • Parental updates = longevity • Saves time in the long run Saturday, August 21, 2010
  • 14. HOW DO I MAKE MY OWN CHILD THEME? Saturday, August 21, 2010
  • 15. MAKING A CHILD THEME IT IS AS SIMPLE AS: • The parent theme in the themein 3.0!) (twentyten is already installed folder • A new directory in the theme folder for your child theme to live • Your new child theme CSS file Saturday, August 21, 2010
  • 17. MAKING A CHILD THEME CHILD THEME CSS FILE: • Make a new CSS File • Edit the CSS header to say: • IMPORT the Parent’s CSS file Saturday, August 21, 2010
  • 18. MAKING A CHILD THEME • Anyoverwritesto theprevious selectors file changes any new CSS child theme twentyten CSS: twentyten child CSS: Saturday, August 21, 2010
  • 19. MAKING A CHILD THEME Saturday, August 21, 2010
  • 20. MAKING A CHILD THEME CSS TIPS: • Keep in mind CSS Specificity http://www.smashingmagazine.com/2007/07/27/css-specificity- things-you-should-know/ • More specific = WIN! • Firebug Firefox Plugin Saturday, August 21, 2010
  • 21. MAKING A CHILD THEME CHILD THEME FUNCTIONS FILE: • Unlike style.css... functions.phpto it. NOT overwrite functions but ADDS does • Smart choice of a parent theme will have pluggable functions • Or hooks you canor remove_filter() remove_action() remove with Saturday, August 21, 2010
  • 22. RESOURCES: CODEX: http://codex.wordpress.org/Child_Themes CSS SPECIFICITY: http://www.smashingmagazine.com/2007/07/27/css-specificity- things-you-should-know/ MODIFYING THEMES: http://themeshaper.com/modify- wordpress-themes/ Saturday, August 21, 2010
  • 23. by sara cannon / sara-cannon.com / follow @saracannon Saturday, August 21, 2010