Going to try something new here. Basically I’m going to give away free PSD graphics that you can use however you want, and then I’ll show you how to code them.

First up is this yellow navigation bar PSD, screenshot is below. Click it to download.

(Background image isn’t included in the actual PSD, I just lifted it from my site to make the preview graphic more Theme Lab-esque.)

I’m planning on writing the following tutorials to go along with this as well, and will link to them from here when ready.

• How to code the yellow navigation bar in HTML/CSS
• How to implement the yellow navigation bar in a WordPress theme

Let me know what you think in the comments!

Related posts:

1. RichWP WordPress Themes – Free for a Limited Time
2. RedPepper – Free WordPress Theme

I saw Michael from Fearless Flyer released a free PSD mockup for a car dealer website, so I figured I’d code it into HTML/CSS and release the coded version here. Click the screenshot below for a live demo.

Click on the logo text on the top right corner to cycle through the different layouts. Or just download it to try it out for yourself.

It’s a fairly simple template, and certainly not limited to car-related websites. Just switch out a couple images, and it could be used for whatever you want.

Quick Facts

• Valid HTML/CSS
• Uses the Titillium font (via Google Web Fonts)
• Utilizes CSS :nth-of pseudo-selectors

There’s three layouts included in the download: a homepage, listing page, and details page. Click through the live demo pages to see them all.

Let me know what you think in the comments.

Related posts:

1. Bravissimo – Free PSD + XHTML/CSS Template
2. Corporate Blue – Free XHTML/CSS Template
3. Your Blazing App – Free XHTML/CSS Template

It’s been a while. If you don’t want to read the whole story behind the theme or how to use it, here’s the condensed version:

• IceChimp is a free “coming soon” theme for WordPress.
• It’s designed to work with the official MailChimp plugin.
• It utilizes WordPress’ Theme Customization API to change stuff.
• It’s based off an older theme I released called Ice Breaker.
• Here’s the download link. Here’s the live demo.

Story

I was browsing through my WordPress.org profile the other day and came across the Ice Breaker theme, a theme I released over two years ago, and decided it was time for an update.

Ice Breaker is a “domain parking” theme that was pretty deeply integrated into FeedBurner, specifically their RSS email subscription service. Again, the original theme was over two years ago, and times have changed.

Some Twitter followers might have noticed I asked a question on Twitter a couple weeks ago:

Do people still use RSS?

— Theme Lab (@themelab) December 28, 2012

I received mixed answers, some use it, others don’t. The general consensus was that the technology of RSS itself was not dead, far from it actually.

But what I really should’ve asked is if FeedBurner was dead or not. Although the service is still active, articles like The FeedBurner Deathwatch Continues showed that FeedBurner isn’t exactly Google’s top priority.

Therefore, I decided to take Ice Breaker in a completely new direction.

Enter MailChimp. And IceChimp.

I’ve been quietly using MailChimp for a while now (there’s a signup form on the Theme Lab homepage if you want to join my newsletter).

I also think it’s good for a public release theme because you can sign up for a MailChimp account for free, with no credit card required. You only pay if your list reaches a certain amount of subscribers. So I decided to replace the FeedBurner integration with MailChimp.

Although I looked into some more advanced API implementations, I decided the most practical method was just using what was already available: the official MailChimp for WordPress plugin.

And since I was pretty much redoing this theme from the ground up, I decided a name change was in order: IceChimp.

MailChimp for WordPress

This theme requires the MailChimp for WordPress plugin installed and activated if you want to use IceChimp’s MailChimp-specific features. It’s free from the WordPress.org plugin directory, which means you can install it right from your WordPress dashboard.

Without it installed, you basically just get a static template with an email subscribe form in the middle. With some basic HTML knowledge you could implement any subscription service you wanted, but that’s not the point of this theme.

Upon MailChimp plugin activation, the form on the theme will begin to look completely different.

Now accommodating MailChimp’s default First Name, Last Name, and Preferred Format inputs.

You’ll find that the theme has styles for pretty much every combination of setting you can think of within the MailChimp for WordPress plugin backend.

After inputting your MailChimp API key (you’ll need an account for this) you can select which list you want the form to link to.

The only settings it won’t recognize are the “custom CSS” settings, as I deregistered the default plugin styles in the functions file so IceChimp could take over those.

But that’s not all

In the original Ice Breaker theme, I included four custom color scheme stylesheets. I used some Theme Options code I found on the web (I believe on ThemeShaper) in order to allow users to change the color scheme without touching the code.

The screenshot above shows the four color schemes (with the default form layout, no MailChimp plugin) present in the original Ice Breaker theme, which were carried over to IceChimp as well, although the way of altering the color scheme has changed.

Customizer

Again, this was over two years ago, and some new ways of allowing users to customize themes have come along since then.

Yes, I’m talking about Customizer, introduced in WordPress 3.4.

With the Customizer options included in IceChimp, you can instantly change the color scheme, as well as input your Twitter username, custom logo, custom background, along with the standard Site Title and Tagline options.

A screenshot of the customizer options is to the left. I’ll go over that (as well as other MailChimp-specific options in the video below.

IceChimp Video Guide

Below is a quick Screenr video covering all the options in IceChimp (excuse the crappy mic).

The video shows you how to quickly and easily set up a custom MailChimp-powered “coming soon” page with WordPress.

Wrapping Up

Many thanks to Otto and his Theme Customizer tutorial, which I referred to more than a few times when getting IceChimp’s Customizer to work right.

Also many thanks to MailChimp for their cool email service, and their official WordPress plugin which would have made this theme a lot more difficult to make without it.

Also, I’m planning on submitting this theme WordPress.org so you’ll hopefully be able to grab everything you need (theme and plugin) to get this working right from your WordPress backend.

Let me know what you think in the comments.

Related posts:

1. Ice Breaker – Free WordPress Domain Parking Theme
2. Photabulous – Free WordPress Theme
3. Bluish – Free WordPress Theme

If you’re still not following me on Facebook or Twitter, you probably haven’t heard that I’m speaking at another WordPress DC meetup.

It will be on Tuesday, August 9th at 7 PM located at Fathom Creative‘s office in DC. More details on location, parking, etc. can be found on the meetup page (linked previously).

What I’ll Be Talking About

Similar to my last presentation at WordPress DC, I will be discussing CSS. Unlike last time, however, the CSS tips I’ll be going over aren’t necessarily WordPress-specific, and can apply to nearly any type of site. The official description:

You’ll learn some useful and practical CSS tips and tricks. These could include tips on speeding up development time, general optimizations, and other cool things. Also, these aren’t necessarily limited to WordPress, but could apply to nearly any HTML/CSS based site. Beginner to intermediate CSS knowledge would be nice but not absolutely required.

Slides

These are in the same format as my previous slides (but less crammed so it’s easier to see on the TV).

Theme Lab T-Shirts

This will be the premiere of the limited edition Theme Lab t-shirts! Okay, they’re not really limited editions, I can print more if needed. I’ll be bringing various shirts in S/M/L sizes. A picture of them is below.

I’ll figure out some way to give them away at the meetup.

Andy Stratton’s Presentation

Also speaking at the same WordPress DC meetup is Andy Stratton, who I got to know pretty well at WordCamp Raleigh earlier this year. I saw his presentation there called Diet Pills, SEO and Theme Frameworks, which he’ll also be presenting here. Trust me, it’s one you won’t want to miss.

Conclusion

Looking at the meetup page, it looks like spots are filling up pretty quickly. If you want in, you should RVSP ASAP.

Related posts:

1. WordPress DC Presentation – Leveraging CSS to Change Your Theme

TimThumb, an image resizing script commonly used in WordPress themes (especially paid ones), is being exploited through a zero day vulnerability. If you think your WordPress theme may use the TimThumb script, please pay attention.

Quick Fix

The easiest way to fix it would be to delete any instance of timthumb.php on your sites. It is also commonly named thumb.php (this is what WooThemes uses). I’d imagine this also applies to inactive themes.

As outlined in the previously linked post on Mark Maunder’s blog, the next best quick fix would be to remove all the “Allowed Sites” in the array.

Before:

$allowedSites = array (
	'flickr.com',
	'picasa.com',
	'img.youtube.com',
	'upload.wikimedia.org',
);

Change to:

$allowedSites = array();

Also make sure the following constant is set to false, otherwise removing the “allowed sites” won’t really matter, since every site would be allowed if it wasn’t:

define( 'ALLOW_EXTERNAL', false );

What’s the big deal?

You might be thinking, “lolz, Flickr or Wikipedia is gonna hack my site? Yeah right!” Wrong.

The problem is flickr.com.lamehackersite.info would be just as “allowed” as flickr.com, which is where the real vulnerability lies.

Theme Providers that Use TimThumb

Some WordPress theme providers that bundle TimThumb in their themes to resize images include WooThemes and ElegantThemes, two very popular commercial theme vendors that have tons of sites using themes with the vulnerable TimThumb script.

As far as WooThemes goes, it appears they’re aware of the issue according to the following tweet:
.bbpBox98516918260072448 {background:url(http://a0.twimg.com/profile_background_images/125427283/woothemes_twitter.png) #5c87aa;padding:20px;} p.bbpTweet{background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px} p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6} p.bbpTweet span.metadata span.author{line-height:19px} p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px} p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}

Let’s not forget theme marketplaces (*cough* ThemeForest *cough*) where countless authors have produced countless themes used on countless sites, a lot of which probably use the TimThumb script. I’d imagine this would be a much messier situation than with a single vendor.

Theme Lab Themes

In the name of transparency, there are three themes on Theme Lab that use the TimThumb script. They have been updated to the latest version (with allowed sites removed).

• Newsworthy
• Jungleland
• Photabulous

If you use any of these themes, please update the /scripts/timthumb.php file ASAP. This advice can also apply to any other theme that uses the timthumb script, obviously.

Why only three? Because I discovered a better way to include thumbnail functionality in WordPress themes.

Use add_image_size Please!

WordPress has a great, built-in API for resizing images that can effectively replace the need for timthumb on WordPress sites. It’s called add_image_size.

For some live examples on how to use this in your own themes, check out the Green Tea, Cool Blue, or SongSpace themes here at Theme Lab.

This feature has been built into WordPress since version 2.9, which was released on December 19, 2009 (well over a year and a half ago).

Mark Jaquith posted a great tutorial on including this feature in your themes, so I can’t think of many other excuses for not including this in new themes.

A Note on the TimThumb Developer

I noticed that the TimThumb developer, Ben Gillbanks, was getting directly and indirectly “bashed” pretty hard in the comments of the original vulnerability post.

Yes, it turns out the TimThumb script isn’t the most secure script in the world, but at least the developer is sticking around and supporting it for free.

I believe the script was released with nothing but the best intentions, and to see this “bashing” take place against someone who is doing all he can to help the situation is a bit bewildering, to say the least.

Over the years I’ve seen him respond to lots of TimThumb support requests on Twitter, something he’s certainly not obligated to do for a free script, but he does it anyway.

After all the profit that’s been made from the script (like commercial themes using it to make sure their fancy Jquery slider images are resized nicely) you’d think you’d see a little gratitude, but what else is new?

Conclusion

Obviously this is a pretty messy situation, a lot of users probably won’t have any idea they’re vulnerable until they’re hacked. It’s important to understand how widely used this script has been bundled with WordPress themes over the years.

Jayvie has also posted his thoughts on the issue in his post titled Timthumb zero day vulnerability: time to get back to basics.

What do you have to say about it? Let me know in the comments.

Related posts:

1. WordPress Security Alert – Vulnerability in 2.3.3
2. WordPress 2.8.3 Security Fix: Admin Password Reset
3. Newsworthy – Free WordPress Theme

After I released the most recent Theme Lab redesign, I had a number of comments on the “bio dropdown” box I have up in my navigation bar. I coded it with just a few lines of CSS along with a background image.

In this CSS tip post, I’ll go over how you can have a similar hover effect on your own sites.

The Example

In this example, I’ll be using a text widget in the Twenty Eleven theme, the new default as of WordPress 3.2.

Basically, once you hover over the div that contains the widget, a “hidden” div will appear which will be our bio dropdown box.

Note in the picture to the left, the gray bio box will not appear unless you hover the div containing the “Bio Hover” heading.

The Selector

It’s not that important to have a unique CSS selector to style the div you want to put your bio dropdown box in. Basically this is because if you don’t have the accompanying markup in that div, nothing would show up anyway in the event of a hover state.

Although in the case of Twenty Eleven, we could get away with just styling the “aside” class, chances are you only want a bio dropdown box on one of your divs anyway, so we’ll get more specific.

Luckily with WordPress, it spits out a ton of unique CSS selectors you can use. In this example, it spits out #test-3 which we’ll use from now on.

Note: This may vary depending on your WordPress installation. Use something like Chrome Developer Tools to easily find the selector.

HTML Markup

In this example, the HTML markup can be placed directly into the WordPress text widget. This is what you’d put in:

<div class="bio-dropdown">
<img class="photo"  alt="Leland!" src="http://www.themelab.com/wp-content/themes/themelab5/images/leland-medium.png" />
<p>Hello. I am Leland Fiegel and I am the creator and founder of Theme Lab. I love to write code, especially HTML, CSS and for WordPress.</p>
</div>

Unless you want to steal my identity, you’ll probably want to replace the photo with a picture of yourself. You can also optionally remove it.

Since we’re using a WordPress widget, the outlying markup is already generated for us. This is what it is in total.

<aside id="text-3" class="widget widget_text">
<h3 class="widget-title">Bio Hover</h3>
<div class="textwidget">
<div class="bio-dropdown"><img class="photo"  alt="Leland!" src="http://www.themelab.com/wp-content/themes/themelab5/images/leland-medium.png" /><p>Hello. I am Leland Fiegel and I am the creator and founder of Theme Lab. I love to write code, especially HTML, CSS and for WordPress.</p></div>
</div>
</aside>

If you’re doing this on a raw HTML site, you’ll need some sort of wrapper (like this one is the aside) for the bio dropdown with something else in it, otherwise there’s nothing to hover over to drop down.

Real-life example: My bio dropdown div is inside an li tag in my navigation menu.

First Two Lines of CSS

The first two lines really set up the rest of it, so I put this in its own section.

#text-3 { position: relative; }
.bio-dropdown { display: none; }

Explanation

• First line: We set the wrapper of the bio dropdown to have relative positioning. This makes it easier to absolutely position the bio dropdown box closer to the original wrapper.
• Second line: This essentially makes the bio dropdown box invisible by default. It’s only supposed to show up when you hover over something, remember?

Note: If you’re not a fan of display: none; or think it hurts your SEO or something, you can also use something along the lines of position: absolute; left: -100000em; which will basically move it so far off the page, noone would ever see it anyway.

The Rest of the CSS

The following CSS code handles the look and feel of the bio dropdown box.

#text-3:hover .bio-dropdown {
display: block; z-index: 99;
position: absolute; top: 25px;
background: #ccc; padding: 10px 10px 0 10px;
font-size: 11px; line-height: 18px; color: #666;
}

Explanation

This is where we finally use the #text-3 selector along with the :hover pseudoclass to make the bio dropdown box show up only when you hover over the text widget.

• First line: The display: block; makes the bio dropdown box visible. The z-index: 99; ensures that the box will be displayed over everything else, unobstructed.
• Second line: This positions the box below the aside about 25 pixels.
• Third line: These are just some cosmetic styles, setting the background to a light gray with decent padding.
• Fourth line: This is all self-explanatory typography.

Note: About the first line, if you’re using the position: absolute; left: -100000em; technique instead of display: none; like I explained above, using display: block here wouldn’t be necessary (since divs are already assumed to be block level elements anyway). Instead you’d have to use left: 0; to move the div back onto the page.

And for the image, just a simple float and right margin.

.bio-dropdown .photo { float: left; margin-right: 10px; }

WordPress Integration

I can’t think of a good way to integrate this into a dynamic WordPress menu (wp_nav_menu) without filtering the crap out of something. The easiest way may be to hard code your navigation and get over it (which I do on all of my sites).

If you have any techniques on how to insert markup into a WordPress menu item, which is required for this, I’d love to hear about it in the comments. I’m sure it’s possible but it goes beyond the scope of this CSS tip post.

Conclusion

Yes, I realize you probably wouldn’t want to put a bio dropdown in your sidebar, you’d put it in a place with limited space that doesn’t have room for it to be fully displayed (like a cramped navigation bar).

Fortunately, you can use this teqhnique just about anywhere. I just wanted to go over a basic technique on how to display a whole div on hover.

It’s not too complicated and you don’t need any fancy Javascript stuff to do it, although if you wanted some high-tech fading effect, you’d probably have to use some Javascript.

Related posts:

1. Seamless Image Rollovers Using CSS
2. Make A Custom Twitter Widget Without A Plugin
3. Guide to Styling the WP-PageNavi WordPress Plugin

December 5th, 2009. This was the date I last redesigned Theme Lab, which coincidentally was also done by James McDonald. Here’s a screenshot below for posterity purposes.

The Homepage

Probably the most prominent feature in the new design is the homepage design, which is notably different than the blog-style homepage of the previous design.

At the top are the three latest posts, then below a few featured articles to the left of a subscription area. Below are the latest five themes displayed in an interesting non-slidery way.

The Rest

Most of the rest of the features of the site are more are less the same, including threaded comments, tag pages for different types of themes, etc.

There’s a bit less emphasis on social media stuff, especially on the single post pages where I’d have share icons for MySpace, Technorati, and other sites you probably don’t even use.

There’s still a simple Facebook/Twitter link on the left side of the content area on single posts though. If you really feel the need to share a link on MySpace, however, feel free to do that as you normally would, but without the aid of a social networking icon link here.

Recommended Products

On every non-post page (except the homepage) I have a listing in the sidebar for “Recommended Products,” which are basically just affiliate links to paid WordPress themes and plugins I would recommend to others.

On single posts, this area is replaced with a “Related Posts” section.

Conclusion

So that’s about it. There may be a few kinks here and there, if you notice anything feel free to let me know in the comments (that are still threaded, by the way).

Oh and also, if you’re using IE6, this site probably looks like garbage because I use a lot of transparent PNG images, and I don’t intend on fixing it either. View it in a modern browser.

Let me know what you think in the comments! Oh yeah, and hire James McDonald for all your design needs, and hopefully me to code it.

Related posts:

1. New Theme Lab Design by James McDonald
2. Brand New Design on Theme Lab
3. Simply Minimal WordPress Theme Review

As the title says. Yes, it’s really been that long. This year has been relatively quiet compared to previous years. In the past year, four free WordPress themes were released along with two free
">CSS templates. There was also one “donation” theme.

Like I outlined in my Thank You theme post, I’ve been a bit busy the past year off at school, hence the lack of posts. In the rest of the post, I’ll outline some future plans for the site.

The Future

First of all, a new site design is in the works. In fact, it’s already been designed. You can probably spot a few teasers on James McDonald’s Dribbble page, who was also the designer of the current theme you see here.

There are a few more theme releases in the works, which may or may not be commercial.

Conclusion

I hope to have some new themes and tutorials published in the coming weeks. Thanks for sticking with me so long, even through the times of not so much activity (like the past few months).

Related posts:

1. Theme Lab is 2 Years Old – Another Year In Review
2. Theme Lab Is 3 Years Old Today – Massive Three-For-All Giveaway
3. The Best of Theme Lab in 2009

It’s that time of the year again. As some of you might remember, I attended WordCamp Raleigh last year as well and had a great time (and even got video interviewed!).

This year looks like it’ll be a great follow-up with a great lineup of speakers. If you’re going to be there, let me know. I’d love to meet you and/or see you again. I should be arriving Friday and will stay until Sunday.

If you haven’t registered yet, and would like to, there are still tickets available as of publishing this post at $45 each. Below is a link to register.

P.S. If you don’t know what I look like, see the video interview linked to above. My appearance hasn’t changed that much since a year ago.

Related posts:

1. Video Interview at WordCamp Raleigh
2. I Am Attending WordCamp Raleigh
3. I Was Interviewed At 1stwebdesigner

It’s been a while. Two months and 15 days to be exact. What have I been up to? I don’t really go much into my personal life here, but starting at a new college this past year has consumed a lot of my time.

I’m participating in my school’s Relay for Life program. For those who don’t know, it’s a fundraiser for the American Cancer Society, culminating in a 12-hour event throughout the night. There are 5 days until the event.

I don’t ask for much here, but I wanted to make a quick solicitation here for donations. In return, I’ve developed a pretty simple Twenty Ten child theme that I’ve entitled, Thank You.

More About the Theme

• Coded in almost entirely CSS, the only image is for the sidebar list item backgrounds
• Makes use of WordPress 3.0 menus, supports descriptions too
• Widgetized sidebar
• Check out the demo

Being coded in almost all CSS makes it really easy to customize the colors. Also make sure to utilize the WordPress 3.0 menus with descriptions, otherwise the menus will look weird.

How To Donate

It’s pretty simple, just go to my personal Relay for Life page and click the “Donate” button. You’ll be taken to a page which will let you donate by credit card, directly to the American Cancer Society. There is a minimum donation of $5 (set by them, not me).

There is also an option to mail in your donation but credit card would probably be more convenient. Any donation is greatly appreciated.

P.S. To any Jersey Shore fans, the “DTF?” on my shirt stands for “Down to fight?” and not what you’re probably thinking.

How To Get the Thank You Theme

After you’ve donated, simply e-mail me directly at lelandf@gmail.com or my contact form with the full name you donated under. I get a notification of all new donations so I’ll know who donated what.

I’ll respond with the child theme as an attachment. I’ll be trying my best to monitor my email box throughout the day.

Support Policy

You should think of this theme as a simple token of my appreciation for donating, not like you’re purchasing a premium theme with support expected.

I have tested this theme pretty thoroughly with theme unit tests and such. And keep it mind it’s a Twenty Ten child theme, so the core theme should always be up-to-date with the latest WordPress standards.

Of course, if there’s some grievous error within the theme, just let me know via comment or email and I’ll look into it. Anything customization related, however, I really can’t offer support for it.

License

GPL. Once you have hold of the theme, you can do pretty much whatever you want with it.

Conclusion

I’m not a big fan of apology posts, and only like to post if I have something actually worth posting. All I have to say is, expect some more activity this summer when I have more time.

And keep following me on Twitter, as I still do check it every day, despite my evident lack of regular tweets.

Most importantly, thanks so much for supporting this cause. If you have any questions or comments feel free to shoot me an email or leave a comment below.

Related posts:

1. Page.ly Free Site For Life Giveaway Contest
2. Resurrected Themes – Bringing Old WordPress Themes Back to Life
3. Theme Lab is 4 Years Old Today

Just yesterday, Lisa Sabin-Wilson of WordPress for Dummies fame, announced a new venture called Allure Themes.

She was nice enough to grant me an interview here on Theme Lab to offer more insight on her decision to launch a commercial theme business, and more.

Read on to see the rest of the interview with Lisa. My questions will be in bold with the responses below.

The Interview

Already being an established book author with WordPress for Dummies, as well as a succesful custom theme designer at E.Webscapes, why take the plunge into the commercial theme market? Why now, especially with the market being as saturated as it is?

I’m always interested in new challenges and trying things I’ve never done before. I’ve always done custom design work, but never experienced what it takes to release product for mass consumption – I saw this as an opportunity to try something new. Certainly not *new* by the standards of the overall commercial theme market – just new for me.

In terms of the market being saturated? Many argue that the custom design market is saturated with amazing competition, yet I do pretty good for myself in that arena, and nearly every custom design provider I know is turning away more work than they take because there is SO much work out there.

I don’t think it is for me, or anyone else to say that any market is saturated until it proves itself so through natural selection. That said, I’m a firm believer that there is always room for dessert.

I answered an interview question for Ryan Imel over at WPCandy recently on the future of WP Themes in 2011 and part of my answer included the emergence of themes targeted towards particular markets and niche areas – I see Allure doing exactly that with themes designed for women.

You described Allure Themes as a commercial theme provider providing themes “just for women.” How will the themes cater to women exactly?

Hard to explain, really – it’s a design style that may appeal to some women. As a custom theme provider, I do fill custom requests for people using existing frameworks or themes. A large portion of those clients of mine come to me with commercial themes and say “Make it girly” or “Pretty this up for me” – that kind of thing.

We’re talking colors, design elements, flourishes and special touches that create a particular look and feel that some women want.

We are talking “sun room” not “man cave”. Does that make sense? Note: since our announcement, some people assume this means Pink. While there will be pink – and periwinkle and black and purple and green and….you get it.

We have niche theme sites for bands, politicians, but none (as far as I know) for women, which makes it a relatively untapped market. How are you expecting this niche market to respond overall?

With themed designs that are geared toward areas that are important to women. Some examples? Mommy blogging, pregnancy blogging, health and beauty, women entrepreneurs, women in sports – I could go on, but you get the idea. The style I have in mind may not appeal to all female bloggers and site owners out there – but I do have a clear picture of what many are looking for just through the mountain of custom design requests from women that I take through E.Webscapes. This is not to say that existing commercial themes don’t fill this need; Allure just provides another option with a targeted focus.

It seems like iThemes will play an important role in terms of supporting the themes from Allure Themes. Why choose iThemes for this role? Can you give us any more insight on the role iThemes will play in the development and support of Allure Themes?

iThemes has a proven and successful history of providing and supporting commercial products in the WordPress community. They know what they are doing and are very good at what they do. Over the years, I have developed a solid relationship with the team at iThemes and have 100% faith in their abilities. Having iThemes on board is my dream team and Allure users know, from day one, that there is a solid, experienced team in place to support the themes, answer their questions and build community.

How does the organizational chart look? Because I am one person and they are a full team of people – iThemes brings stability to Allure from day one. iThemes is providing the backbone for support, sales, marketing and affiliate program management. Basically, they focus on all the back end stuff which leaves me free to focus on the creative design and development.

Do you plan on using a framework for your themes, similar to what StudioPress does with Genesis and its child themes? Or will they be standalone themes? Why?

Yes, and no.

I am definitely going the way of parent/child themes at Allure because it absolutely makes the most sense for both myself, and our users. A parent/child theme set up is the best of both worlds for everyone – making it easy for me, the developer, to operate within a solid foundation and provide upgrades to our users that won’t break their own customizations and hard work. It’s a win-win.

That said, WordPress is my framework and Allure will not seek to re-invent that wheel. I intend to keep it simple, work within a clean parent theme that provides a solid, basic foundation for our users that will be there when they need us, and politely steps out of their way when they don’t.

You are also the author of BuddyPress for Dummies, which begs the question, are there any plans for offering BuddyPress themes as well as WordPress? What about other platforms?

Interesting you are not the only person to ask that question – funny how one little book can pigeon-hole a person, isn’t it?

Of course I want Allure to provide the features and functionality that our users seek. Over the past year at E.Webscapes, we’ve seen a literal explosion of BuddyPress site requests and have been doing quite a lot of BuddyPress work for our clients there, so I do see this as an ever growing, emerging need; especially as BuddyPress becomes more and more brilliant with each new release. Providing a BuddyPress Addon for Allure is definitely something I intend to pursue after I get the party started with the initial launch.

You’re part of the secretive MassivePress project, will the launch Allure Themes have anything to do with launch of MassivePress?

MassivePress launches this week and we are all very excited about it. By “we”, I mean our founders: myself, Jason Schuller, Cory Miller, Michael Torbert, Carl Hancock and Grant Griffiths — just a fabulous group of people, with amazing talent to boot! I can’t say enough about these guys – I love ‘em. I guess that’s why I am very happy to be a part of the core MassivePress group.

I can’t go into much more detail about MassivePress until its launch, at which point I will be more than happy to yap about it. But, in terms of Allure… I can say, without divulging too much; Allure is a stand out example of what our mission and purpose for MassivePress is all about. Our pre-launch web site has been online since November (to be replaced by our official site later this week with our launch). I’m not giving away any secrets when I quote our words found there: “A coalition of like-minded WordPress entrepreneurs who think we can do more together than apart.” Stay tuned.

Anything else you’d like to say about Allure Themes or anything else?

My email has been popping since the announcement of Allure on Wednesday morning – so let me answer some of the questions that have cropped up most often:

Launching Allure does not mean that E.Webscapes is going away. E.Webscapes continues to be a strong business and one that intend to continue building. On the contrary, I see Allure and E.Webscapes working together in perfect harmony.

Yes, Allure will port to popular theme frameworks and make child themes for iThemes Builder, Headway and Genesis available on AllureThemes.com. It makes sense to provide a full array of choice to our user base. (eventually, after our initial launch)

Yes, Allure will be fully 100% GPL across the board, no questions asked. iThemes, and myself, fully respect the GPL and intend to operate within.

Ok, one more – follow us on Twitter: @AllureThemes

Thanks so much for your time and interest, Leland – hopefully we bump into one another at another WordCamp sometime this year!

Conclusion

The interview above is unedited, aside from myself adding a few links. I’d like to thank Lisa for taking the time to do this interview, especially so soon after her announcement. This will definitely be an interesting commercial theme venture to keep an eye on in the future.

Oh, and if Twitter isn’t your thing, you can also subscribe to Allure Themes’ newsletter to keep up with the latest updates.

What do you think of Allure Themes?

Related posts:

1. Interview with the Owner of Premium Mod
2. Commercial Themes and the GPL
3. I Was Interviewed At 1stwebdesigner

To honor the anniversary of WordPress today, Ben Welch-Bolen of Site5 hosting has created a little thank you site with a free WordPress Anniversary Theme. On the site, you can download the theme, and leave a small thank you message.

Theme Features

The theme itself is pretty good looking (click the screenshot above for a live preview) and has a number of useful features.

• Different layout options
• Menu management
• Widget ready (sidebar and footer)
• Check out the theme documentation for more info.

Conclusion

Pretty cool to see a dedicated WordPress appreciation site like this, plus the free theme makes it all the sweeter.

Related posts:

1. Underwater – Free WordPress Theme
2. WP Sleek – Free WordPress Theme
3. Elegant Themes Releases New Theme Options Page

Imagine this scenario, you find a really cool snippet of code on one of the many WordPress tutorial sites out there and paste it in your theme’s functions.php file.

The code snippet works as advertised, and you then release your theme for sale on a well-known theme marketplace. Let’s pick a random one out of a hat and go with… ThemeForest.

Suddenly your theme becomes really popular, may be because of the massive list of apparently useful “features” you have listed on your theme’s sales page. With your theme’s success, also comes a number of support queries, mostly to do with plugins breaking while using your theme.

How did this happen, you wonder? Maybe it’s because you blindly pasted random globs of WordPress code into your functions.php file without actually thinking about or anticipating any potential compatibility issues.

A Real Life Example

So, I was trying to find a snippet of code that would pull all the attached images from a post and then display them on that post automatically. I eventually found a piece of code on Stack Overflow, pasted it in my functions file, and it appeared to solve the problem.

The first line of code was the following:

add_filter('the_content', 'strip_shortcodes');

Oh well, it worked, I didn’t think anything of it. I later tried to embed a contact form with a shortcode. Surprise, it didn’t work and I spent about an hour trying to figure out why. If I actually read through the code I was pasting, I would’ve known.

This was for a client site, not a released theme, so luckily I didn’t have to deal with a deluge of support queries due to my stupid mistake.

What Commercial Plugin Developers Think

Here’s a quote from Carl Hancock (developer of Gravity Forms) on this very topic:

Supporting the popular Gravity Forms plugin means we see more than our fair share of poorly coded themes. One of the primary support related issues we run into are themes that aren’t developed using best practices, which results in Gravity Forms styling issues and in some cases conflicts that result in Gravity Forms not functioning properly.

The biggest culprit in these situations are themes that include code snippets copy-n-pasted from tutorial sites. Theme developers seem to think that just because the code snippet was on a tutorial site, it must be good. Unfortunately that isn’t always the case and these poor decisions result in headaches and support issues for users.

Want to limit the potential for running into issues with plugins caused by a poorly developed theme? Stick to reputable theme developers such as Press75, iThemes, Headway Themes, Organic Themes, WooThemes, and StudioPress to name a few. Be weary of theme marketplaces where the experience and skill set of the author may be lacking. In most cases you get what you pay for.

Coding Best Practices

A lot of these issues can likely be avoided by following WordPress coding standards. For example, you should be prefixing your function names to avoid any potential conflicts.

In the case of styling issues with Gravity Forms, you may want to avoid certain blanket styles on form and input elements, and instead use WordPress default ID selectors for the bulk of your form stylings.

These includes #searchform, #s, #searchsubmit in the search box. Also #commentform #author, #url, #email, #comment, #submit for the comment form.

Conclusion

If you’re a theme developer, and not too well-versed at PHP, be careful when copying and pasting these code snippets into your theme. Even if you’re not that great at PHP, you can at least read through the code and try to make some sense of it before using it.

Like if you find that your shortcodes aren’t functioning properly, a line of code that mentions “strip_shortcodes” might have something to do with that.

Sometimes I get the feeling that WordPress theme developers just paste random snippets in their functions.php file, just so they can list another “feature” on their theme’s sales pages.

While I’m not a big fan of this sort of idea, it gets into a whole other argument on the role of themes and plugins on WordPress sites, which I’ll save for a future post.

Related posts:

1. Remove Unnecessary Code from wp_head
2. WordPress Weekend Resources – June 5, 2009
3. Stop Downloading WordPress Themes from Shady Sites

Michael Soriano of Fearless Flyer recently released a free PSD template called “Your Blazing App.” Like my Corporate Blue release (also designed by Soriano), I’ve also coded this one into XHTML/CSS for free download.

Description

Like the Corporate Blue template, this layout consists of just a homepage. It’s designed for phone-related app website, but can be customized into a lot of other different uses. Here’s a description from the release page:

The layout itself is very modern. The page is housed in a beautiful etched container with very subtle textures. The large feature section showcases the “Apps” main message with large “call to action” buttons to get the viewers to instantly join.

There’s a blue ribbon separating the main section and the latest posts / sidebar. I imagined this to be an expanding area for categories and what not. Typically a little javascript should do this trick. The rest is pretty conventional, icons, typography, grid spacing and pixel perfect alignment.

I didn’t actually code the Javacsript part of the blue ribbon to make it expand, although the “Click here to expand” link is styled as a link so it shouldn’t be too difficult to integrate whatever Javascript you want.

Twitter Widget Compatible

I coded the Twitter list on the sidebar to easily integrate with their Javascript Twitter feed. I wrote more about this on my custom Twitter widget tutorial

With this template, pretty much all you have to do is place the following code at the end of your document (just before the closing body tag). Of course, you’ll have to replace the USERNAME with your actual Twitter username.

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USERNAME.json?callback=twitterCallback2&count=3"></script>

You’ll also want to empty out the sample content in there so it says something like the following:

<ul id="twitter_update_list"><li>Twitter feed loading</li></ul>

Want More HTML Templates?

I know Theme Lab is primarily known for WordPress themes, but I want to gauge interest to see if you’re interested in just XHTML/CSS templates. Would you be interested in more?

There are plenty of resources nowadays to get free PSD layouts, which means many potential coded templates here in the future.

I think examining the code of these (in my opinion, although I’m a little biased since I coded them) cleanly coded templates could in turn improve your overall WordPress coding skills. HTML and CSS is a major part of that.

Conclusion

I’d love to hear your thoughts in the comments. Oh and thanks once again to Michael of Fearless Flyer for designing the actual template!

Related posts:

1. Corporate Blue – Free XHTML/CSS Template
2. Are you a free CSS template designer?
3. Bravissimo – Free PSD + XHTML/CSS Template

If you’re not following me on Facebook or Twitter, you may not have heard yet, but I am presenting at an upcoming WordPress DC meetup!

It will be on Tuesday, January 11th at 7 PM located at Fathom Creative‘s office in DC. More details on location, parking, etc. can be found on the meetup page (linked previously).

What I’ll be talking about

I’ll be talking about how to edit your themes through just CSS. More specifically, how to edit them through the classes output by WordPress functions such as body_class, comment_class, and post_class. Each will come with a practical example.

Slides

Click the image below to launch the slide presentation.

Sample Child Theme

Can be downloaded here.

Conclusion

These slides are pretty much finished but I may edit them between now and the presentation. I also might update this post in the future with additional information and presentation materials.

If you happen to be in the DC area, I’d love it if you could make it! All you have to do is sign up with the WordPress DC meetup group and RVSP to the event.

Related posts:

1. Change Your WordPress Author Name…Please
2. Child Themes, Coming to a WordPress.org Theme Directory Near You
3. Justin Tadlock Launches WordPress Theme Club

2010 was a great year for WordPress. It introduced the much anticipated release of WordPress 3.0, along with a new default theme aptly named: Twenty Ten.

2010 was also a great year for Theme Lab, releasing lots of cool new content including free WordPress themes, tutorials, reviews, and other WordPress and coding related goodness. I’ll list some of the highlights below.

Reviews

In 2010 I reviewed some pretty cool WordPress themes and plugins, here are some of my favorites:

• Builder Theme Review – In this theme review post, I went over iThemes’ Builder theme which features a layout builder feature (hence the name).
• Carrington Build Review – Another “layout building” WordPress product from CrowdFavorite.
• Quality Control Theme Review – This theme lets you turn WordPress into a ticketing system, definitely one of the more innovative themes I’ve seen in a while.
• WordPress SEO plugin review – This complete WordPress SEO plugin by Yoast is definitely my new SEO plugin of choice.

Theme Lab Downloads

Back on Theme Lab, I released some cool new design-related goodies.

• Astatic theme – I designed this Thematic child theme myself, and even posted a follow up tutorial on how I developed it.
• TL Tweets – This free tweet archive theme (which is based on my own tweet archive site) is a great way to display all of your backed up tweets.
• Cool Blue – A great looking free WordPress theme which I ported from a Styleshout template of the same name.
• SilverBlog – Another cool free WordPress theme, designed by Roshan of CSSHeaven.
• Massive Free PSD Giveaway – If WordPress isn’t your thing, I also posted a bunch of free PSDs designed by Anto.

Other Articles

• How To Spell WordPress – A quick write-up about the infamous “capital_P_dangit” filter, along with an intro to my WP CamelCase minisite.
• 15 Do’s and Don’ts of Effective WordPress Theming – A guest post by Mike Smith listing some WordPress theme development tips. The article gathered over 100 retweets on Twitter.
• Resurrected Themes – An idea for bringing back outdated themes as up-to-date child themes. Although it didn’t catch as much steam as I would’ve liked, I did ressurect the Braintied theme by Small Potato.

Other Milestones

Most notably, Theme Lab turned three years old which I celebrated with a massive giveaway of many popular commercial WordPress products.

On a personal level, I also attended my first WordCamp which led to a video interview by Jeff of WPTavern.

Conclusion

Thanks for sticking with me through another year. Let’s hope for a great 2011 for the entire WordPress community!

Related posts:

1. The Best of Theme Lab in 2009
2. TL Tweets – Free WordPress Theme
3. Theme Lab is 4 Years Old Today

Ever since WPCandy was brought back to life around four months ago it has been, easily, one of the best places to find constantly updated WordPress news.

For a while I used it almost solely to keep track of all the happenings in the community, not having time to dig through all the noise on Twitter on a daily basis.

Being an iPhone owner, I was especially excited to hear that they released an app for it. I recently had the chance to try it out and my findings are below.

Buying the App

The app currently costs $0.99 in the App Store. Just search for “wpcandy” and it’ll pop up.

The Home Screen

By default, the WPCandy app shows the latest posts on the home screen.

It utilizes scrolling to navigate through all of the latest posts, which are separated by day.

At the top right, there is a refresh button which checks if there are any new posts available (which is also visible on every other tabbed page except “More”).

On the bottom are tabs to navigate between other categories from the WPCandy website. By default, they are:

• Popular
• Interviews
• Reviews
• More

If you aren’t happy with these, not to worry, they can be customized later (which I’ll get to later in the review).

Normal Single Post

The single post is about what you would expect. The top menu changes around a bit with:

• A button to return to the previous category screen
• A button to open in Safari or share via email
• Buttons for previous/next post navigation

…in that order.

The bottom menu is also removed in favor of more space for content.

There are no comments displayed, although if you really want to see the comments on a specific post, you can always use the “Open in Safari” feature to read them.

Interview Posts

As of now, all of the posts included on the “Interviews” tab are videos.

When selecting an interview, you will be taken to an alternate version of a single post view which is basically a link to the corresponding YouTube video.

After tapping the video thumbnail, you’ll automatically be taken to the YouTube app which then plays the video.

After you’re done with the video, you can leave the YouTube app and end up right back where you started in the WPCandy app.

Configuring the Tabs

As I mentioned above, you can also configure the featured tabs that are displayed at the bottom of category pages. Besides the default ones, you also have the following available on the “More” tab:

• News
• Tutorials
• Editorials
• Features

To configure them, select the “Edit” button on the top right of the “More” page.

Simply drag the corresponding icon to the tab area below you want replaced. In the picture I’m dragging the “Tutorials” icon.

Some Limitations

The biggest limitation seems to be not being able to dig past 25 posts in any given category. There is also not a search feature as far as I can tell, so if you’re looking up an older post or want to search for specific keywords and such, that option is not available at the moment.

According to the most recent post about the WPCandy app, Ryan says that, “We have a few enhancements coming to the iPhone app very soon.” So maybe these search features are already in the pipeline.

Conclusion

Currently priced at $0.99, this app is definitely a great deal to stay up-to-date with all the news in the WordPress community. Yes, I know you can get all the same information just by visiting their website in Safari, but the app does make it a lot easier and more convenient to browse.

Also if you don’t have an iPhone, you can also build a WPCandy news feed directly into your WordPress dashboard with this plugin.

Related posts:

1. Chocolate WordPress Theme Review
2. Thematic WordPress Theme Review
3. WordPress Weekend Resources – May 30, 2008

Yoast, who you might know from the SEO community or from the various WordPress plugins he’s developed, has now created a WordPress SEO plugin.

I recently had the chance to try it out. You can follow along in my video screencast below, as well as further thoughts later in the post.

A true “all-in-one” solution?

Currently on Theme Lab, I use a few different SEO plugins including All-In-One SEO Pack, XML Sitemaps, RSS Footers (also by Yoast). I’ve also used plugins like Yoast Breadcrumbs on other sites.

Yoast’s WordPress SEO plugin combines all of these features into a single plugin making it much more of an all-in-one solution than other SEO plugins available on the market today.

It even has features like cleaning up the <head> portion of a document (which I went over in the video). I went over how to remove this code manually in a previous tutorial: Remove Unnecessary Code from wp_head

Best of all, you can import and export all of your settings which can be transferred to other sites easily. With plugins like SEO Data Transporter from StudioPress, you can import SEO settings from pretty much every popular SEO plugin or theme framework to be compatible with Yoast’s WordPress SEO.

Conclusion

I’d recommend WordPress SEO by Yoast as a must have plugin. On more recent site developments, I’ve tried to stop using as many plugins which included cutting out plugins like All-In-One SEO Pack in favor of storing meta tags and custom titles hard coded into custom fields.

With all of the WordPress SEO plugin’s useful features covering many aspects of SEO, you really can’t afford not to use it. I plan on switching to the WordPress SEO plugin on Theme Lab in the future.

What do you think of the WordPress SEO plugin by Yoast? If you currently use another SEO plugin or theme framework, would you consider switching?

Related posts:

1. BackupBuddy WordPress Plugin – Video Review + Giveaway!
2. All In One SEO Pack Will Stay Supported
3. The All In One SEO Pack Killer Has Arrived

As you probably already know, all the themes here (at the moment) are free to download. With no other paid products, I’m kinda left out of all the Black Friday WordPress deals this year.

I can offer one thing, however, and that’s my unused domain names. I’ve had some listed before but rarely with fixed prices. For the following weekend, I’ll keep this post up. After that I’ll remove the names and prices from the post. I expect a lot of these names to sell quickly, so act fast.

The Domains

Most are registered at GoDaddy unless otherwise noted. Wherever its registered, a free account change (or “push”) is available.

BasicWebDesigns.com
BeWP.com – $125 (Moniker)
CodingPlanet.com
CommentStyles.com – $25
CoolTutorial(s).com (both singular and plural included, will not separate)
FreePremiums.com – $100 (site negotiable)
LoudPress.com – $35
NakedTheme.com
ThemeBible.com – $50
ThemeCoding.com
ThemeDeal(s).com – (both singular and plural included, will not separate)
ThemeNews.com

Update: Names that are crossed out have been sold already.

“Theme” related domains are very hard to come by these days, so this may be your chance to grab a quality domain to start a new site around it.

How To Buy

Let me know you want to buy through my contact form or via comments. I usually accept payment via PayPal, but let me know if you have another preferred payment method. It’s first come, first served.

I’ll periodically update the list to reflect sales.

Related posts:

1. I Have Lots of Domains for Sale
2. Free Domain + Web Hosting + Premium Themes = ?
3. Ice Breaker – Free WordPress Domain Parking Theme

After a long break between new free WordPress theme releases, we finally have a new one! This one is another designed by CSS Heaven, ported from a free CSS template of the same name.

It has several standard features including WP 3.0 navigation menu support, threaded comments, post thumbnails, and widget-readiness. We’ll get to those features later.

WordPress 3.0 Menu Support

There is a WP 3.0 menu placed in the top right portion of the theme (above the search box). You can also use them in any widgetized area.

Widgetized Stuff

There are widgetized areas on the sidebar, 404 page, as well as the “Featured” box on the main index template.

You can override the Featured box by using the custom “Featured Content” widget in the Featured widget area. You’ll need to input a heading, text, and a full image URL.

Post Thumbnails

There is post thumbnail support on individual post and page templates. There are a couple included in the /images/ directory. Here is a sample of one and the placement (right above the content).

They are set not to exceed 609 pixels in width. Height is up to you, although you may not want to make it too high as it will push the content too far down the page.

License

GPL. You can do pretty much whatever you want with it, modify, redistribute, whatever (except release it under another incompatible license).

Conclusion

Hope you all like the theme. Let me know what you think in the comments.

And of course, thanks again to Roshan of CSS Heaven for designing another great template!

Related posts:

1. Jungleland – Free WordPress Theme
2. Bamboo – Free WordPress Theme
3. RS10 – Free WordPress Theme