Skip to content

This is a Starter Genesis Child Theme for WordPress, use it as a child theme with the core Genesis Framework

Notifications You must be signed in to change notification settings

treeWater/genesischild

 
 

Repository files navigation

#GenesisChild

This is a basic starter Genesis Child Theme to be used with the Genesis Framework on WordPress.

There is also a Mobile First version of this starter theme - https://github.com/neilgee/genesischild-mobile-first

This Genesischild theme has a number of widgets areas, some Front Page only.

###Widgetised Areas

  • The theme contains the following widgets
  • Pre-Header Left
  • Pre-Header Right
  • Header Right
  • Hero - Home Page only front-page.php
  • Optin - Home Page only front-page.php
  • Home Top - Home Page only front-page.php
  • Home Middle - Home Page only front-page.php
  • Home Bottom - Home Page only front-page.php
  • Before Content posts only
  • After Content posts only
  • Footer Widget Header
  • Footer Widgets 1, 2, 3
  • Footer
  • Post Footer Left
  • Post Footer Right

###Home Page The Home Page has been widgetised and the default Genesis loop can be removed.

To remove the Genesis home page loop tweak the front-page.php file by uncommenting line 88:

wpb_genesis_no_content();

and commenting line 90:

//genesis();

###Example For an online visual: http://themes.wpbeaches.com/genesischild/ Areas are highlighted to show boundaries and full width wraps these colors are commented out in the CSS. Only difference is the main home page 3 modules are now stacked in the theme, Home Top, Home Middle and Home Bottom.

###Menus

  • Primary Menu is positioned in Header Right Widget Hook and set to Primary Location
  • Secondary Menu remains in default area and is Secondary Location
  • Responsive menu is added but not enabled, to enable it uncomment in functions.php line 39 * // include_once( get_stylesheet_directory() . '/includes/responsive-menu.php' );*

###Custom Logo

  • Custom Logo is supported via the Customizer, suggested size is 400x150px which you can change in the add_theme_support('custom-logo') array in functions.php
  • The header logo uses an <img> element and can support the SVG format.

###Background Image

  • Background Images is supported, a background image can be uploaded in the WP Dashboard via Appearance > Background, this will scale to fit any viewport via BackStretchJS.

To use this you have to enable the BackStretch script in /includes/scripts-styles.php at line 54

###Customizer

  • Colors > options for link, link hover, menu, menu hover, button, button hover
  • Site Identity > Logo upload
  • Featured Images > background image behind Hero Widget

###Javascripts All scripts are in /includes/scripts-styles.php

  • FontAwesome is enabled.
  • placeholder.js is enabled.
  • backstretch.min.js is disabled.
  • SVGeezy is disabled
  • FItVids is disabled

###CSS All CSS files are in /includes/scripts-styles.php

  • Regular style.css with all Genesis Framework and placeholders to start new project
  • 2 x IE styles in CSS directory, one targets IE8 and lower, the other IE9 and lower
  • Media Queries set at 767px and 1200px

###WooCommerce

  • WooCommerce style sheet set to load before main style sheet
  • Some generic CSS styles declared in styles.css
  • WooCommerce theme support declared as an action in functions.php but commented out
  • Using Genesis Connect for WooCommerce

###Miscellaneous

  • PHP is enabled to execute in widget areas
  • Shortcode enabled in widget areas
  • 'Read More' link is enabled on post excerpts
  • Comments header changed to 'Leave a Comment'
  • HTML Tags and Attributes is removed from comments
  • The font 'Open Sans' is enqueued from Google Fonts in functions.php
  • Author name removed in Post Meta for posts
  • SVG support for uploads and fallbacks can use PNG format fallback filed in same directory
  • Beaver Builder full width CSS styles added - leaves header and footer elements intact but full width for inner page.
  • Genesis Theme defaults now in /includes
  • Generic landing page added

Download the zip rename the theme 'genesischild' - place this theme in your WordPress installation "/wp-content/themes/" and activate in WordPress Dashboard

Genesis Child Theme

Genesis Child Theme Widget Areas

About

This is a Starter Genesis Child Theme for WordPress, use it as a child theme with the core Genesis Framework

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • PHP 61.9%
  • CSS 29.4%
  • JavaScript 8.7%