Wooden Fence

2009-05-06 posted in Wordpress Themes

The graphic design of the Wooden Fence theme is one of the first design when I started creating the Wordpress themes 7 months ago. At that time, I hadn’t had sufficient skill to transform it into a Wordpress theme because I had problem matching the wooden fence seamlessly on all major browsers.

When I look back on this design 2 weeks ago, I found out it isn’t as hard to code as I thought few months ago. Then I get down to finishing it and here it comes :)

Latest Version: 1.01
Updated on: 2009/11/26

This theme is free to download and you are granted unlimited usage. Please support this site by subscribing via RSS or email.
Wooden Fence Wordpress Theme
Click on the “Free Download” link above to get the theme now!


Wooden Fence PSD File

Gain access to the fully layered Photoshop file for quick and easy tweakage. Great for designers who want greater customization.

Add to Cart
Add to Cart
Ad-Free Package

Removing the credit links will make the theme to not function properly. Theme files without the credit links can be purchased at $20.

Add to Cart
Add to Cart

Theme Customization
Do you want to customize this theme to include images that suit your blog’s topic? I can help you with the graphical customization. For more details, please go to the theme customization service.

The following is an example of a custom design of this theme.

Main Features
- Free forum support. visit Wooden Fence forum
- Different design for sticky post feature
- Upload your own 3 photo frame images
- Compatible with IE7, IE8, Firefox, Chrome, Safari, Opera
- W3C XHTML and CSS compliant
- SEO ready
- Gravatar enable

Notes
- Due to the design constraint, this theme have no page menu. Instead, the page link can be found in the sidebar.
- You can download the PSD zip file below to customize the 3 header images with your own pictures. The PSD file also allows you to change your blog title and tagline.

Blog Title and Description
The demo is showing a special font as below:

By default, after you install the theme, the blog title and description are showing the Arial font.

You can change the font style by following this instruction:
- Download this PSD zip file (also include the font that I use that is available free from fontstock.net.)
- Extract and open the PSD file in the Photoshop program
- Add the title and description using your desired font
- Save the image using this name: bg_header_new.jpg
- Upload the image to your server in the /images folder

Child Themes
I have created a different variation of the Wooden Fence theme. Click on the screenshot below to find out the detail about the child theme and how you can download and use it for FREE.

User Showcase
The followings are a few examples of nice modification of this theme from other users. You can view all the nice design in the forum theme showcase.

View all my themes

Change log
2009-05-06 v1.00 – Release
2009-07-14 – Theme is compatible with WP 2.8
2009-11-25 v1.01 – Remove extra spacing for page > 1 if permalink is using the default structure

Like this post? Please help share it via the following social sites. Your share keep us creating more useful posts.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
101 Responses
  1. Ahmed says:

    Awesome Template like you always doing i added it to my themes directory keep the good work coming

  2. Tami says:

    Hi,
    I just came by and saw you released your new wooden fence theme!!! WOW another amazing beautiful theme! You are truly gifted in creating these themes not only to be beautiful but also compliant and fast loading. THANK YoU!!!!!! :)

  3. Steve says:

    My wife was waiting for this theme since the themes I always picked she didnt like. She loves this one for our family blog. Great work!!!!

    One question if anyone can answer. If you go to my page, it says The Hancock Family twice. Once was from the text that I changed in the photoshop files and then the other I am not sure where it is coming from. Any ideas where to get rid of the other text?? I am still learning how to maneuver around all the backend files for the themes and stuff.

    Thank you for the help. If anyone knows, shoot me an email at steve@myhancockfamily.com.

    • Brian says:

      Hi Steve, I only see “The Hancock Family” once. Where is the other one you mentioned?

      • JORGE says:

        Hi Brian, I need your help. I write you from Colombia. Why replace the 3 images in a Wooden Fence template? This act need pay?

        • Brian says:

          @Jorge, you can keep the 3 images if you do not want to customize with your own one. And you are free to customize it yourself without payment.

  4. Melanie says:

    I cannot for the life of me figure out where to upload my pictures so that they will show up on the header. I’m sure it’s something simple that I am missing! HELP! I LOVE this theme!

    • Brian says:

      You need a bit of Photoshop skill to replace the 3 images in the photo frame with your own one. Resizing, cropping, rotating and moving techniques are required to implement the change. I see that you have successfully modified the header. Nice photos!

  5. Jesse says:

    It is amazing you can create such pretty and useful themes…regularly!!
    I was planning to purchase some paid themes, then I found you site and decided that your themes are just as good as those paid ones.

  6. Imad Sid says:

    problem
    Parse error: parse error in J:\wamp\www\wordpress\wp-content\themes\wooden-fence\index.php on line 69

    • Brian says:

      Please remove the 2 blank lines at the bottom of index.php and upload the theme again. If the problem still occurs, please check your Wordpress version. Make sure you are using Wordpress 2.7+.

      • Imad Sid says:

        Hi ,
        I’ve removed the blank line
        my wordpress version is 2.7.1
        all plugins disabled
        but the same problem

        Parse error: parse error in J:\wamp\www\wordpress\wp-content\themes\wooden-fence\index.php on line 67

        • Brian says:

          Hi, sorry I can’t figure out what your problem is.

          I have found the error. It is caused by the php short tags. I have updated the theme, please download again.

  7. kelly says:

    You broke the RULE!! Congrats for such beautiful themes!

  8. Ying says:

    Hi,
    I am doing some wordpress theme search and came by and saw your wooden fence theme!!! A beautiful theme indeed! Thank you for sharing!
    However I have one problem, I am not able to get some of the Widgets added in the sidebar. Can you be kind enough to advice me how to do so?
    Thanks once again!

  9. eunice says:

    can this theme be used in blogspot?

  10. Patti says:

    Brian—> they just keep getting better and better. It’s so stinking exciting to come and see what you’re cooking up next. We’ve been using the Photo Frame theme for awhile now, and it’s given us just what we needed. I’ll be using this theme and others for some friends I’m setting up. Great work!! and Thank you for your time and efforts to the community.. To others using his themes…DONATE — Brian does a GREAT JOB and has always been ever so helpful!

    • Brian says:

      Thanks for supporting my themes all the while. I really appreciate it!

      Talking about the donation, I only got less than $100 a month. This makes me think about whether to cancel the donation and start charging people to use my theme. I am thinking a lot about the future of this site and ways to sustain it. Please keep coming back to this site for new update :)

  11. OMG, pretty! Thank you very much! I’ve just used it on my new blog! Now, onto the contents. :)

  12. joane says:

    Hi! Thanks for a great theme again! Keep it going!

    This is the second time I used one of your themes since I migrated to wordpress (I’m still undergoing some migration stuffs)…

    I just noticed some bug (I’m not sure if it’s a bug). Hopefully you can judge if it is and point to me if I did something wrong.

    If you go to my homepage, you can find the “stuffs” on the sidebar, rightmost-bottom part. This is the list for the links. Currently, there’s only sitemeter in it. If you click any one of the categories, labeled as “a glimpse of everything!”, the page transfers to the archive for that category. After that, the links/”stuffs” are gone. I wonder why…

    Thanks a bunch in advance! :)

    • Brian says:

      Hi, do you mean that you are not using widgets but just want to modify sidebar.php? If so, please note that your “stuffs” should not be within
      <?php if ( is_home() || is_page() ) { /* If this is the frontpage */
      }

      • joane says:

        Hello Brian,

        Thank you very much for replying to my inquiry.

        I found a solution, I think I’m adding widgets in a really primitive way (forgive me, I’m a newbie at wordpress). I edit the sidebar.php most of the time… instead of just adding these widgets in the dashboard’s Appearance -> Widgets. It took me ten years to find that Widgets settings screen.

        Anyway I have a new inquiry coming up… Thanks again!

  13. Rhea says:

    Hi Brian,
    Can u show me how to upload this theme to my website ?
    I Love it.
    I have installed wordpress version is 2.7.1.
    But i don’t know how to change theme in to wooden-fence theme.
    I’m newbie in administrate website. Thx a lot for ur help.

  14. Rhea says:

    Hi Brian..
    Yeah.. I tried to solve myself while waiting for your answer…
    But step by step n’ after think hard.. then i find it.. so I have already installed the theme successfully. I’m very happy ^_^ for that.
    Btw, Yes the little girl is my baby. I changed the pic before i installed the theme.
    And now i onto focus for the site.
    thanks again for ur theme. I’ts very helpful.
    wish u always success for ur life.
    =================================
    Btw, I’m sorry for my english, coz i can’t speak english very well :”>.

  15. joane says:

    I would like to ask how to enable the excerpts functionality? The instructions in this page, http://codex.wordpress.org/Template_Tags/the_excerpt, seem a little confusing… Thanks again!

    • Brian says:

      Hi, this is the codesnip in index.php of most of my themes:

      if (is_search()){
      	the_excerpt();
      }else{
      	the_content('more...');
      }
      

      My themes will show the excerpts for the search results. According to the Wordpress codex, “If you do not provide an explicit excerpt to a post (in the post editor’s optional excerpt field), it will display a teaser which refers to the first 55 words of the post’s content.”

  16. PB says:

    Thank you! It’s an awesome theme!

  17. Blossomblue says:

    Hiii Brian.. I soo totally love this theme.. Pllzzz help me out to upload this for my blog :)

  18. Megan says:

    Hi,
    I LOVE your wood fence template. I have it uploaded to my site but the thumbnail view of the template has a white background behind the posts and in the uploaded template it is not there. I found the image in the images folder, bg_post_btm.png but how do I get it working in the editor. It is quite hard to read the posts without the different color background and I am soooo hoping I can use Wooden Fence. You have some great templates. Its beautiful.

  19. Megan says:

    Got it.. It was my browser..

  20. [...] Fence is a three column theme compatible with WordPress 2.7 released by TemplateLite.com on May 6th, 2009. This theme is also free. Also mentioned by the author: Compatible with IE6, IE7, [...]

  21. Sarah says:

    How I wish I can use this on my blogspot, is it okay?

    If not, never mind then but I like the deisgn

  22. Angie says:

    I have tried to install this repeatedly only to have it fail. It renders beautifully in Chrome and Firefox but in IE the post backgrounds will not render. Any hints what the problem might be? I am using IE 7 but upgraded to IE8 and even that did not fix the issue.

    • Brian says:

      I checked this theme in IE7 and found no issue about the post background. I see that you are using Coffee Desk. Can you install the Wooden Fence theme so I can go take a look in more detail?

      • Angie says:

        I will put the wooden fence theme up this evening for you to see. People visiting my blog during the day could not read the words as the post backgrounds would not render hence why I am using coffee desk – it is the one that did render correctly.

  23. Angie says:

    The template is loaded now. Thank you for taking the time to check it.

    • Brian says:

      I see that you have removed my credit links. It is against the terms to use my themes without keeping the footer links. Please upload my links. I am sorry that I can’t provide free support now.

      • Angie says:

        I have not modified anything in your template. I downloaded your file and put it in my wp theme directory and selected it. I thought something was corrupt in the file and downloaded it from 2 other places with the same result. Someone else has modified your files. However I will remove your themes from my blog and search for other themes. Thanks anyway.

        • Brian says:

          So it is the third party who remove my links and promote it using his own brand! Shame on him! May I know where you downloaded the theme so I’ll take necessary action?

          Please download the theme from my site (the original source) and upload your theme again so I’ll look into your problem again.

  24. mark says:

    where do I find the link to replace with my own feed burner link for the rss image

    please help

    • Brian says:

      To replace the feed with your own feed burner, just edit index.php, single.php and page.php, find

      <a href="<?php bloginfo(‘rss2_url’); ?>" title="RSS Feed" class="rss"></a>

      replace the highlighted text with your feed burner link, e.g.

      <a href="http://feed-burner-link" title="RSS Feed" class="rss" rel="nofollow"></a>

  25. mark says:

    thanks thats great !

  26. Bärbel says:

    I love your theme. Thank you for providing it for free!

  27. Shawn says:

    Hi Brian!

    I’m just enquiring, if I need to place an advertisement banner on the page, maybe near the header, how do I do so?

    Also, what is the pin and the paper beside the feed? Can I replace it with a banner?

  28. Lauren says:

    I am using the Beach theme.

    My home page (one page site) is not showing. The page edit shows page published and will show in preview.

    It was working perfectly, published the page on May 8th. Did not visit again till today when I was notified by a client that it was showing “not found”.

    Any ideas what happened?

    • Brian says:

      I view your site in IE7, Firefox and Chrome and it is showing for me.

      Below is the screen shot:

    • flarefox says:

      It’s ok for me too. What client tell you “not found”? Maybe the host file was modified by some virus-like programs?

      You can try to ping your site, open a console windows(in windows RUN CMD.exe), then type the command below and press ENTER key.

      ping http://www.yourdomainname.com

      Now check whether the displayed IP equals to the real IP of your site.

      If not, your host file may be incorrect, check the file %WindowsInstallPath/System32/drivers/etc/hosts, and remove the lines that contains yourdomainname.com.

  29. mark says:

    hi I found a bug in the template.

    when on the homepage click previous entries and the posts don’t display at the top of the page showing a bottomless rss badge.

    I have noticed that when I clicked the theme to preview of your site it works fine.

    Whats the answer ?

  30. mark says:

    hi I have renamed my wp_ files
    everything works apart from the category and tag cloud in the side bar

    any ideas on what hidden elements I have to change to get them working

    thanks

    • Brian says:

      From the source code, I am sorry that I can’t find out the cause of your problem. One way to troubleshoot the problem is to check your sidebar widget. First, deactivate all sidebar widgets, then activate them one by one to see which one is affecting the layout. After that, deactivate the problematic widget.

  31. Dan says:

    I know this is basic. New trying APS. How do i select the 3 pictures and exchange for my own? Is it a layer or what?

    Thnks D

    • Brian says:

      You will need to have some photo editing skill such as croping, resizing and rotating to perform the change. The header image contains only one layer.

  32. Dan says:

    How could i link a picture in a post to a page or other post with more pictures.
    using wordpress 2.8.1

    • Brian says:

      I am not sure if you are asking a newbie question. To link a picture to a page, you can use this code in html:
      <a href="PAGE-URL"><img src="IMAGE-URL"></a>

  33. carlis says:

    hye,how to install this theme to my blog?tell me how to do please………
    tq

  34. Loryn says:

    So, I’m new to blogs, love this template, and would like to change the pics. I’m pretty proficient in Photoshop, but still have no clue as to how to change the pics. Please help. I’ll probably understand if you just tell me where to put the file name or whatever is needed. Thank you.

  35. Loryn says:

    So, I’m sorry, but I think my last question was not my real problem. I had found this template for Blogger @ http://btemplates.com/2009/07/11/wooden-fence/ and could not change the pics. I thought this file was the same as that file, but it’s not. I figured out how to change the pics in this file, but it does not seem as though this file can be uploaded on my blogspot.com site since there doesn’t seem to be an “XML file”. Is this true? Am I just S.O.L. ? Say it isn’t so!

  36. Erika says:

    hi, Im sorrry to ask- I have seen it asked prior but didnt see an answer I could understand. So to change out the photos in the adorable wooden fence theme- I already unzipped the file. How can I upload the PSD file into Photoshop? It only accepts pictures and not files. (Yes Im a newbie). I would also like to play around with the fonts but again- have no idea how…So sorry for he dumb questions!
    Thanks, Erika

    • Brian says:

      First of all, do you have a Photoshop program to open the file “bg_header_new.psd”. If not, you need to install the Photoshop program so you can make the changes to the font and graphics.

      • Erika says:

        yes, i installed Photoshop, from Photoshop.com. Is there a different one?When I opened it and tried to import- it wont let me import a “file” in, only jpegs, or pictures???? what am I doing wrong? Is it the “bg_header new” jpeg that you need to upload? I did that, but cant edit it- how do I pick my own font and pics from this point and then update my blog files?

        • Brian says:

          You need to buy the desktop version of the Photoshop program in order to make the change. With the desktop version, you can open the .psd file and edit the font and graphic. To edit the graphic, you need some Photoshop skill to do it.

          The price is expensive. Alternatively, you might search for free “.psd editor” in Google and see which one works. Anyone here can recommend a reliable free image editor?

          I haven’t tried Photoshop.com before but I think it doesn’t allow you to edit .psd file

  37. Erika says:

    this is what photoshop says-

    Photoshop.com supports uploading of JPEG files only. If you have a PSD file your two choices are to use Photoshop Elements and Sync it, or convert it to JPEG and upload it via PS.com.

    Regards, Guy

    what do you suggest?

    • Brian says:

      Both options are not feasible in your case. You want an option that allows you to edit PSD file first and save in JPEG. The options they suggest is to save the FINISHED PSD files in JPEG.

    • Autumn Beck says:

      I edited the psd file using gimp. It was very easy. First I resized the pics I wanted to use then “open in layers” the pics on the banner. Then used the rotate function. The sizes of the first 2 are scaled at 125 and the 3rd I think was ~175.

  38. Autumn Beck says:

    I didn’t have any problems editing the pictures but was curious about the text. Once I upload the edited header will the text update (in Arial) as the original did by changing it on my wordpress dashboard? And if I wanted to change the text on the new header how do I do that? I am not figuring out how to select the text “template lite preview” and “wooden …”

    I don’t have it uploaded so my blog just shows the original ;)

  39. Summer says:

    I just put this theme on my blog and I love it. I have a silly question though, and it’s probably obvious but I’m issing it somewhere. The container_top image above the posts. I can’t find the code area for that section. I want to change the feed code of the RSS image and add Twitter to the little blank area but I’m overlooking it somehow.

    Thanks so much!

    • Brian says:

      @Summer, you can modify index.php, single.php and page.php. At the bottom of each file, you will see “<a href=”<?php bloginfo(’rss2_url’); ?>” title=”RSS Feed” class=”rss”></a>”. This code is to generate a block to let visitors click on the rss button. You can change the code to point to your feed url.

      To change the rss image, you can modify "bg_container_top.jpg"

  40. mark says:

    hi, is there a way of making the posts only show the top 2 lines and a read more tag being shown on the home page. At the moment I am doing this by hand but must be a way of automating it ???

    thanks

  41. eva says:

    i love your template so much and I am using it right now.

  42. [...] 3.Wooden Fence    这款主题仿佛让我回到了童年。。。很天真烂漫。 [...]

  43. Tracy says:

    I LOVE your themes! They are unique and have great presentation. I am currently using one of your other themes but would like to switch over to the Wooden Fence theme. But when I switch over, only the top of the page appears and I get the following error:

    Fatal error: Call to undefined function post_class() in /home/alystaco/public_html/tracyscraftroom/wp-content/themes/wooden-fence/index.php on line 26

    Any ideas on what I need to do to fix it? Thanks so much for your help!

  44. Suzy says:

    Hi Brian,

    I new to wordpress.org installation so I apologize for perhaps an easy question. How can I modify the sites in the meta? When I go into widgets in the admin panel, there are none in the sidebar. Yet, I see them on the preview. What can I do?

    • Brian says:

      @Suzy, instead of modifying the sites in the meta section, it is better to remove the whole meta section from the widget. If you wish to add external links, just add it to the Blogroll.

      • Suzy says:

        Yes, I guess I wasn’t clear. There are no widgets in the side bar sections of the widget admin panel. They are all available on the left. There are some already on the site (default from you perhaps?). But when I drag a new one to the side bar it doesn’t stay? Is there something going wrong?

        • Brian says:

          @Suzy, I guess you didn’t expand the sidebar section in widget admin panel….

          Sidebar

          A. Cannot drag widget into it, because the section is not expanded.

          B. Can drag widget into it.

  45. Suzy says:

    Thanks for trying to help. I’m still confused because I do have the sidebar sections expanded. There are no widgets in them — they are blank. Yet, the site has several widgets that seem to have come with the site (Bar 1: pages, categories, archives, calendar; Bar 2: recent posts, tag cloud, blog roll, meta). When I try to put another widget in, like recent comments, I drag it over the expanded (empty) section. Suddenly, though, the only thing in the side bar on the site is the dragged widget. The ones that were there (but which I can’t see) are gone. Help!

    • Brian says:

      @Suzy, yes, that is what widgets do. If you didn’t put anything into the admin sidebar widget section, the sidebar will display the default item (widget) which I define in sidebar.php

      If you drag at least one widget into it, then the sidebar just display the widget that you drag into. This means you have to drag all widgets that you want to display in sidebar.

  46. kristina says:

    Hey,

    I have also fallen in love in this template!
    I am trying to change the 3 images on the header. I have already managed to change them in photoshop and uploaded the new photo to web as well.
    However, if I replace the original header link on the html code with my new one, it doesent work?
    Is it possible to change the 3 images in blogger at all?

    • Brian says:

      @kristina, by replacing the original header image link with a new one should work. Please check the path to the image and make sure that is it working.

      If you have question regarding this Blogger template, please refer to Bloggerstyles.com for help. This site only deals with Wordpress related issues.

  47. [...] del Theme – Descargar el Theme Rate this theme: (No Ratings [...]

  48. Tina says:

    I am wondering why there are white spaces on either side of this template on my site, but don’t show on the original. I assumed it had to do with the screen resolution, and it did indeed shrink when I changed the resolution. But its still there: http://www.familypalooza.com/wordpress
    Is there a way to get rid of this?

  49. MarieLou says:

    i love, this theme is beautiful

Support Forum

I no longer offer theme support in the comment section. If you are having any Wordpress theme related issues, please go to the Forum for support.
All support related questions posted here will be deleted without notice.

Leave a Reply


* If you are having any Wordpress theme related issues, please go to the Forum for support.