Thought you guys might find this useful. I whipped it up over the weekend as I couldn't find one that worked properly. I'm using it for a client project, and will make updates as I make progress.
You shouldn't be hardcoding CSS/JS into the template files - look into wp_enqueue_style and wp_enqueue_script.
Could use a better directory structure, too. Assets should be in a different folder, things like the walker should be in a lib/includes folder.
Being a starter theme, it doesn't make sense to just reference the Bootstrap CSS from a CDN. Shouldn't you have the LESS files so people can easily make changes without having to do overrides in their CSS?
There's alot of stuff I did in this whipped together version that you shouldn't do! :) If you think this is something to take as-is and use, you're sorrowfully mistaken! :) I just wanted to give people a shortcut to start using Bootstrap 3 on wORDpRESS... er, I mean WordPress (sorry about that... touchy people... sheesh!) :)
Ok, all snarky responses aside, you're absolutely right on your points. The way I look at it is, I have six hours into it, realized it might be useful for others, and have alot of the tough parts out of the way. I am not selling it, so if it rubs you the wrong way, say your piece, and move along. This is not for you, right now.
I hadn't heard of Roots before, and obviously didn't find it in my searching. Looking at the site, you might want to make it clear what versions of both WordPress and Bootstrap you are using... I believe I was searching on something like "Wordpress bootstrap 3 theme", and it didn't show up.
Take care man, and keep doing what you're doing... it looks solid!
I believe Wordpress have stated that they regard Wordpress themes as derivative code of Wordpress, and the PHP of a theme should therefore be GPL, else constitute a copyright violation:
This looks like a good, simple Bootstrap 3 theme. https://github.com/roots/roots is another more mature option, but also has more features (could be a downside for some).
I've started a similar thing, but much more bare bones and meant for really digging through things. There's almost no presentation layer done other than just setting up Bootstrap defaults. It's meant to be something you go fully custom on the design, and hopefully it is as much of a "reset" as it can be.
It's not a theme you use as is, its just a starter that is meant to be hacked apart as needed, but it has the bootstrap Less and your own less already started, and the html/php stuff is stubbed out for a lot easier manipulation.
I made it with the intent that you should have to do as little "undoing" of a theme as possible, which is why there are almost no custom layouts or designs.
It's 0.0.0, as I am just getting started. Definitely not worth a HN submission, but I would be really interested in seeing what people think of this approach in comparison to the OP's, which is great and I commend and admire the efforts.
Hey guys, thanks for the response! This was just meant to be a starting point for anyone working on getting bootstrap 3 to work. It's not an end-all be-all, use it as-is theme. I just realized after a bunch of hours of fighting through and figuring out stuff, that this might help some others.
You have great points about the (horrible lack of) code structure. Sue me. Fix it yourself! :) Kidding aside, literally I have about six hours into this, and thought it might be helpful to others.
I really stuck it on github more so that my buddies could use it, than for general consumption... it was just a whim to stick in on here.
I'll pop up a demo site in the next day or two... client work takes a priority. If I had expected to get as much traffic as I am, I would have put it up already... sorry about that!
As for the licensing... I'm not up on it, and shame on me for that... I guess I'll have to do some reading about GPL vs MIT... I just know that I tend to use MIT in the past. Thank you for pointing that out... stay tuned.
it's a medley between bootstrap 2.3.* and automattic's _s theme.
Haven't got round to updating it to bootstrap 3 yet.
I guess that's what the Christmas break will be for.
Looks great, Ben! I agree with thebiglebrewski that a link to a demo site would be super helpful.
FYI, I built a similar (paid) product for Shopify Themes (http://bootstrapforshopify.com) and I have gotten quite a few queries from folks asking about a similar thing for Wordpress - there are people willing to pay for something like this, for sure, if you're interested in offering a supported version or something of that ilk.
In any case, now I have somewhere to direct folks that ask about a WP Bootstrap framework :).
I've been recently looking to build a theme or have one built. It's been a bit of a pain trying to track down the best practices and tools to use for theme development.
Can anyone offer some guidance? Does a framework like Genesis help or hurt in the long-run? Are tools like http://roots.io getting traction?
What are the essential things to require when hiring someone to build a theme for you?
Abstracts away what is terrible about querying posts, pages, authors, comments, etc and gives you nice objects with what you'd expect. Uses Twig templates.
What is the depth of menus you have implemented. Twitter Bootstrap recommends only 2 levels. I am looking for simple solution to allow multiple levels of menus. Any pointers?
Why would you adapt Wordpress, something that isn't a bootstrap project, but rather a mature product? The bootstrap framework is meant as (and delivers as) a starter place from which to begin customization. Bootstrap has done wonders for the web, but putting a theme on wp for it just doesn't (to me) make any sense.
Because Bootstrap's typography and layout (line heights, margins and spacing, etc.) is way better than most everything else, including browser default stylesheets and most WP themes.
Because if you do want to customize it further, there are an increasing number of people who find it most efficient and powerful to do that on top of Bootstrap, and a lot of code samples/templates for doing so.
I know that the official line is (or was?) that Bootstrap is 'a starter place, for wireframe prototypes, not for mature projects' -- but that is not in fact how it's been used. I believe the reason it's been so popular is because of it's excellent typography, as well as fairly well-structured easy to work with code.
This isn't a theme, it's a customized boilerplate for themes. On it's own, this is fairly worthless, but it's a good starting point for modern theme development. I pretty much did this myself for the last theme I put together.
retlehs|12 years ago
Could use a better directory structure, too. Assets should be in a different folder, things like the walker should be in a lib/includes folder.
Being a starter theme, it doesn't make sense to just reference the Bootstrap CSS from a CDN. Shouldn't you have the LESS files so people can easily make changes without having to do overrides in their CSS?
ps. It's "WordPress", not "Wordpress" (http://codex.wordpress.org/Function_Reference/capital_P_dang...)
Disclaimer: I made Roots (http://roots.io), a Bootstrap starter theme that's been around for a while
bcarlson|12 years ago
Ok, all snarky responses aside, you're absolutely right on your points. The way I look at it is, I have six hours into it, realized it might be useful for others, and have alot of the tough parts out of the way. I am not selling it, so if it rubs you the wrong way, say your piece, and move along. This is not for you, right now.
I hadn't heard of Roots before, and obviously didn't find it in my searching. Looking at the site, you might want to make it clear what versions of both WordPress and Bootstrap you are using... I believe I was searching on something like "Wordpress bootstrap 3 theme", and it didn't show up.
Take care man, and keep doing what you're doing... it looks solid!
-Ben
scarecrowbob|12 years ago
dkroy|12 years ago
korymath|12 years ago
davidgerard|12 years ago
http://ma.tt/2010/07/theme-are-gpl-too/ http://markjaquith.wordpress.com/2010/07/17/why-wordpress-th...
lucasmullens|12 years ago
bretthopper|12 years ago
MichaelTieso|12 years ago
thebiglebrewski|12 years ago
eflowers|12 years ago
The theme is here: http://shoelace-theme.helloerik.com/ the repo: https://github.com/erikflowers/shoelace-theme
It's built on the hybrid-base pre starter theme: http://themehybrid.com/themes/hybrid-base
It's not a theme you use as is, its just a starter that is meant to be hacked apart as needed, but it has the bootstrap Less and your own less already started, and the html/php stuff is stubbed out for a lot easier manipulation.
I made it with the intent that you should have to do as little "undoing" of a theme as possible, which is why there are almost no custom layouts or designs.
It's 0.0.0, as I am just getting started. Definitely not worth a HN submission, but I would be really interested in seeing what people think of this approach in comparison to the OP's, which is great and I commend and admire the efforts.
thebiglebrewski|12 years ago
bcarlson|12 years ago
bcarlson|12 years ago
You have great points about the (horrible lack of) code structure. Sue me. Fix it yourself! :) Kidding aside, literally I have about six hours into this, and thought it might be helpful to others.
I really stuck it on github more so that my buddies could use it, than for general consumption... it was just a whim to stick in on here.
I'll pop up a demo site in the next day or two... client work takes a priority. If I had expected to get as much traffic as I am, I would have put it up already... sorry about that!
As for the licensing... I'm not up on it, and shame on me for that... I guess I'll have to do some reading about GPL vs MIT... I just know that I tend to use MIT in the past. Thank you for pointing that out... stay tuned.
ptbello|12 years ago
it's a medley between bootstrap 2.3.* and automattic's _s theme. Haven't got round to updating it to bootstrap 3 yet. I guess that's what the Christmas break will be for.
DotSauce|12 years ago
The front page template is hard coded.
gavinballard|12 years ago
FYI, I built a similar (paid) product for Shopify Themes (http://bootstrapforshopify.com) and I have gotten quite a few queries from folks asking about a similar thing for Wordpress - there are people willing to pay for something like this, for sure, if you're interested in offering a supported version or something of that ilk.
In any case, now I have somewhere to direct folks that ask about a WP Bootstrap framework :).
abimaelmartell|12 years ago
bcarlson|12 years ago
callmeed|12 years ago
Can anyone offer some guidance? Does a framework like Genesis help or hurt in the long-run? Are tools like http://roots.io getting traction?
What are the essential things to require when hiring someone to build a theme for you?
straws|12 years ago
Abstracts away what is terrible about querying posts, pages, authors, comments, etc and gives you nice objects with what you'd expect. Uses Twig templates.
pavansolapure|12 years ago
skloubkov|12 years ago
bcarlson|12 years ago
the_mitsuhiko|12 years ago
hnriot|12 years ago
jrochkind1|12 years ago
Because if you do want to customize it further, there are an increasing number of people who find it most efficient and powerful to do that on top of Bootstrap, and a lot of code samples/templates for doing so.
I know that the official line is (or was?) that Bootstrap is 'a starter place, for wireframe prototypes, not for mature projects' -- but that is not in fact how it's been used. I believe the reason it's been so popular is because of it's excellent typography, as well as fairly well-structured easy to work with code.
tjbiddle|12 years ago
wdmeldon|12 years ago
anu_gupta|12 years ago
DanHulton|12 years ago
codelust|12 years ago
nixarn|12 years ago
buckbova|12 years ago
bcarlson|12 years ago
brubaker|12 years ago
[deleted]
abimaelmartell|12 years ago