Designing Your Own Wordpress Theme Update – Design Done!

Thursday, October 29th, 2009 | Blogging - Design with 12 Comments

A few weeks ago, I mentioned that I was testing out designing my own Wordpress theme and I was going to start from scratch. Well, I went with a very basic design just to get the feel for how it was going to turn out and I finally got a chance to finish up the mock design.

Check out my basic three-column Wordpress mock-up design theme (feel free to click on the image to see the large image):

Wordpress Design Mock Up

I mentioned this in my previous post but as you can see from the screenshot, I used Photoshop to design my theme. One of the annoying parts that I kept running into is the fact that I was alternating between two different versions of Photoshop.

Why in the hell would I be doing something to annoy myself? Well, I didn’t do it on purpose and I try to work on it when I have opportunities. And with that said, I have Photoshop CS at home but another computer I use only has Photoshop 7. They work just the same except the fact that there are less features in 7 than there is in CS. And some of the control settings are different as well.

Again, the design is very basic only because I wanted to see how hard the next steps are going to be. I didn’t bother putting anything fancy within the design, no images or anything.

The next steps are basically having to slice up the design and then code it with CSS and HTML.

I’ve done design work before but never created a theme or template from scratch. I think the design part is somewhat the easier portion and now we will see how the slicing goes. I have never had to slice much or anything besides slicing myself a piece of cake or something equivalent.

So, that’s a quick update on how designing my own Wordpress theme is going.  Once I finish everything with this theme and get the hang of designing, slicing and coding then I’ll start to make some better designs that you guys might be interested in using.

Check Out These Posts too:


LunarPages Hosting!

Comments

  1. 1
    Teen Blogger // October 29th, 2009 at 1:27 pm

    Hmmm a bit basic and it somehow reminds me of the theme your using at the moment on this site. I think you could add a bit more to it, but overall nice simple design.
    Teen Blogger´s last blog ..3 Easy Ways To Improve Google Pagerank

  2. 2
    Jay // October 29th, 2009 at 1:43 pm

    Teen Blogger – Yeah, I went with very basic simply because this is my first WP design from scratch. I just want to see how hard it will be for the slicing and coding. Once I get all that done, I’ll move on to better designs… again, I’m just trying to get a feel for this at first and then take it from there.

    Jay

  3. 3
    GDI Blog // October 29th, 2009 at 4:28 pm

    this seems to be fine as your amator first work on WP design. good job :)
    GDI Blog´s last blog ..5 Tips How to make $100 Every Day With AdSense

  4. 4
    David Shaw // October 29th, 2009 at 5:56 pm

    Have you considered using Thesis?

    Makes the process much easier! Check out my latest post for more info.

    Good luck with designing your theme though, it can get frustrating at times!
    David Shaw´s last blog ..Have You Got Thesis Yet?

  5. 5
    Dennis Edell // October 30th, 2009 at 7:47 am

    More power to ya my friend, this is so not my speed! LOL
    Dennis Edell´s last blog ..UPDATED – $10 LESS! – As Promised – An End Of The Year Advertising Special!

  6. 6
    make money online on autopilot // October 30th, 2009 at 2:15 pm

    you must be a guru with photoshop to be able to do that because i checked the theme out and i was impressed. thats an excellent job you have there.
    make money online on autopilot´s last blog ..Affiliate Marketing is the Best Way Make Easy Money Online! Fast, Easy and Requires Zero Investment

  7. 7
    Prostate Problems // November 1st, 2009 at 1:50 am

    wordpress mockup – Very well documented and written. You will learn the basics of creating a wordpress template in no time. While your at it, be shure to check out the HV shop, you could get some nice things there.

  8. 8
    earn money writing // November 1st, 2009 at 12:28 pm

    How much would you charge someone if they wanted you to design one for them?

  9. 9
    Photography // November 2nd, 2009 at 5:44 am

    Thanks for this great idea…Can I customize or create my own Wordpress theme without extensive web design knowledge?
    Photography´s last blog ..GILA MONSTR MEDIA: IDEAL OPTION FOR PRODUCTION SOLUTIONS

  10. 10
    infoproservice // November 2nd, 2009 at 12:04 pm

    Wordpress is up and running on my host — but it completely mismatches my site’s existing theme/CSS. How hard would it be to modify/write a new theme to make it fit in? Is there an easier way to do this?
    infoproservice´s last blog ..Avail the benefits from business solutions

  11. 11
    Bazy // November 5th, 2009 at 2:00 pm

    I try to design my own theme, but it’s to hard for me :(

  12. 12
    AllenDale // November 12th, 2009 at 1:39 am

    ouch, speaking of wordpress designing and coding, i cannot do it on my own, because i am newbie in photoshop and php/mysql. right now i am using free wordpress theme and hope in the future, i can design my own theme
    AllenDale´s last blog ..How Acai Power Can Benefit Your Health

Leave a Comment

CommentLuv Enabled