Sketch: Pride WordPress Theme

You recently voted for Pride to be the next theme of the Seven Deadly Sins theme series. Here is the sketch for Pride. The first photo is the basic sketch. The second is a more detailed sketch. You can click on the thumbnails for a larger view.

pride-sketch-1.jpg pride-sketch-2.jpg

I’ll start designing Pride tomorrow. Please post all suggestions and critiques in the comments.

Where Exactly Should You Place wp_footer()?

The wp_footer() function is often used by plugins to insert PHP codes after everything else on your page. According to WordPress.org theme development documentation, you should place the wp_footer() function in the footer, which would be in the footer.php file.

One detail that WordPress.org doesn’t mention is that most plugins (i.e: Spam Karma 2, PodPress, and FireStats), using the wp_footer() function, tend to break your theme. A well-designed and well-built theme is nothing without a safely placed wp_footer() function.

Here’s my advice. Don’t place the wp_footer() function right before the end; that’s usually the closing body tag. Instead, place that function within a DIV or container. For example:

<div id=”container”>

Posts

Sidebar

<?php wp_footer(); ?></div>

If you do that, no matter what a certain plugin does to the footer of your theme, it doesn’t expand beyond the container or DIV containing the wp_footer() function. You can open up the footer.php file of the Greed theme for an example.

Update:
Place the wp_footer() function within a style-less container (usually the outermost div with no backgrounds and images) that your layout doesn’t depend on. Otherwise, you might end up with an incomplete layout while waiting for a slow loading plugin.

Thanks to Adam Freetly for the tip.

You Decide The Next Theme!

The recently released Greed WordPress theme is a part of a theme series called, Seven Deadly Sins. I’m ready to work on the next theme. Now, I need you to decide…

Which sin should the next theme be?

  • Pride (39%)
  • Lust (24%)
  • Wrath (13%)
  • Envy (11%)
  • Gluttony (9%)
  • Sloth (4%)

Total Votes: 54

Loading ... Loading …

While I was stuck at the down-town juror parking lot, just bored out of my mind, I came up with an idea. Why not make this theme series a collaborative effort and allow my readers to participate? It would be interesting (if not fun) to see our ideas and personalities mesh and come to life through design.

You’ll get to do more than just pick the next topic. From basic layout, to design features, and which plugins to integrate, you’ll get to make most of the decisions.

Along with this poll, you can make other suggestions by posting comments. Here are some questions to think about:

  • What are some of your favorite sites / designs?
  • Any interesting WordPress or blog features that you want for your own blog?
  • More importantly, how many columns should the next theme have?

Greed WordPress Theme

Are you greedy for sidebars? The official release of Greed, it’s finally here! Preview Greed.

Greed theme thumbnail

Author information

Greed was designed and coded by Small Potato.

Theme Description

Greed is a three-column to five-column hybrid Wordpress theme with ten widget-ready sidebars. Released under GPL, it’s the first released theme of the Seven Deadly Sins theme series.

Features

  • Compatible with WordPress 2.0, 2.1, and 2.2 series.
  • Fixed-fluid width
  • Easy to rotate main column and sidebars. Double right sidebars example.
  • Switchable banner, background color, and more through the theme options page.
  • Able to hold an infinite number of sidebars. 30 sidebars example (10 default and 20 additionals).
  • Compatible with / supports over two dozen plugins.

Files: (version .09 RC2)

(more…)

Happy Birthday to Wpdesigner.com

Today, May 27, 2006, Wpdesigner.com turns one year old. I’m posting this… very late, because I didn’t want to make a big deal about today. Plus, I’m working on the official release of Greed so I don’t have much time to make a full post.

Well, now you know. Happy birthday to Wpdesigner.com!

Useful, But Rarely Used WordPress Techniques

I’m trying to do a lot with the upcoming WordPress theme. As a result, I’ve been going through quite a few tips, tweaks, and tutorials to up my skills as a WordPress theme designer. Below are some of the features that I’ve read about and will be adding to Greed for its official release.

  • Custom Fields - Learn how to take advantage of the WordPress Custom Fields to display extra content.
  • Theme Options - Ready to take your theme to the next level? Add theme options to your theme. Allow theme users to edit the CSS without touching the style.css file.
  • Ajax Commenting - How do you grab more downloads for your theme? Give it some life via Ajax Commenting.
  • Sidebar Login Form - Want to let your users login from the sidebar instead of sending them to the login page?
  • How To Manually Separate Trackbacks and Comments - Not all that important, but it makes following comment conversations a bit easier. Instead of installing a plugin, here’s how to do it manually.

Beta Release: Greed WordPress Theme

For those that voted for Wpdesigner.com, I’m sending you the beta (test) version of Greed, today. If I miss anyone, please let me know.

Greed is a fixed-fluid width, three-column to five-column hybrid WordPress theme with ten widget-ready sidebars. So far, I’ve run into only one problem and it’s not a theme problem. It’s a WordPress problem. The WordPress Sidebar Widgets management page can’t seem to correctly display more than four widget-ready sidebars. But don’t worry, it’s only a display problem; you can use all ten sidebars.

To place items in the sidebars 5 to 10, drag your item and use the FORWARD keyboard arrow at the same time.

Note: This beta release does not include plugin support / integrations and theme options.

Orange Sky WordPress Theme

Download Orange Sky

Orange Sky theme thumbnail

Author Information

Orange Sky was designed and coded by Naoko McCracken.

Description

A beautiful two column, widget-ready, right sidebar theme with a cool color scheme and warm banner.

Comments by Small Potato

Stepping into WordPress theme development, Orange Sky wasn’t one of the themes that I learned from. No, it was THE theme that I learned from. I tore it apart and tried to digest bit by bit. Not only did Orange Sky taught me WordPress techniques, it introduced me to the Sliding Doors of CSS (horizontal navigation with background image tabs).

Although I don’t usually recommend learning from old WordPress themes because you need to stay up-to-date with the new WordPress versions, Orange Sky is an exception.

Revision: Greed WordPress Theme

I didn’t like the initial color scheme and felt that Greed didn’t have enough details. Instead of coding it, I changed the color scheme, designed and added my own icons, and moved some things around a bit. This isn’t the final version, but it’s pretty much what you can expect from Greed.

revised-greed.gif

I have some computer problems to grind out before finalizing the design and coding. If you don’t hear from me then my computer hasn’t been fixed yet.

ProSense WordPress Theme

Download Prosense

ProSense theme thumbnail

Author Information

ProSense is the product of a collaboration by Dosh Dosh and The Wrong Advices.

Description

ProSense is a flexible, three-column theme with integrated Adsense ads.

Theme Comments by Small Potato

For me, Prosense was just another Adsense-ready theme. I was reluctant to feature this theme until I actually learned something new from it. I learned how to squeeze a banner in between two posts (inter-post ads integration) from ProSense, which is VERY useful if you’re trying to place only one or two banners instead of one banner for every post in the content area. Inter-post integration sounds complicated and most bloggers don’t know how to do it. But today, I learned that it’s very easy to do!

More about the ads or Adsense ads in ProSense, I’m disappointed that not all the Adsense templates have the same format. The Adsense templates or include files should contain only the Adsense codes. Second, ProSense should create a separate file for your Adsense publisher ID number and include that file in within the Adsense codes. That way, you don’t have to replace the default publisher ID again and again for each Adsense template; there are seven of them. Also, some areas around the ads are not valid codes. Especially true for the left sidebar Adsense, it’s missing a set of LI tags.

Overall, this a basic, flexible theme that’s useful for bloggers and new theme designers. You’ll learn quite a few techniques from ProSense.

Grid Focus WordPress Theme

Download Grid Focus

Grid Focus theme thumbnail

Author Information

Theme focus was designed and coded by Derek Punsalan of 5ThirtyOne.com.

Description

Grid Focus is a three-column, black and white theme with two sidebars and top and bottom horizontal navigation menus. It’s a public, modified version of the 5ThirtyOne.com’s current WordPress theme.

Comments by Small Potato

Grid Focus is a sharp looking theme.

Core-wise, it focuses more on style than functionality. Grid Focus was not built for the average blogger and / or wordpress.com user. I’m featuring this theme purely for its look.

First of all, I love the black and white. Black and white themes will only get more and more popular. Second, I like the expandable archive links. It’ll allow users to interact with your blog’s design. Third, whether it’s intentional, I agree with Derek’s decision to exclude the category link listing from the post meta data.

On the other hand, Grid Focus is not widget-ready. It has a lot of hardcoded links and areas that you have to manually customize. Again, this theme was not built for the average blogger. Also, Grid Focus is missing some functions like the wp_link_pages() in the page.php and single.php file. One last thing, Grid Focus doesn’t style its blockquotes to clearly separate regular text from blockquote text.

In the end, this theme has a lot of potential. The style is there. The personality is there. It just needs to get whipped into tip-top shape.

Preview: Greed WordPress Theme

preview-greed.gif

Since the sketch or wireframe, I added a banner and moved some things around. Usually, a Wpdesigner theme has a lot of rounded corners. This theme has no rounded corners because I’m aiming for fixed-fluid width, without bloated DIV wrappers. So far so good, but I don’t like the color scheme. Do you have a better color scheme for this theme?

Coding starts tomorrow.

Close
Powered by ShareThis