• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
How to Create a WordPress Child Theme
 

How to Create a WordPress Child Theme

on

  • 497 views

Tired of losing your WordPress theme customizations every time you update the theme? Then learn how to create a WordPress child theme which will save all your changes!

Tired of losing your WordPress theme customizations every time you update the theme? Then learn how to create a WordPress child theme which will save all your changes!

Statistics

Views

Total Views
497
Views on SlideShare
496
Embed Views
1

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 1

http://www.docshut.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    How to Create a WordPress Child Theme How to Create a WordPress Child Theme Presentation Transcript

    • Decoding Digital Marketing How to Create a WordPress Child Theme Presented by: Michelle Phillips Codefetti, LLC September 20, 2012© Copyright 2012. Codefetti, LLC
    • What is a WordPress Theme Anyway? A WordPress theme contains the basic layout information for a WordPress site. The theme contains the following information:  Style: how it looks (i.e.: color, fonts, spacing)  Function: how it works  Structure: how it is put togetherHow to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • What is a WordPress Theme Anyway? Sample themes:How to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • What is a Child Theme? A child theme is based on the functionality of the parent theme. In other words, it inherits all of the features of the parent. When you create a child theme, any customizations that you make to the parent theme are stored in a separate folder. This is important because:  Your customizations are preserved  You can easily upgrade a theme without losing changesHow to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • What is a Child Theme? These customizations include:  Color  Menu Styles  Headers  Navigation  Links  Other formatting you have appliedHow to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • WordPress Directory Structure  For this demo, we will work with the default WordPress theme, twentyeleven.  Let’s go live to take a look at the template, then we’ll look at the directory structure.How to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • WordPress Directory StructureUp on your server before child theme: Up on your server after child theme: Child inherits stylesHow to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • What is the style.css file? It is the only required file in a child theme It provides necessary information so that WordPress recognizes the child theme It replaces the parent’s style.cssHow to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • Let’s Get Started! Before you do anything, backup your site! Not sure how? Here are a few suggestions: 1. Use WPTwin* to clone your site and download the clone 2. Use any other backup plugin 3. Create a cron or scheduled job on your server ◦ * affiliate linkHow to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • 3 Steps to Create a Child Theme Step 1: Create a folder for your child theme up on your server in the wp-content/themes directory twentyeleven-child Step 2: Add a style.css file to the new folder with the theme information twentyeleven-child style.css Step 3: Activate your Child Theme!How to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • Step 1 Log on to your web root (i.e.: public_html/www) Create a new folder in the wp-content/themes directory for your theme. You can name it anything, but I like to use theme name-child (i.e.: twentyeleven-child)How to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • WordPress Directory StructureUp on your server:How to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • Step 2 Copy the style.css code from the parent theme Open up a text editor such as Notepad Paste the copied code into the editor Save as style.cssHow to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • Step 2 Edit the new style.css: Theme name and template are required. http://codex.wordpress.org/Child_ThemesHow to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • Step 2 Alternatively, instead of copying and pasting the parent theme’s style sheet code, you can use the import statement in the child style.css. Note: No other rules must be placed above the @import rule.How to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • Step 3 - Activate the Child ThemeHow to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • 3 Simple Steps in Review Step 1: Create a folder for your child theme up on your server in the wp-content/themes directory Step 2: Add a style.css file to the new folder with the theme information Step 3: Activate your Child Theme!How to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • Referenceswordpress.org http://codex.wordpress.org/Child_Themeswpmu.org http://wpmu.org/how-to-create-a-wordpress-child-theme-in-3-steps/How to Create a WordPress Child Theme© Copyright 2012. Codefetti, LLC
    • Decoding Digital Marketing Call for a free consultation! Website design, WordPress, Social Media, and more! (248) 672-5648 www.codefetti.com Call: 248.672.5648 Presented by: Michelle Phillips Visit our blog: www.codefetti.com/blog Codefetti, LLC September 20, 2012© Copyright 2012. Codefetti, LLC