Top Banner

Click here to load reader

of 18

Daughter Themes

Sep 01, 2014

Download

Technology

Paul Bearne

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/
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • Daughter Themes (aka: Child-Themes)And why you need to know about them
  • Why AndHo
  • No theme will fit all sites
  • You cant 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 companyswebsite.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: