Lauren Pittenger
I'm a front end web designer
Presented by Lauren Pittenger / @laurenpittenger
Slides:
http://bit.ly/wp-child-themes
Download Child Theme:
https://github.com/lepittenger/twentyfifteen-child
A Child Theme is a theme that inherits the styles and functionality of another theme, but lets us override and add our own elements without touching any of the Parent Theme's code
wp-content/themes/my-child-theme
/*
Theme Name: Twenty Fifteen Child Theme
Theme URI: http://themeuri.com/twenty-fifteen-child/
Description: Twenty Fifteen Child Theme
Author: Lauren Pittenger
Author URI: http://laurenpittenger.com
Template: twentyfifteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-fifteen-child
*/
<?php
add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );
function child_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>
http://childthemes.dev/wp-content/themes/twentyfifteen/style.css
880×660
.page-header {
border-left-color: orange;
}
.entry-footer {
background: url('images/bg.png') repeat;
color: white;
}
.entry-footer a {
color: white;
}
#sidebar {
background: #772322;
color: white;
}
.widget-title, #sidebar a {
color: white;
}
* {
font-family: 'Andika', sans-serif;
}
.entry-title,
.widget-title,
.site-title {
font-family: 'Underdog', serif;
}
style.css
functions.php
add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );
function child_theme_enqueue_styles() {
wp_enqueue_style( 'google-fonts', 'http://fonts.googleapis.com/css?family=Andika|Underdog');
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/header.jpg">
header.php
get_stylesheet_directory()
get_stylesheet_directory_uri()
get_template_directory()
get_template_directory_uri()
Slides:
bit.ly/wp-child-themes
Download Child Theme:
github.com/lepittenger/twentyfifteen-child
By Lauren Pittenger
Learn how to set up a WordPress child theme