Affiliate Skin for the Thesis Theme

Affiliate Skin for Thesis – Updated

by Ben Cook on January 31, 2010

* 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

BUY THESIS | DEMO

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. thesis-export 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 😉

BUY THESIS | DEMO

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>’;
?>

{ 30 comments… read them below or add one }

Ariel November 24, 2009 at 1:36 pm

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)?

Ben Cook November 24, 2009 at 3:22 pm

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.

Lori January 31, 2010 at 2:43 pm

Is this theme broken since it does not pull the picture for the featured even in the demo?? Thx.

Ben Cook January 31, 2010 at 4:47 pm

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!

Lori February 6, 2010 at 8:24 pm

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.

Ben Cook February 6, 2010 at 8:44 pm

Lori, did you install the newest version of the skin?

Lori February 6, 2010 at 8:47 pm

Well I used the same link I had from before (which I believe you said we could use).

Ben Cook February 7, 2010 at 3:14 am

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…

Lori February 7, 2010 at 8:05 am

yes see first two teasers on my test blog. I appreciate your help.

Ben Cook February 7, 2010 at 1:29 pm

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?

Lori February 7, 2010 at 3:23 pm

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. =)))

Ben Cook February 7, 2010 at 4:35 pm

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!

Lori February 8, 2010 at 7:51 pm

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/)

Ben Cook February 8, 2010 at 11:53 pm

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!

Doron Orenstein March 1, 2010 at 3:26 am

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

Walter March 9, 2010 at 10:58 am

Hi Ben,

Thanks for making your Thesis skins available for free. I installed the Affiliate skin and am running into 2 issues.
1. The sidebar menu doesn’t show at all
2. The same problem that Lori had but luckily seemed to have solved: the feature box is not showing. I uploaded the pic I want to use from my hard drive to the post and also put the pic into the custom/images file but the pic is only showing up on the post itself. Could you give me a hint?
Thanks a lot.

Walter

Ben Cook March 9, 2010 at 11:34 am

Walter,

1. The sidebar items are simply widgets that can be dropped into your sidebar.
2. The URL for the image needs to be dropped into the Post Image field that should show up below the post.

Let me know if that helps!

Doron,
For some reason I’m just now seeing your comment. Are you still having issues or did you get things sorted out?

Walter March 9, 2010 at 2:07 pm

Thanks Ben, I did drop the image url into the post image field when I set up the post (which actually is only the image) but still it doesn’t show up.

“…imply drop widgets into your sidebar.” I know this is a no-brainer once you’re familiar with how that’s done. The side bar menu then is a text widget, I’d guess, with html code. I’ve copied the html code from your template using firebug and inserted it to the sidebar, but then the formatting is broken, the menu container isn’t centered and overlaps with the content column. So I’m missing something somewhere. Btw, did you check your mail yet?
Walter

Lori March 30, 2010 at 7:25 pm

Ben do you know if this theme works with the new Thesis release?

Sara May 23, 2010 at 2:37 am

I admit I am pretty new at this…but when I upload the file to site options I get this:

Whoops! The file you attempted to upload is not a valid Site Options file. Please try uploading the file again, or else download a new, valid Site Options file.

This is the file I am using and I am using thesis 1.7.
affiliateskin-thesis-options.dat

Any thoughts or assistance will likely save me hours and hours of going in circles!

Thank you for offering some free skins.

Sara

Ben Cook May 24, 2010 at 12:26 am

Sara, the skin doesn’t uses Thesis’ native settings importer. You need to install the Import/Export plugin as the directions state.

Laurence June 26, 2010 at 11:51 pm

RE: The image not showing up in the features post:
I am using Thesis 1.7 and I think this might happen on 1.6 too?…….

in customfunctions.php I noticed the line:
echo ‘/wp-content/themes/thesis/lib/scripts

when I changed “/thesis/” too “/thesis_17/” the featured image worked.

Ben Cook June 27, 2010 at 12:27 am

Laurence, that’s a very good point. All my skins assume you name your folder thesis, not thesis_16, thesis_17 etc. Good catch!

Sam August 7, 2010 at 6:13 am

Thanks for the free skin Ben. I’m doing something wrong, and I hope you can tell me what it is. I am trying to change the background, so after saving a back up of the background image, I opened it, changed the colors, saved it and uploaded it to the custom/images folder where the backed up orignal was.

Nothing changed. Hell I couldn’t even get anything to change when I changed the image link in the css. I thought it must be that I have this cached, but cleared my cache, and then tried two different browsers…still nothing.

So what do I do to modify the background jpg?

sam August 7, 2010 at 4:52 pm

Nevermind, found the problem. In the css the path for the background jpg wasn’t for the local .jpg file.

Now moving on to try and figure out what the image at the top doesn’t load.

Tinh September 17, 2010 at 5:14 am

Nice skin, thanks for sharing. Tinh

Mi October 21, 2010 at 1:03 pm

This theme doesn’t validate, that’s the gold behind Thesis… Validation
http://validator.w3.org/

Rob McCance January 14, 2011 at 10:15 pm

This is pretty sharp. How do all the rounded boxes hold up on the crappy IE?

I’ve been using Thesis for a long time. Love it, but need to spruce it up a lot.

Ling-en Hsia February 11, 2011 at 2:33 pm

@Laurence
I love you!!

Plus I had the problem uploading it because my site is hosted “within” another site so I needed to change to

<?php
echo ‘’;
echo ‘’;
?>

Reast December 16, 2011 at 3:27 pm

Lori,

Not sure when you had the problems as dates are not diplayed in the posts, but I just read through them all after donwloading the skin, looking to try it out myself, and then I came across your post and I think the last one you mentioned your main site, so I had a look over there hoping to find that you are still using the Affiliate skin, and well, I must say, if you do, you have done an excellent job! Well done!! Uhm, you are still using it right?

Previous post:

Next post: