Customizing Simpla theme

TyppzPress

As you may have noticed, I have changed the Typpz Blog theme. Now I use Simpla theme. I choosed it because its light, clean with pal colors and meets my needs. The drawback of this theme is that it does not support sidebar widgets which means that it does not take advantage of WordPress 2.3 or older versions with the widget plugin installed. Although it is very easy to make it support widgets (widgetize it) and use it as every up-to-date WordPress theme. Lets see how (if you dont like the manual way you can download Simpla Theme widgetized at the end of this post).

SimplaShot

Widgetizing the sidebar

Open the sidebar.php file located in simpla theme folder with you favorite editor on in WordPress admin panel, delete everything it has and paste the following code:

Save sidebar.php and then create a new file, name it functions.php and paste the following code (be carefull, functions.php should contain only the code below):

Your theme is now widgetized which means that in your WordPress admin panel, in presentation tab you can drag & drop widgets in your sidebar.
Widgetizing the sidebar caused a CSS probem with the doted lines used in the sidebar sections (there is an extra nested <ul>). You can easily fix it by modifying the following code in style.css file just after the #sidebar rules: Find the lines

and change them to:

Your theme is now ready to run and use every of the WordPress 2.3 features. I do not like the page titles used by Simpla (Typpz Blog>>Blog Archives>>Post Name). I want just the post name. To do that you have to open the header.php file, find the line with the following code:

and change it into:

Adding a Header Image

To add a header image (like Typpz.com blog here) instead of the blog title, open header.php file, find the <div=header> section and change the code in it to:

where URL put the location of your header image!

Other fixes and addons

If you write long posts you probably need a “goto top” button at the end of your pages. Open index.php file, find the line <?php endif; ?> and paste the following just below that line:

As I have posted you can display the WordPress tags under each post.

Download simpla theme widgetized! Simpla is licensed under a Creative Commons Attribution-ShareAlike License, which means that you can use Simpla widgetized for free and just give a link back to Phu and me πŸ™‚ !
After you download the theme, you’ll need to extract it to your /wp-content/themes/ directory. Then log into WP and activate the theme from within your presentation panel. Both Simpla and Simpla Widgetized use valid XHTML and CSS!

Download Simpla Widgetized Theme

21 thoughts on “Customizing Simpla theme

  1. Donny

    Thanks for sharing that great tutorial with us! I really love Simpla theme and its makes me happy to see it widgetized! I’ve already download it!

  2. Pingback: bufferOverflow » Blog Archive » Ho comprato l’Eee PC

  3. Pingback: Widgets in die Sidebar von Simpla integrieren | milkstyle Webdesign Blog

  4. Pingback: First thoughts: WordPress 2.5

  5. Pingback: Widgets for the Simpla Wordpress Theme

  6. Pingback: danyul.net » Blog Archive » Widgets for the Simpla Wordpress Theme

  7. Nikos Typpz Post author

    @demonfly: the plugin I use here is called “Related Posts” and can be found here. Follow the instructions for installing it and it works perfectly!

  8. Pingback: emily kausalik » Blog Archive » made with pride in the first four dimensions

  9. Paul Byrne

    Hey there. Have been searching around and wondered if you may be able to help. I am using the Simpla theme for my site above, and owuld really like to use the font Heveltica Neue Condensed Bold for titles, with similar fonts for PC users. Unfortunately I can’t get the font family right. Any idea on a solution?
    Paul.

  10. Sandy

    I am in the process of building my first blog, and learning how to edit CSS too. I really liked the clean look of Simpla, I’m SO glad I found this posting, thank you!!! I can’t wait to try some of these tips.

  11. D

    Thank you, so so much for widgetizing this beautiful, useful theme. I could not figure it out, trying to get this done on a deadline with many distractions from two small kids, and then I found this. You are heroic and have made my day!! Thank you for sharing this.

Leave a Reply

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