Bootstrap is one of my personal favourite frameworks and Genesis Framework by StudioPress is a go to when putting together conversion centric websites.
Marrying the best of both worlds allows me to be responsive out of the box, prioritize messaging and increase conversions to a goal.
Adding Bootstrap functionality to a Genesis powered site is relatively simple.
It’s really just as simple as adding this block of code to your site header:
Special thanks to the fine folks at MaxCDN for hosting the compiled versions of bootstrap!
If your comfortable with basic HTML and CSS, which any modern marketer should be, then you’re technically finished. You can go right ahead and start including your Bootstrap-ified code into posts and pages.
If you’re not 100% comfortable with that concept, then you should head over to Treehouse, CodeAcademy or CodeSchool and start sharpening those skills.
Point well taken. There are a few options for you smooth the transition for your writers and users to insert Bootstrap happiness into their workflow.
Head over to wordpress.org and grab any one of the following fine Bootstrap 3 shortcode plugins:
https://wordpress.org/plugins/bootstrap-shortcodes/ simple but does require some understanding of how Bootstrap works.
https://wordpress.org/plugins/easy-bootstrap-shortcodes/ this one has a free and premium version. I can’t vouch for the premium features.
I was hacking around, updating things when I decided to give this a shot. There are some minor styling tweaks, which I am sure could be resolved given a little bit more time and effort.
Adding some Bootsrap mojo to your Genesis powered site will give you the flexibility and the best of both worlds, I’m looking forward to hearing where your Bootstrap + WordPress + Genesis escapades lead you, hit me up on LinkedIn, Twitter or down below in the comments.
|#||First Name||Last Name||Username|
|3||Larry the Bird|
A human being spinning around on this big blue marble with the rest of you, interested in Media // Music // Art // Family // Business // Founder of http://hny.pt
How to exclude Digg Digg from WordPress pages & posts
Google Font API Thesis and WordPress
WordPress Desktop Client for Mac
MacJournal Review and Tests
WordPress Backup Plugins
WordPress Exploit Gumblar .cn
WordPress Security Plugins
Blocking Spam with WordPress