#GenesisChild Mobile First
This theme is a Mobile First version of GenesisChild - https://github.com/neilgee/genesischild
This is a basic starter Genesis Child Theme to be used with the Genesis Framework on WordPress.
It has a number of widgets areas.
###Widgetised Areas
- The theme contains the following widgets
- Pre-Header Left
- Pre-Header Right widgetised areas
- Header Right
- Hero - Home Page only front-page.php
- Optin front-page.php
- Home Left - Home Page only front-page.php
- Home Middle - Home Page only front-page.php
- Home Right - 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 28:
cgp_genesis_no_content();
and commenting line 90:
//genesis();
###Example For an online visual: http://themes.wpbeaches.com/genesischild-mobile-first/ Areas are highlighted to show boundaries and full width wraps these colors are commented out in the CSS.
###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
###Custom Header
- Custom Header is supported via Appearance > Header, suggested size is 400x100px
###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 BackstrechJS.
###Javascripts
- FontAwesome is enabled.
- backstretch.min.js is enabled (via CDN) if a custom background is used.
- Respond.JS is enabled to give CSS3 Media Query support to IE8.
###CSS
- 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
- 3 CSS min breakpoints are used min 960px which does most of the desktop layout and then cosmetics in min 800px and min 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
###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
Download the zip rename the theme 'genesischild-mobile-first' - place this theme in your WordPress installation "/wp-content/themes/" and activate in WordPress Dashboard