Giter VIP home page Giter VIP logo

genesischild's Introduction

#GenesisChild

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

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

This Genesis child theme is declaring support for HTML5, it is responsive and has a number of widgets areas.

###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 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 90:

wpb_genesis_no_content();

and commenting line 91:

//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.

###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 400x150px which you can change in the Custom Header Array in functions.php
  • The header now uses the genesis_seo_title filter and uses an <img> element.

###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.
  • placeholder.js is enabled.
  • backstretch.min.js is enabled (via CDN) if a custom background is used.
  • SVGeezy is enabled for fallback SVG support

###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
  • 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
  • No WooCommerce Connect plugin required

###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

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

genesischild's People

Contributors

neilgee avatar wpbeaches avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.