1 / 8

Genesis child themes

Creating Your Own Genesis Child Themes.

nipubarua
Télécharger la présentation

Genesis child themes

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Creating Your Own Genesis Child Themes

  2. File Structure 1. Development area and create a new folder under themes. 2. You’ll want to copy the style.css and the functions.php

  3. Stylesheet 1. Theme name: The name of the child theme goes here. 2. Theme URI: This is a site where they can view a demo or find. 3. Description: Describe your child theme and it’s qualities. 4. Author: Your name to give yourself credit.

  4. Importing CSS A good way of doing so is to enqueue in your functions.php file using the following script: add_action( 'wp_enqueue_scripts', 'my_child_theme_scripts' ); function my_child_theme_scripts() { wp_enqueue_style( 'parent-theme-css', get_template_directory_uri() . '/style.css' ); }

  5. Functions.php <?php //* this will bring in the Genesis Parent files needed: include_once( get_template_directory() . '/lib/init.php' ); //* We tell the name of our child theme define( 'Child_Theme_Name', __( 'Genesis Child', 'genesischild' ) ); //* We tell the web address of our child theme (More info & demo) define( 'Child_Theme_Url', 'http://gsquaredstudios.com' ); //* We tell the version of our child theme define( 'Child_Theme_Version', '1.0' ); //* Add HTML5 markup structure from Genesis add_theme_support( 'html5' ); //* Add HTML5 responsive recognition add_theme_support( 'genesis-responsive-viewport' );

  6. Hooks & Filters The hook is chunk of code that we call to in our functions. Genesis that we ‘hook’ into, which is where the name comes from. function the_excerpt_length( $length ) { $length = '25'; return $length; } add_filter( 'excerpt_length', 'the_excerpt_length' );

  7. Contact Us Fiverr: https://uk.fiverr.com/parvinraina Facebook: https://www.fb.com/genesisshowcase/

  8. THANKS FOR WATCHING

More Related