WP-OpenCart WordPress Theme


Today, I’ve just finished my one week project: creating the first public open source WordPress plugin. The job has been done, and it’s now reached it’s first milestone: first public beta (v0.7). The WordPress theme name is WP-OpenCart. It is available publicly, and from the time being it can be downloaded from the following website: http://opencart.web.id/wp-opencart-wordpress-theme/. It is free, it is open source, and you can use it for your own WordPress blog.

As you might already know, creating a WordPress theme requires a little bit of design skill. And to be honest, I’m not a designer. Admitted, I don’t design the WP-OpenCart theme from the ground-up. The WP-OpenCart appearance is just like the OpenCart default template. Even I didn’t have to slice images and construct CSS from scratch. They are all taken from OpenCart default template’s images and CSS. What I did is making adaptation to WordPress theme format and adding some behaviors not available in original OpenCart.

This fact should explain why I only need less than a week to finish this job. Also, this is not the first WordPress theme I made (the first is not public), so the learning phase of creating a WordPress theme is not a barrier anymore. However, I still had to learn some new concepts introduced in WordPress 3.0, for example: navigation menu and background image. Luckily, the default WordPress theme bundled with WordPress 3.0 (Twenty Ten) is verbose enough in explaining what a block of code is doing. So, one week should be more than enough to finish WP-OpenCart.

My goal in developing WP-OpenCart is providing a WordPress theme with the same look-and-feel with the standard OpenCart template. So, when someone has a WordPress blog along with OpenCart-powered website, he/she can have the same appearance for both the blog and the e-commerce website. From a point of view, this should be considered as a better user experience both for blog readers and e-commerce customers.

WP-OpenCart is following the Twenty Ten code style. So, just like Twenty Ten theme, WP-OpenCart can only be used by WordPress 3.0+ powered websites, because it use some features and it call some functions that only available in WordPress 3.0+. If you find this theme is suitable for your requirement but you are still using WordPress version 2.9.2 or less, please upgrade your WordPress to 3.0 prior to using WP-OpenCart.

WP-OpenCart main color is white and blue. It adopts the fixed width layout. It can be configured to use three columns (just like OpenCart), or just two-columns. The sidebar column width can also be configured to use the standard version or wider version. Also, a special page template called onecolumn-page is available in case you need a page with no sidebar at all.

The following image shows the appearance of WP-OpenCart theme:

WP-OpenCart WordPress theme

And the following image shows the WP-OpenCart admin options:

WP-OpenCart admin options

Currently I’m in the process of submitting WP-OpenCart theme to WordPress Theme directory. I don’t know how long the review process will take. I also don’t know the outcome of the process. I mean, this is my first attempt submitting a WordPress theme, so I don’t know what it takes to pass the review process. If it only doing reviews for items listed in Theme Development Checklist, I’m pretty much sure it will pass. But, who knows?

While waiting for the review checklist to complete, I already made WP-OpenCart available to download publicly. I hope there will be many feedbacks and comments for future developments.

Related Posts

Creating Menu in WordPress 3.0 Programmatically
Facebook Fan Box Widget for WordPress
The Importance of Featured Image in WordPress
This entry was posted in WordPress and tagged , , .

11 Responses to WP-OpenCart WordPress Theme

  1. jaya says:

    Good luck! I have downloaded your theme, but haven’t installed yet since my blog still using an old WP version. But it will be good to have a “blue” OC in the blog :) . Will try later on. Just a suggestion that you may need to add some instruction on how to install your theme since adding accessories (plugins, themes, etc.) in WP is a little bit confusing. Keep up the good work. Hopefully I can see WP-OpenCart in terms of OC e-commerce plug-in and features in WP Blog :) Thanks

    • Agus says:

      Version 3 has some major functions not available in previous version of WordPress. I suggest you upgrade to version 3.0 to take advantage of it.

  2. Darryl says:

    Can you contact me, I would like to have a chat about hiring you for some work

    • Agus says:

      Thanks Darryl, sorry for not answering your comment immediately, so… how it’s going? My yahoo ID is agus.suhanto, we can chat via YM if you still want to hire me..

  3. loring says:

    It’s good idea,I am very like this theme and maybe use….

    • Agus says:

      Thanks for good appreciation. I think this theme is simple, but it’s good to pair it with standard OpenCart template.

  4. Stephanie says:

    The file does not contain any directions! Please advise.

    • Agus says:

      Installing a WordPress theme is easy. Just extract and copy the folder into /wp-content/themes, then go to Themes menu in your admin area, you should see WP-OpenCart is there and ready to be activated. Once activated, your theme should now change to WP-OpenCart.

  5. diggfreeware says:

    The theme is stunning! Thank you for sharing!

  6. faisal says:

    Saya malah naksir theme suhanto.net ini, simple dan elegan. Mungkin boleh dibagi bos? :-)

Leave a Reply

Your email address will not be published.


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>

About Me

I am a professional developer and designer for the following systems: WordPress, Magento, and OpenCart. You can hire me to do overseas works related to those systems.
Hire me | Donate / Payment | Testimonials

Recent Comments