Download to read offline
Uploaded byTara Claeys
Begin with Genesis
This document discusses the Genesis framework for WordPress websites. It explains that Genesis provides a basic structure or frame for a site, with core coding already completed. Child themes allow for customizing the design and appearance on top of the Genesis framework. Key benefits of Genesis mentioned include being mobile responsive, secure, customizable via hooks and filters, and having a large community. The document provides recommendations for purchasing Genesis, example child theme code, recommended Genesis plugins, and resources for learning more.
More Related Content
Begin with Genesis
- 2. So many themeoptions How to focus? @design_tlc #SHINYOBJECTSYNDROME
- 3. There’s always somethingnew @design_tlc
- 4.
- 5.
- 6. What is aFramework? • Basic frame of website structure • Core theme coding is already done and done right • Child theme is the siding/ décor on top of the frame @design_tlc
- 7.
- 8. Why Genesis? • SEO(Yoast consults) • Mobile Responsive HTML5 & Schema.org • Security • Unlimited Everything – Every Genesis purchase – framework or child theme – incudes a developer license • Instant Updates • Customizable and Fast – Uses hooks and filters: customization with hooks and filters vs. templates • Top Developers – Well coded markup – Lightweight code = faster performance – Good documentation @design_tlc
- 9. Wait … there’smore … • Consistency • GPL • Community • Over 160,000 members • Built In Widgets • Genesis-Specific Plugins • Page Layout Options vs. Templates • Easy Child Themes @design_tlc
- 10. Hooks & Filters •Hook: Alters software behavior • Action Hook: do_stuff • Filter Hook: change_stuff @design_tlc //* Customize the credits add_filter( 'genesis_footer_creds_text', 'sp_footer_creds_text' ); function sp_footer_creds_text() { echo '<div class="creds"><p>'; echo 'Copyright © '; echo date('Y'); echo ' · <a href="http://mydomain.com">My Custom Link</a> · Built on the <a href="http://www.studiopress.com/themes/genesis" title="Genesis Framework">Genesis Framework</a>'; echo '</p></div>'; } //remove site title remove_action ('genesis_site_title', 'genesis_seo_site_title' ); //add custom site title add_action ('genesis_site_title', 'my_site_title' ); function my_site_title () { echo '<h1><img src=“images/logo.png” alt=“Site Title” /></h1>'; } '</p></div>'; }
- 11. Where to getGenesis • Studio Press – Framework and Themes • Web Savvy Marketing – niche themes • Carrie Dils – accessibility, real estate • Themedy – niche, ecommerce • ZigZag Press – niche, animated content • Pretty Darn Cute – feminine, blogs • Shay Bocks – food, blogs @design_tlc
- 12. Recommended Plugins • GenesisResponsive Slider • Genesis eNews Extended • Genesis Simple Share • Genesis Title Toggle • Genesis Simple Edits • Genesis Visual Hook Guide @design_tlc
- 13. Resources @design_tlc • Genesis VisualHook & Markup Guides • Studio Press • Sridhar Katakam • Carrie Dils (website and podcast officehours.fm) • Bill Erickson • Facebook Group (Genesis WordPress) • Twitter
- 14.
Editor's Notes
- #3 I suffer from a condition you may have heard of … shiny object syndrome. It is easy to be distracted, frustrated by the number of options we have for WordPress themes (and plugins, and web hosts – the list goes on!) Many themes look the same … some have fancy bells and whistles. Trying them out, only to discover they don’t do what you need, can be expensive and time consuming.
- #4 And perhaps once your site is done, you see something new that just might be BETTER! New doesn’t always mean better, but we often think it does. Changing to a new theme should be easy with WordPress but it’s not always the case – theme-specific CPTs, shortcodes, etc. can make changing themes difficult. How to stop looking for newer and better theme options …
- #5 Commit to one basic solution. Create consistency in work flow. Allow for design variations with consistent coding and structure …
- #6 What is Genesis?
- #8 I decided to commit to the Genesis framework. I am not reinventing the wheel every time I create a new site. Easy to change designs/child themes. Easy to create different designs/looks so not everything looks the same. Main reasons to use Genesis? …
- #9 Schema is a type of microdata that makes it easier for search engines to parse and interpret the information on your web pages more effectively so they can serve relevant results to users based on search queries. What is Schema.org? Schema.org is the centralized home on the web for the Schema project, a collaboration between Google, Bing, Yahoo! and Russian search engine Yandex (the one trying out search without links) to standardize structured markup. How does HTML5 enhance your site? First, it’s the new code standard, which will make your site compatible with future changes to the web. Secondly, it will ensure cross-browser compatibility. HTML5 makes your site mobile-friendly by being responsive, and it will improve your site’s ability to deliver audio and video.
- #11 Hooks are the backbone of WordPress. They enable WordPress developers to “hook” into the WordPress workflow to change how it works without directly modifying the core code. If we talk about Genesis, it has a lot of Hooks to modify the look of the Theme, if you directly modify the genesis code then all the changes will be lost when newer version of Genesis will come. or you will never update which is not a good idea.