• Skip to main content
  • Skip to primary sidebar

Playing with Technology

Any sufficiently advanced technology is indistinguishable from magic. ~Arthur C. Clarke

Playing around with Genesis Theme Framework

August 25, 2010 by Jon

I have just about finished converting my site design to the Genesis Theme Framework by StudioPress. It really is the first, what I would consider to be a framework, that I have used. I have used what others may call frameworks in the past but pretty much all of them lacked the most powerful aspect of the modern frameworks, hooks. A hook is a function that allows the designer to insert HTML and in the case of Genesis, PHP, into the design outside of the normal flow of the design. For example Genesis provides hooks for inserting before and after the title, content, loop, etc. StudioPress even provides a plugin that makes it dead simple to insert your code using the hooks. You can even disable a standard Genesis function and use your own code.

The current design is using hooks to insert the date before the title, the edit link after the title, and the post footer after the post content. It also uses it to do the footer by disabling the standard Genesis footer in favor of my own. All in all it took me about 8-10 hours to get the site looking like it does now. The majority of that time was spent looking at the site through Developer Tools to target the exact elements to style them. Getting the specificity right for the CSS can be challenging, but not terrible. However, that time is considerably less than what it took to get the old theme written. I have to acknowledge though that I have gotten more proficient with CSS, PHP , and HTML and that I was able to copy some code from the old theme. I would still argue that you would see much faster times to completion on designs than if you are not using a framework at all.

There are still a few things to tweak like getting the edit post link to be on the same line as the title, preventing the post footer from displaying on pages and getting my Typekit fonts working again. I don’t see those taking very long and if I encounter any difficulties the support forums at StudioPress totally rocked it for me. There are other frameworks out there like Carrington and Hybrid (a couple that I have tried) and themes that allow for tons of modification through options (like WooThemes Canvas theme), but I would highly recommend Genesis and the Simple Hooks plugin if you are considering putting your design on top of a framework.

Share this:

  • Tweet

Filed Under: Site, Web design Tagged With: Carrington, Cascading Style Sheets, Genesis, HTML, Hybrid, PHP, StudioPress, Web design

About me

Avatar of Jon Breitenbucher Sometimes I'm an Instructional Technologist and sometimes I'm a Mathematician, but I'm crazy all the time.

Inbound Marketing Certification Badge

Subscribe through an RSS feed reader

News Feed Comments Feed

Or one of the options below:

Subscribe

Genesis Framework for WordPress

Blogroll

  • Blogical Construction
  • Bootstrap Analysis
  • D’Arcy Norman
  • Infocult
  • jill/txt
  • Jim Groom
  • Liberal Education Today
  • Mark Pearson
  • Thoughts and Experiments
  • webbedENVIRONMENTS
  • WPMUtutorials

Interesting sites

  • 9 Rules
  • Inksmith

it blogs

  • instructional technology
  • Matt Gardzina

My Sites

  • Jon Breitenbucher
  • My static site
  • Orthogonal Creations
  • Voices
  • WoW Ravings

Software

  • Textpattern
  • Wordpress
  • WordPress Planet
  • Wordpress.com

Teaching

  • Extreme Teaching

Typography

  • baseline 50
  • disdributed proofreaders
  • fontzone
  • PRINT
  • Project Gutenberg
  • The Terminal

Web design

  • 960 grid
  • A List Apart
  • Blueprint
  • CSS Zen Garden
  • Typogridphy
  • W3 Schools

site cloud

Classroom Conferences Educause Futurism Gaming Geek General Hardware Instructional Technology Interesting sites Multimedia NMC Personal Policy Presentations Site Social Software Software Teaching Typography Web design woodle

Now Playing:

Recently Played:

pages

  • About
  • MU Admin Bar

categories

  • Classroom (rss)
  • Conferences (rss)
  • Educause (rss)
  • Futurism (rss)
  • Gaming (rss)
  • Geek (rss)
  • General (rss)
  • Hardware (rss)
  • Instructional Technology (rss)
  • Interesting sites (rss)
  • Multimedia (rss)
  • NMC (rss)
  • Personal (rss)
  • Policy (rss)
  • Presentations (rss)
  • Site (rss)
  • Social Software (rss)
  • Software (rss)
  • Teaching (rss)
  • Typography (rss)
  • Web design (rss)
  • woodle (rss)

archives

Social network

  • Facebook
  • Linked in
  • Flickr

feed me

  • RSS
  • Atom
  • Comments RSS

Counter

  • 1 currently online
  • 12 maximum concurrent
  • 913159 total visitors

| home |

return to top of page

inspired by a not (that) ugly design modified by jon breitenbucher to use the genesis theme framework by StudioPress and powered by WordPress | Log in |
diigo My Diigo Tags
Green Web Hosting! This site hosted by DreamHost. Use OpenDNS Creative Commons License