• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Daughter Themes
 

Daughter Themes

on

  • 1,642 views

Sooner or later the theme you are using will need that little change to make just right for you. Learn how to create a child theme so that your personal changes won’t be overwitten by a theme ...

Sooner or later the theme you are using will need that little change to make just right for you. Learn how to create a child theme so that your personal changes won’t be overwitten by a theme update. present at The 2011 Toronto WordCamp http://2011.toronto.wordcamp.org/

Statistics

Views

Total Views
1,642
Views on SlideShare
1,642
Embed Views
0

Actions

Likes
0
Downloads
6
Comments
0

0 Embeds 0

No embeds

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
  • there are always that little tweaks that will make jut right for you.
  • If you edit the main theme, you will lose the edits if you update the theme following a version release
  • there are always that little tweaks that will make jut right for you.
  • there are always that little tweaks that will make jut right for you.
  • there are always that little tweaks that will make jut right for you.

Daughter Themes Daughter Themes Presentation Transcript

  • Daughter Themes (aka: Child-Themes)And why you need to know about them
  • Why AndHo
  • No theme will fit all sites
  • You can’t apply an update to atheme without losing yourchanges
  • Creating whole themes is hard
  • Daughter themes are easy
  • You can use framework themes to save effort
  • You can brand a theme for your client
  • The code needed/*Theme Name: You Company Theme.Theme URI: http://bearne.caAuthor: Paul BearneTemplate: twentyelevenAuthor URI: http://bearne.ca/Description: This is the special theme I created just for your company’swebsite.Version: 1.0License: GNU General Public LicenseLicense URI: license.txtTags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready*/@import url(../twentyeleven/style.css);
  • How to install it Save as style.css In a new folder called "theme-name" ... for example: " YourCompanyTheme" Create a zip of the folder - newTheme.zip (this zip needs a subfolder with the style.css in it ) Upload it
  • Or FTP it Upload it to the Themes folder in a new folder which follows to show the theme folder as: YourCompanyTheme
  • Add a thumbnail Upload an image screenshot.png
  • Replacing template files Copy just the files from parent theme that you need to change to you daughter folder and edit them. WordPress looks in the daughter folder first and loads the file if found
  • functions.php WordPress will load BOTH function.php files child function.php then the parent function.php So you only need to add the extra/replacement functions Example:<?phpadd_action( after_setup_theme, CompanyNameTheme_setup );if ( ! function_exists( CompanyNameTheme_setup ) ):/** * Sets up theme defaults and registers support for various WordPress features. */function CompanyNameTheme_setup() { // The default header text color define( HEADER_TEXTCOLOR, fff ); // By leaving empty, we allow for random image rotation. define( HEADER_IMAGE, );}endif; // CompanyNameTheme setup
  • Notes You can’t have a child of a child (1 layer only) There is a very small performance hit
  • Some links http://codex.wordpress.org/Child_Themes http://themeshaper.com/modify-wordpress- themes/ http://wpfirstaid.com/2011/04/wordpress-child- themes/ http://themeshaper.com/modify-wordpress- themes/ @pbearne