intro to the genesis framework for wordpress

12

Upload: lime-canvas

Post on 15-May-2015

438 views

Category:

Technology


5 download

DESCRIPTION

A quick intro describing what the WordPress Genesis Framework is all about.

TRANSCRIPT

Page 1: Intro to the Genesis Framework for WordPress
Page 2: Intro to the Genesis Framework for WordPress

Genesis is a WordPress theme framework

Aimed at designers and developers

Allows you to quickly create powerful child themes

Page 3: Intro to the Genesis Framework for WordPress

Genesis Framework was developed by StudioPress

http://my.studiopress.com/themes/genesis/

Page 4: Intro to the Genesis Framework for WordPress

A Framework is NOT just a theme

A Framework is the scaffolding and support that helps you build a theme

Genesis is installed as parent theme

You create a child theme using the Framework

Page 5: Intro to the Genesis Framework for WordPress

1. Buy and install Genesis

2. Create a new Child Theme

1. Copy style.css from the Genesis theme folder

2. Set Genesis to be the parent template /* Theme Name: Lime Canvas Description: Internal child theme using Genesis Framework. Version: 1.0 Template: genesis */

3. Create functions.php file

Page 6: Intro to the Genesis Framework for WordPress

Once your Child Theme is activated head over to Genesis Settings

Customise layout, logo, navigation, header/footer scripts etc.

Page 7: Intro to the Genesis Framework for WordPress

Comes with:

– Featured Pages

– Featured Posts

– Latest Tweets

– User Profile

– eNews (RSS)

Page 8: Intro to the Genesis Framework for WordPress

Once your basic Child Theme is set up...

Override/extend Genesis using action hooks and filters (API functions) in your functions.php

Page 9: Intro to the Genesis Framework for WordPress

e.g. Change favicon.ico

add_filter('genesis_favicon_url', 'custom_favicon_url');

function custom_favicon_url() {

$favicon = site_url("favicon.ico");

return $favicon;

}

Page 10: Intro to the Genesis Framework for WordPress

e.g. Reverse Genesis Loop order

remove_action('genesis_loop', 'genesis_do_loop');

add_action('genesis_loop', 'custom_loop');

function custom_loop() {

global $paged;

$args = array( 'order' => 'asc');

genesis_custom_loop( $args );

}

Page 11: Intro to the Genesis Framework for WordPress

#1 = Consistency across all your themes

– Not stuck with one developer

Framework constantly updated for new standards

Responsive out of the box

Huge support and developer community

Good documentation http://genesistutorials.com/

Page 12: Intro to the Genesis Framework for WordPress