* This Thesis Skin has been updated. Scroll down for update details. *
Well folks, I’ve been at it again. I’ve created another free Thesis skin!
Now I know, this blog is about WordPress and there’s actually been a release (version 2.8.6) since my last post but frankly, the news in the WordPress world hasn’t really been all that exciting to me lately.
I mean, how many GPL and Update your Installs type of posts do you guys really want to read anyway?
So instead, I decided to spend my time creating something that I hope most of you will get some actual use out of.
Now of course, if you haven’t listened to my constant gushing about the Thesis theme and you’re still not using it, well I just don’t know what to do with you.
For the rest of you, I’m pleased to introduce the Affiliate Skin for Thesis!
Affiliate Skin
As the name suggests, I designed the skin with affiliate marketers in mind. The excerpt and post image of your latest featured post, say one promoting your highest converting offer, is dropped into Thesis’ built in Feature Box and displayed front & center on the home page. The goal of the skin is to draw attention to the featured offer, provide a clear call to action & help increase your conversions. Other than that, it’s a fairly simplistic skin. And, thanks to Greg Boser & the team over at 3 Dog Media, installing it is a pretty simple process as well, but we’ll get to that in a minute.
Requirements
The only requirements for using this skin are the actual theme, Thesis 1.6, and Greg’s Thesis Import/Export plugin (v 1.2). That’s it!
Installation
Enter your name and email address in the field above. Don’t worry, we’re not going to be spamming you. We simply want to be able to alert you when we’ve updated the skin or released new ones you might be interested in. Once you’ve registered your information you’ll receive an email with a link to the zip file. You’ll need to unzip the file and drop the custom.css and custom_functions.php files into your custom folder.
Tip: Always save copies of your current files before uploading the new versions. They’ll act as a safety net of sorts in case anything should go wrong or you make a mistake.
Drop the affskin-bg-vert.jpg file (in the images folder) into the images folder inside your custom folder (should be something along the lines of thesis/custom/images). Install and activate the Thesis Import/Export plugin.
On the Thesis Import/Export page (as seen in the screen shot above), select browse under Thesis Options and select the affiliateskin-thesis-options.dat file and click Import Options. In similar fashion, under the Design Options section select the affiliateskin-thesis-design-options.dat file and click the Import Options button to the right.
Warning! Importing these options will overwrite any of your current options. However, it also saves me from having to explain every single option I’ve clicked as I did with previous skins.
Once the settings have been imported, I recommend deactivating the Thesis Import/Export plugin until you need it again. The last thing you want to do is get your site set up just the way you want it and then accidentally overwrite something. The final step is to create a category titled “featured” and add the post of your choice to the category. This will determine which post & image is pulled onto the home page in the featured section.
Using the Skin
As I mentioned earlier the featured post function is placed within Thesis’ Feature Box and as such, you can decide whether to display the section site-wide or just on the home page. I’ve opted to only display it on the home page but once again, the flexibility that Thesis offers makes it a simple option to change. Also, I’ve made use of the built in thumbnail function to automatically crop any image used as your featured post to 560 x 282. This prevents larger images from breaking the layout while not requiring you to do any of the cropping manually.
Disclaimer: Images smaller than the 560 x 282 dimensions, or long excerpts (for those of you who drop the excerpt in manually) will cause some display issues in the featured section. There might be a better method for handling these types of irregularities but to be perfectly honest, I couldn’t figure one out. If you’re a CSS & PHP guru and have suggestions, feel free to drop them in the comments or drop me a line via the contact form.
Customize to Taste
As with any of my Thesis skins, please feel free to make any changes or modifications that your little heart desires. But be sure to come back and share your adaptations here so we can all ooh and ahh over your fine work.
Of course, if you have any questions or run into any problems using this, or any of my other skins, please feel free to drop me a comment and I’ll do my best to help you sort it out. Although, I will admittedly be a bit more motivated to help if you haven’t removed my small attribution link in the footer
Update 1.31.2010: If you’ve had a problem with the Featured Post section pulling your image automatically, you’ll probably want to redownload the skin. I’ve updated the zip file so if you have an old link to it, that’s fine. If you need to download it again, you’ll need to register using the form to the right. This is going to allow me to update you guys any time a problem like this crops up again.
If you want to make the change yourself, you’ll need to go to your custom_functions.php file and replace this code:
<?php
echo ‘<img id=”feat” src=”http://affiliateskin.wpblogger.com/wp-content/themes/thesis/lib/scripts/thumb.php?src=’.$image.’&w=560&h=282&zc=1&q=100″></a>’;
echo ‘<div>’;
?>
with this code:
<?php
echo ‘<img id=”feat” src=”‘;
echo get_bloginfo ( ‘url’ );
echo ‘/wp-content/themes/thesis/lib/scripts/thumb.php?src=’.urlencode($post_image['url']).’&w=560&h=282&zc=1&q=100″></a>’;
echo ‘<div>’;
?>





{ 1 trackback }
{ 15 comments… read them below or add one }
Thanks for developing free skins for these, makes a lot of sense to me and I’m tempted to give it a try myself. I have a question – Do your skins allow for multiple column layouts, or do they over-ride the column options in Thesis (such as this one does in the demo with a 2 column layout)?
Ariel, I believe the skins handle multiple columns just fine.
Now importing the option files as I’ve instructed with this one will override any of your current settings, however, you can always go back and change them to suit your tastes.
Is this theme broken since it does not pull the picture for the featured even in the demo?? Thx.
Lori, it looks like you’re correct. The problem is caused by an error that to be honest, I’ve never encountered. I’m working on a solution though & will update you asap.
Sorry for the inconvenience!
I have played with this theme, but still can not get the picture to feature. (this is my test blog http://www.laurelwreathsreflections.com/test/). The test shows up but not the picture. Any suggestions??? (I already did a clean install of a Thesis) Thank you.
Lori, did you install the newest version of the skin?
Well I used the same link I had from before (which I believe you said we could use).
Lori, that’s the correct code. Can you enable thumbnails in your teasers? That might show us whether or not the thumbnail script is being blocked by your host or not…
yes see first two teasers on my test blog. I appreciate your help.
Lori, I figured it out! You’re hosting your images on flickr, not uploading them to your own site as expected.
The reason the thumbnails are working on the first two teasers is that you’ve dropped an image into the Thumbnail image field on those posts.
Normally, if you simply had a post image (like you do on the first two posts on your site) the thumbnails would generate automatically. My guess would be if you tried it that way the thumbnails wouldn’t work either since you’re using images from flickr rather than uploading them to your own site first.
Does this make sense?
Thank you so much. You know what is funny is I have been using Thesis since the beginning, I have learned enough to be dangerous, but for some reason I never learned how to do the post image thing.
THANK YOU, got it working. I greatly appreciate your help. =)))
Haha I’m glad we got it figured out. Besides, your problem helped me realize there was a bug in the original version of the skin too so it helped both of us
Enjoy!
Ok I thought I just left a coment but do not see it.
Ben I am so sorry to be a bother again. I had everything perfect on my test blog but when I switched it to my main blog the feature image won’t work (but thumb nails do–tested that). Any suggestions? (main blog http://www.lorisreflections.com/)
Lori,
Sorry I wasn’t able to respond sooner. It looks like you’ve got the issue figured out?
I took a quick glimpse on my way out the door & it looked like there wasn’t an image set for the post you were trying to pull into the featured section?
In either case, it seems to be working now and the site looks great! Well done!
Hello Ben,
I must be doing something wrong, but I just uploaded this skin following your instructions, and this is what I ended up with:
http://snipurl.com/ukr4a
Have you seen this issue before?
Thanks so much,
Doron