Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Create Child Theme Using Twenty Seventeen Parent Theme

Create Child Theme Using Twenty Seventeen Parent Theme

Create a child theme, using the twentyseventeen theme as the parent.

Demian Seiler

June 24, 2017
Tweet

More Decks by Demian Seiler

Other Decks in Programming

Transcript

  1. What is a child theme? A child theme is a

    theme that requires a parent theme to be functional as a child theme. As the name implies the child theme “...inherits the look and feel of it’s parent including all of it’s functions.” developer.wordpress.org
  2. Okay, what is a parent theme? A parent theme is

    any theme that can stand on it’s own and is being inherited by a child theme. For example the current WordPress default is “twentyseventeen.” This is a full standalone theme, and can also be called a parent theme when used by a child theme.
  3. Finally, why should I use a child theme? There are

    many reasons to use a child theme but some of the big ones include insulating yourself from parent theme updates, and you get everything you want from the parent theme for free.
  4. Technically, all you need to create a child theme is

    a theme folder and a style.css file. Ex :2017-child-theme-example
  5. To use that style.css we will create a functions.php file

    to enqueue our style files and for many other reasons.
  6. When we are done We will have several files in

    our theme. Some we created, some we copied and modified. The great thing is, now you can update the parent theme, and have little to no worries about your site having any issues. LET’S DIVE INTO THE CODE!!! Example 2017 Child Theme Github (link)
  7. Resources Child Theme Documentation: http://bit.ly/2sLYwgH Today’s Example: http://bit.ly/2s1EPVi WP Theme

    Documentation: http://bit.ly/1B1gM5R WordPress Orlando: https://wporlando.org/ WordPress Orlando Slack: http://bit.ly/2sM6rux THANK YOU!