parent & child themes

16
PARENTS + CHILDREN THEMES THAT IS WHAT’S THAT ALL ABOUT

Upload: leedrozakcom

Post on 13-Apr-2017

24 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Parent & Child Themes

PARENTS + CHILDRENTHEMES THAT IS

WHAT’S THAT ALL ABOUT

Page 2: Parent & Child Themes

WHO IS THE LEE DROZAK?

ABOUT ME

LEEDROZAK BIZ

DESIGNER, DEVELOPER + STRATEGIST

MY WP SUPERPOWER: REDESIGN

EMBRACER OF TINY (RV) LIVING

TWEETY @LEEDROZAK

Page 3: Parent & Child Themes

THE TEMPLATE HIERARCHYMODULAR, REUSABLE FILES, USED TO GENERATE THE WEB PAGES

Page 4: Parent & Child Themes

TEXTEXIST WITHIN LOOP

index.php

search.php

404.php

front-page.php

archive.php

single.php

page.php

https://wphierarchy.com/

OUTSIDE THE LOOP

header.php

footer.php

sidebar.php

comments.php

REQUIRED

functions.php

style.css

Page 5: Parent & Child Themes

THE THEMECOLLECTION OF FILES THE MODIFY THE WAY YOUR SITE IS DISPLAYED

Page 6: Parent & Child Themes

WHAT ARE CHILD THEMESTHE MODIFICATION OF THE PARENT OR MAIN THEME

Page 7: Parent & Child Themes

WHY WOULD I USE A CHILD THEMETHERE ARE MANY REASONS BUT MAINLY BECAUSE THE NEXT DEVELOPER WILL THANK YOU

Page 8: Parent & Child Themes

CREATING YOUR CHILD(REN)PLUGIN VS CODING DEVELOPMENT

Page 9: Parent & Child Themes

TEXTWP CHILD THEME GENERATOR

Page 10: Parent & Child Themes

TEXTTHE SET-UP: wp-content

plugins

themes

index.php

parent

parent-child

style.css

functions.php

Page 11: Parent & Child Themes

TEXTSTYLE.CSS /*

Theme Name: Client Biz Name

Theme URI: https://clientdomain.com/

Description: This is a styled customized theme for the Genesis Framework.

Author: Lee Drozak

Author URI: https://leedrozak.com/

Version: 1.0

Template: genesis

Template Version: 2.2.3

License: GPL-2.0+

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

Page 12: Parent & Child Themes

FUNCTIONS.PHP

<?php //* Code goes here

function my_theme_enqueue_styles() {

$parent_style = 'parent-style'; // This is the parent theme name you are using

wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->get('Version') ); } add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); ?>

Page 13: Parent & Child Themes

LOAD ORDERSTYLE.CSS OVERWRITE WHILE FUNCTIONS.PHP APPENDS

Page 14: Parent & Child Themes

MORE THAN A PRETTY FACECHILD THEMES ALLOW YOU TO EASILY ADD FUNCTIONALITY

Page 15: Parent & Child Themes

ACTIVATING YOUR CHILD THEMEIF YOU CAN UPLOAD A THEME YOU CAN UPLOAD THE PARENT YOU CAN UPLOAD THE CHILD

Page 16: Parent & Child Themes

QUESTIONSYOU CAN FIND ME IN THE HAPPINESS BAR NEXT