diff --git a/README.md b/README.md new file mode 100644 index 0000000..bc4582a --- /dev/null +++ b/README.md @@ -0,0 +1,71 @@ +# 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 ); + } +``` + diff --git a/functions.php b/functions.php index b183e2e..3da9772 100644 --- a/functions.php +++ b/functions.php @@ -16,19 +16,19 @@ add_action( 'wp_enqueue_scripts', 'af_childtheme_add_google_fonts' ); /* Let's load our child theme. */ function atticus_finch_enqueue_styles() { - + /* 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' ) ); - + /* If you need to make changes to the child theme's mobile styles, uncomment the following line and edit the child theme's '/styles/mobile.css' file. */ // wp_enqueue_style( 'atticus-finch-child-mobile-style', get_stylesheet_directory_uri() . '/styles/mobile.css', 'atticus-finch-mobile', wp_get_theme() -> get( 'Version' ), 'screen and (max-width: '. get_theme_mod( 'atticus_finch_mobile_breakpoint' ) . 'px)' ); - + /* If you need to make changes to the child theme's menu styles, uncomment the following line and edit the child theme's '/styles/menu.css' file. */ // wp_enqueue_style( 'atticus-finch-child-menu-style', get_stylesheet_directory_uri() . '/styles/menus.css', 'atticus-finch-mobile', wp_get_theme() -> get( 'Version' ) ); - + /* If you need to make changes to the child theme's print styles, uncomment the following line and edit the child theme's '/styles/print.css' file. */ // wp_enqueue_style( 'atticus-finch-child-print-style', get_stylesheet_directory_uri() . '/styles/print.css', 'atticus-finch-mobile', wp_get_theme() -> get( 'Version' ), 'print' ); } diff --git a/styles/menus.css b/styles/menus.css index b82528b..1e2c078 100755 --- a/styles/menus.css +++ b/styles/menus.css @@ -1 +1,20 @@ /* Use this stylesheet to override menu styles in Atticus Finch or to create new ones. */ + +/* To change the font used in the Top Menu, adjust the following elements */ + +#aboveheadermenu { + font-family: ; +} + +/* To change the font used in the Main Menu, adjust the following elements */ + +#belowheadermenu { + font-family: ; +} + +/* To change the font used in the Footer Menu, adjust the following elements */ + +#footermenu { + font-family: ; +} +