Building My WordPress Dream Theme

After a lot of sifting though a lot of “not bad but not great” free, custom, and premium WordPress themes, I’ve decided to make my own “Dream” WordPress theme.

Since this theme has small business owners in mind, I have decided to call it SmallBizWiz. I wanted to make a theme I could give to clueless clients and let them fill each part of the website with the content they want using a simple interface. I’ve been developing it for a few months now and it is based upon the excellent bootstrap theme Devdmbootstrap3.

I have really grown to like this theme since:

  • It is already fully Bootstrap 3 based, which is my front end framework of choice
  • The author keeps it up to date, as soon as Bootstrap 3.2 was released, the theme was updated to include the new version
  • Some themes have too many extra features or junk in them, this theme was perfect to just rip apart and remake anew :)

Another bootstrap based theme that looks good is Shoestrap but I have not really played around with it too much yet.

Now on to my Dream Theme, you can see a screenshot of my Work In Progress below:

screenshot of small biz wiz theme

And here are links to the Live Demo and the theme Zip file so you can try it out on your own WordPress installation.

Working on a lot of stuff right now, but most of the tricky stuff is out of the way. This means that the theme is now: fully responsive, has multiple customizable text areas and image areas, fully works with pages how you would expect.

I was considering putting in a slider for the main image area, but there are plenty of reasons to not use sliders on your website.

So with those links above you can try the theme as it is, but you’ll see it is quite lacking at the moment. Things on my to do list are:

  • Add defaults for the customizable areas, so it doesn’t look like a blob of goo when you first install it.
  • Add more customizable areas, like the core competency boxes
  • Allow the user to pick which fonts they want to use
  • Allow the user to use a color picker to change the css colors
  • Make more templates, right now only the homepage template is working, need to work on pages for posts, pages, and landing pages
  • Recommended plugins which include WordPress SEO and Contact Form 7

There are probably a lot more I am forgetting but that is what comes to mind right now.

Feel like I am missing anything important? Please let me know!

 

 

2 Responses to Building My WordPress Dream Theme

  • Danny says:

    Hey Jonathan,

    Good to see DevDmBootstrap3 helping you out here. :)

    I’ve been looking for a good Theme Options implementation. As much as I like minimalism there is indeed a need for clients to change things about their website as a whole. I was wondering if you had tried Redux at all? http://reduxframework.com/

    I’m wondering if it would be beneficial for me to put together some child themes using a couple of the different theme options frameworks.

    You and I are pretty similar. I have a history with Artisteer and I’m a budding Phaser developer.

    Keep up the good work amigo!

    – Danny

    • Jonathan says:

      Hey Danny, thanks for the comment :D

      I think having a theme that is almost entirely built upon well supported frameworks would be the best. I looked at a lot of different wordpress options frameworks and the one I used for my theme is called options framework http://wptheming.com/options-framework-theme/ I picked it because I saw it used in a custom theme I bought and it seemed really easy to implement. Redux framework looks much more robust though, I will try it after :) Child themes for devdmboostrap using these option frameworks would be wicked cool.

      Thanks for checking my blog out and keep up the amazing work!

Leave a Reply to Jonathan Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>