• How to Create A Custom WordPress Theme in Ten Minutes

    October 22nd, 2010

    If you are searching for the premium free WordPress Theme that is easy to customize then this post is for you.

    The WP Constructor today is used for many sites. Customize it, get unique theme and use it for your website.

    WXNCF75XNV4X


    Oh, and it’s one of the 100 Free High Quality WordPress Themes: 2010 Edition (see category Starter And Blank WordPress Themes). Yes, it’s a pleasure to know that others appreciate your work.

    This time I’m not going just to describe all product features but I’ll tell you how to create your own unique theme…

    WordPress constructor

    First I’ll advise you to determine website main subject and color palette. I chose neutral main subject: picturesque high mountains.
    Next step move is the clip art search. We’ll use royalty free sources as our budget is limited to $0.00. As for me I prefer flickr because it provides search within CC license photos.

    search options within flickr

    Among all the variety I picked up the following picture (brushed it a little, divided in half but didn’t bother too much).

    WordPress Theme Mountain

    After dividing I downloaded it to the theme.

    How to create WordPress Theme: images settings

    For palette creation you may use one of the following sites (I took the photo above as palette basis):

    Color Palette
    ColorHunter

    I’ve got the next one:

    WorPress palette

    Add it to the theme settings:

    How to create WordPress Theme: colors settings

    Make some magic moves in CSS code:

    /* increase font in the header and move it down a little*/
    #name {
        margin-top:40px !important;
        font-size:112px !important;
        text-shadow: 0px 0px 4px #777;
    }
    #description {
        font-size:24px !important;
        font-weight:900;
        text-indent:24px;
    }
    /* add to navigation links a couple of lines */
    .navigation div {
        margin:0 0 8px;
    }
    .navigation div a {
        height:24px;
    }
    .navigation .alignright a {
        border-left: 4px solid #147dbe;
        margin:0 16px 0 0;
        padding-left:8px;
    }
    .navigation .alignleft a {
        border-right: 4px solid #147dbe;
        margin:0 0 0 16px;
        padding-right:8px;
    }
    /* change the font in the footer for text not get lost on the color background */
    #footer .widget h3,
    #footer .widget a {
        color:#fff;
        font-weight:900;
        text-shadow: 0px 0px 1px #333;
    }
    

    Apply the changes. After successful and satisfying work it’s better to save it using your name.

    How to create WordPress Theme: save settings

    That’s all. You’ve got your own unique theme.

    WordPress theme screenshot

    Some more useful sources where you can download textures and templates:
    Free Pattern and Texture Resources For Web Designers – sources list;
    COLOURlovers – texture generator.

    Download WP Constructor on WordPress.com.

    Still need some help with the WP Theme or want more? Leave a reply or send a quote to CMS development team.

    We know how to help you with the WordPress development.

One Response

Leave a Comment

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