Playing around with the suite of front-end projects that the team over at thoughtbot maintains, I created Hooch. I have always been a fan of Bootstrap, but it is always fun to play with other front-end frameworks. Testing their projects out, I made a nice little WordPress theme.
Hooch is a WordPress theme based off Bourbon, Neat, Bitters, and Refills.
For those of you who have no idea what any of those are, let me give brief introduction.
If you have followed my online ventures over the last few years then you probably know about StrapPress. If not, where have you been? Just kidding.. but really..
StrapPress was my first WordPress theme based off the popular Bootstrap framework. The theme has changed a ton over the years based on user feedback and new Bootstrap features. StrapPress is really a great theme for those who want to use all the Bootstrap components in a WordPress theme.
Some people use StrapPress as-is and others use it as a parent theme to build a customized look and feel for their website(s). This brings me to why I wrote this post…
Recently, I created a tutorial series that shows how to convert a HTML template into a WordPress theme. If this is something you might be interested in you can find it over at BootstrapWP.com
Google has been hinting at releasing a Material Design CSS library!
Until then, I have been using MaterializeCSS.com to create some pretty cool Material Design WordPress themes.
I put together a little WordPress theme shop with the Easy Digital Downloads plugin over at MaterialDesignThemes.com to showcase the different Material Design themes available on the web right now.
So the other day I as working on a WordPress theme where I was including bottom borders after every blog post. I liked the way this looked except for the last post.. In this case, the last post had a bottom border and didn’t look good with the navigation. The CSS selector
:last-child wasn’t giving me the result I was looking for so I did some searching..
Recently I launched a tutorial course over at BootstrapWP.com that goes over how to create a Bootstrap WordPress theme. This tutorial course takes you from a stater WordPress theme to a premium Bootstrap WordPress theme with all kinds of features and components.
Instead of explaining everything here, go check it out at BootstrapWP.com.
You might have heard Google has been putting together a set of guidelines for web and application design called Material Design. These guidelines and principles set the baseline that web developers and designers should follow for the best user experience.
Google hasn’t released any markup or code, but there are a lot of projects online that are following there guidelines to create Material design frameworks. The one that caught my attention created a Material Design Bootstrap theme. You can see the demo here.
Since I have been building Bootstrap WordPress themes over at BragThemes.com and GentsThemes.com, I thought a Material Design WordPress Theme would be a fun project. So I put together a WordPress theme that uses the Material Design Bootstrap theme and called it MaterialWP.
If this is something you might be interested in, you can download it at MaterialWP.com or on GitHub.
Let me know what you think!
In my free time I am working on Bootstrap WordPress themes for GentsThemes.com and BragThemes.com. So check them out..
Update: Notice this post is 5+ years old which means this post is ancient in the online world. Some or all of the solution in this post may or may not work currently for your project.
Recently I had a client that was running a Magento eCommerce store and wanted to use WordPress as their blog CMS. That is all fine and dandy as we just installed WordPress in a subdirectory and had it up and running in no time. The next tasks was to make the WordPress blog look like it is integrated into the Magento store by pulling the Magento header and footer into the WordPress theme.
To do this, I ended up using cURL to fetch the HTML of the Magento header between two comment tags.. For example, here is the header.php of the WordPress theme.