How much would you pay for a WordPress theme?

Regardless of how easy or hard, graphic or code intensive, WordPress themes are time consuming. The time it takes to put together a theme ranges from three or four hours to three or four days.

Every WordPress designer has to go through the same process:

  • Design
  • Code
  • Skin for WordPress
  • Test
  • Correct
  • Validate

Some themes are free. Some cost $45 (per download). Some cost $2,000 (completely unique/custom and exclusive). Question is…

[poll=3]

[poll=2]

Free Human Emoticons (Avatar Size)

I’ve created a set of human emoticons (avatar size) for you to use freely.

You might use them for:

  • WordPress comment avatar with a plugin like MyAvatars.
  • Actual emoticons

The Human Emoticons

arrow.jpg biggrin.jpg confused.jpg cool.jpg cry.jpg eek.jpg

evil.jpg exclaim.jpg idea.jpg lol.jpg mad.jpg mrgreen.jpg

neutral.jpg question.jpg razz.jpg redface.jpg rolleyes.jpg sad.jpg

smile.jpg surprised.jpgtwisted.jpgwink.jpg

What they are…

(In the order they appear)

  1. Arrow
  2. Big Grin
  3. Confused
  4. Cool
  5. Cry
  6. Eek
  7. Evil
  8. Exclaim
  9. Idea
  10. LOL (laugh out loud)
  11. Mad
  12. Mr.Green
  13. Neutral
  14. Question
  15. Razz
  16. Red Face – Had to double take due to physical complications.
  17. Roll Eyes
  18. Sad
  19. Smile
  20. Surprised
  21. Twisted
  22. Wink

WordPress Theme Checklist

Note: The following checklist was based on WordPress 2.0. Since WordPress 2.1, WordPress has replaced and introduced new template tags.

Files, functions, and to-dos you need to check-off before using / publishing your own unique WordPress theme:

Files and Templates

  • 404.php
  • archive.php
  • category.php
  • comments.php
  • footer.php
  • functions.php (for widget-ready sidebar)
  • header.php
  • index.php
  • page.php
  • search.php
  • searchform.php
  • sidebar.php
  • single.php
  • screenshot.png / .jpg / .gif
  • style.css
  • readme.txt (optional)

Header.php

  • Blog’s Title
  • Blog’s Description

Footer.php

  • wp_footer()
  • Footer text and links (usually, copyright message)

Sidebar.php

  • Search form – Does the regular search form match the widget search form?
  • Pages / wp_list_pages() – Have you styled the second level links? Third level links?
  • Categories / wp_list_cats() – Sort by name or ID? In what order? Is hierarchical turned off or on?
  • Archives
  • Calendar – Does the regular calendar match the widget calendar?
  • Links / get_links_list()
  • Meta: wp_register(), wp_loginout(), wp_meta()

Index.php, Archive.php, Category.php, Search.php, Page.php, Single.php

  • the_ID()
  • Post title: the_permalink, the_title()
  • the_content
  • Postmetadata: edit_post_link(), comments_popup_link(), the_author(), the_category(), the_time(),
  • trackback_rdf() [hidden]
  • posts_nav_link() – Next/Previous page links
  • Else – What to display when there is no content.

Archive.php, Search.php

  • the_excerpt() replaces the_content()

Page.php

  • link_pages()
  • Remove Postmetadata
  • Keep edit_post_link()
  • Remove posts_nav_link()
  • comments_template()

Single.php

  • link_pages()
  • Remove comments_popup_link()
  • comments_template()

Comments.php

  • Comments list
  • Comment forms and textarea
  • ‘No comments’ message
  • ‘Comments awaiting moderation’ message
  • ‘Must login’ message
  • ‘Password protected’ message
  • Comments off message

Pages to Validate

  • Home page
  • Archive pages
  • Category pages (if you customize category pages)
  • Search result pages
  • Pages (i.e: About)
  • Single post view page
  • Single post with no comments
  • Single post with comments
  • Single post with must login message
  • Single post with no login required message
  • Password protected single post with comments

Note: This is not an end-all checklist. It covers just the basics. More items will be added.

Creating A Community and More

Over the weekend, I took a break from blogging, but didn’t stop updating Wpdesigner to attempt to build a community around WPD and allow it to be more than just a blog. The changes you’ve seen for the past two days are just the beginning.

New Plugins

Top Commenters was installed to encourage more user comments by rewarding you for getting involved in discussions. If you make it to the Top Commenters list (in the right sidebar), Wpdesigner will send traffic to your site. Also, the link to your site under the Top Commenters list doesn’t have “nofollow” attached to it. This list will reset weekly.

I also installed a translator plugin to make news and tutorial lessons available to non-English users. You can find it at the bottom of the the right sidebar.

Design-wise

I removed the Wpdesigner title image and moved the top menu tabs to the right hand side for easier browsing through different areas of this blog.

WordPress Themes Listing

The small thumbnail screenshots were replaced by bigger thumbnail screenshots. Now, the download link comes first; second is the screenshot; third is the description. I don’t know if it makes a difference in browsing through WordPress themes, but I definitely like the bigger screenshots. Does it make a difference for you?

Advertisement

I’m beginning to monetize Wpdesigner’s traffic because I’m dedicating more and more of my time to this blog and really can’t afford to blog and create themes and tutorials for free anymore. In the past, I’ve turned down donations and Amazon Wish List offers because I did not start Wpdesigner.com for money.

For the past two months, I did sell a few text links on Wpdesigner, but only to pay for hosting. Right now, I’m looking to sell more text links and hopefully banner advertisements too.

Lunch Break

I will be back next week, taking a break from blogging…

Widget: How to…

You learned how to widgetize the sidebar during the tutorial series, but I never showed you how to turn on the widget plugin. Here it is:

Installation

  • Download the Widget plugin from Automattic.com.
  • Upload it to your wp-content/plugins/ folder.
  • Go to the Plugins page of the administration panel.
  • Activate the Sidebar Widgets plugin.

Customization

  • Go to the Presentation page of the administration panel. If your theme is widget-ready, you will see the Sidebar Widgets link next to the Theme Editor link.
  • Go to Sidebar Widgets.
  • From there, drag the little boxes into the big box.
  • Rearrange the little boxes to the order that you would like each to appear.
  • Click Save Changes.
  • If you leave the big box empty then your theme will use its default sidebar instead of the widgetized version.

Future of Wpdesigner

I’ve been reconsidering the content-expansion plans for Wpdesigner for the past two days. Final decision is to run with it. Areas I will cover are:

WordPress Themes
Along with more original themes from yours truly, I will review and highlight themes by other designers.

Tutorials
The next big step in the tutorial series is to show you how to convert a Photoshop design into a web page. Following that are case studies of some WordPress themes to break down complicated techniques.

Plugin Integration
I’ll show you how to integrate some plugins to snazzy up your blog along with theme design and development tutorials above. If you have any plugin in mind, be sure to leave a comment so I can keep track of suggestions.

Website Make-over
I’ll redesign your favorite sites and my favorite sites. Which site should I make over first?

Website Make-under
Website make-under is my favorite out of the content expansion plans. I’ll take the web back to the 90′s, Web 1.0 if you must call it that. Know any perfect site that needs bloated animated gifs and marquee tables?

Design Challenges
Like the tutorial series, design challenges will help create and expose more knowledgeable WordPress designers. Currently, there are more than a thousand WordPress themes out there. A few more high quality ones (from challenges) wouldn’t hurt would it? I’ll have to contact some WordPress designers to spark interests in future challenges.

Site Reviews
Tagging along with website make-overs and make-unders are the Site Reviews to help you improve your site’s design and performance.

How to Create a Theme Screenshot

WordPress looks for a .png image file named, screenshot, in your theme’s folder. If you don’t already have a screenshot of your theme, here’s how:

  • Point your browser to the blog currently using the theme.
  • Press the Print Screen button on the keyboard.
  • Open a new file in Photoshop.
  • Change the size to 300 by 225 (in pixels)
  • Press Ctrl + v or Right click > Paste.
  • With the Move tool activated, resize the screenshot to in the 300 x 225 space.
  • Go to File > Save for Web…
  • Save it as a PNG file, instead of GIF or JPG.
  • Name it screenshot.
  • Place your image file in the theme’s folder.

WPThemes Plugin Interview

WPThemesPlugin.com posted an email interview that I did several days ago, today. The questions and answers were basically about the 32-theme challenge, tutorial series, and what was next for Wpdesigner, along with the origin of my nickname, Small Potato.

My answers were unusually short for an email interview. Plus, I didn’t get to say much because I had to stick with answering the questions.

How to Customize 404 Error Page

Your WordPress blog sends readers to a 404 Error page when they request for pages that don’t exist or have been moved. 404 means not found.

If your WordPress theme doesn’t have a 404.php template file, your blog redirects your readers to the front page in case of 404 errors. That might cause confusion because some readers will not know why they were sent back to the front page.

If your theme does have a 404.php template file, you can customize the error message and offer your readers some options on how to find the information they’re looking for or simply say, for example:

Not Found – This page doesn’t exist.

So what should you put in the 404.php file?

Simple, copy everything in the index.php file, paste it in the 404.php file, and then remove everything of The Loop, except for the Not Found area (after Else of The Loop).

An example of a customized 404:

<div class=”post”>
<h2>Not Found</h2>
</div>

Don’t copy and paste my codes. Type them out. Above the <div class=”post”> would be your headers and main column container or whatever you have that comes before the content. After the </div> would be your Sidebar and Footer or whatever you have that comes after the content.

You can take it a step further and give the reader a search form, right under the Not Found message:

<div class=”post”>
<h2>Not found</h2>

<div class=”entry”>
<?php include(TEMPLATEPATH . ‘/searchform.php’); ?>
</div>

</div>

I wrote a lesson on how to include the search form in the sidebar, but you can also include the search form in other places.

So now, Not Found is the title and the search form is the main content.

Congratulations!

congrats.jpg If you’ve been following the WordPress Theme Tutorial Series, then congratulations! You’ve done it! Not only did you learned how to put a WordPress theme together, you also endured mind-numbing, half-hearted instructions for the last twenty-five days.

I admire your patience and perseverance because I would’ve smacked myself silly if I had to follow my own instructions.

Review

desk.jpg Each day, I’d put in about two hours in the morning to create the daily lesson; some lessons did take much longer than two hours. It was harder than I thought it’d be because I didn’t plan it. I should’ve written the instructions, reviewed the steps, and followed the steps to spot where I could’ve improved to help you better understand. But to avoid smacking myself, I didn’t.

The Future

contemplating.jpg Now that I’ve given you 32 days of WordPress themes and the recent tutorial series to munch on, what’s next for Wpdesigner.com? I really don’t know.

Prior to finishing the tutorial series, I had plans for content exspansion, but realized my plans were only to cover the fact that I haven’t created new WordPress themes for a while. Ultimately, Wpdesigner.com is about creating WordPress themes and giving WordPress users more design options, not about tutorials and challenges. (Although, I enjoy taking on challenges because they keep me motivated.)

Fellow Potatoes

I need your help to keep Wpdesigner growing. Throw me some ideas…

WP Theme Lesson #16: Comments Template

tutorial-series.gif Follow this WordPress Theme Tutorial Series from the beginning.

You’re almost done. Hang on for just one more lesson. Today, you take on the life of all blogs; the comments template. In my opinion, a blog is not a blog if it doesn’t allow readers to comment. To some, comments are not important, but it’s strange for me to imagine blogs without them. (more…)