Go to file
2017-06-11 13:02:56 -04:00
styles Committing version 1.2 2017-06-04 17:56:24 -04:00
.gitattributes 🎊 Added .gitattributes & .gitignore files 2016-01-28 13:59:42 -05:00
.gitignore 🎊 Added .gitattributes & .gitignore files 2016-01-28 13:59:42 -05:00
functions.php Corrected error in enqueuing child theme dependencies 2017-06-11 13:02:56 -04:00
README.md Committing version 1.2 2017-06-04 17:56:24 -04:00
screenshot.png Committing new and improved v. 1.1 2017-05-27 11:57:30 -04:00
style.css Final version of child theme 2017-05-29 12:26:36 -04:00

Atticus Finch Child Theme

You can use this child theme to automatically create a child theme of Atticus Finch. It already includes many of the features you are most likely going to want to change.

Version

This is version 1.2 of this child theme. The version number in the style.css document will always be version 1.0. If you make changes to your child theme, be sure to increment the version number of your child theme. This will allow your child theme to bust cache.

Instructions:

Most of the instructions that you need are contained in the child theme's functions.php file.

Enqueuing Parent Theme

There is a code block in the functions.php file that enqueues the parent theme and child theme style sheets. Do NOT edit this block.

	/* Enqueue the parent theme script. Do NOT remove the below function or you child theme will not load properly */
	wp_enqueue_style( 'atticus-finch-style', get_template_directory_uri() . '/style.css' );
	
	/* Now we will load the child theme's style sheet: */
	wp_enqueue_style( 'atticus-finch-child-style', get_stylesheet_directory_uri() . '/style.css', 'atticus-finch-style', wp_get_theme() -> get( 'Version' ) );

Enqueuing Additional Child Theme Style Sheets

By default, the child theme's style sheet affects only desktop devices. If you want to make changes to the mobile appearance, uncomment that function and make your changes to the child theme's styles/mobile.css file.

To make changes to the way the theme prints (either on paper or to a pdf file), uncomment that function and make your changes to the child theme's styles/print.css file.

Adding Google Webfonts

To add a Google Webfont, uncomment out the first function. In other words, make this

/* Add a Google Webfont by uncommenting the following functions and changing the 'family' attribute below. */
/*
function af_childtheme_add_google_fonts() {
	wp_enqueue_style( 'af-google-fonts', 'http://fonts.googleapis.com/css?family=Asul', false ); 
	}
add_action( 'wp_enqueue_scripts', 'af_childtheme_add_google_fonts' );
*/

look like this:

/* Add a Google Webfont by uncommenting the following functions and changing the 'family' attribute below. */

function af_childtheme_add_google_fonts() {
	wp_enqueue_style( 'af-google-fonts', 'http://fonts.googleapis.com/css?family=Asul', false ); 
	}
add_action( 'wp_enqueue_scripts', 'af_childtheme_add_google_fonts' );

If your font's name consists of more than one word, separate the words with a plus sign:

	wp_enqueue_style( 'af-google-fonts', 'http://fonts.googleapis.com/css?family=IM+Fell+English', false ); 
	}

To enqueue more than one font, separate the font names with a pipe character:

	wp_enqueue_style( 'af-google-fonts', 'http://fonts.googleapis.com/css?family=Asul|IM+Fell+English', false ); 
	}