I have been working on a new website recently – On My Bike. It’s a personal motivation website, I’m doing a lot of thinking, reflecting, etc. while I shop for a new bicycle. Once I get the bike I want to monitor some stats, etc. So I use IFTTT to relay data from my bike rides, scale, etc. to that new WordPress site. Those posts are automatic and I don’t get to set my featured image as they post. The theme I am using really looks best when featured images are included, so I wanted to add specific featured images per category since my auto posts are assigned their own categories. Here’s how I got that done.
We spent yesterday figuring out how to get rid of all the green in 2014 and set up a new colour. I like the looks of that, but there is still one more thing bugging me. I’ve had several posts over the years about the same thing. I don’t like how narrow things are in the theme! Well, here’s a quick fix to change that!
We just recently switched over to the new Twenty Twelve theme on VoodooPress, and it’s quite a nice theme! But one thing I saw immediately, it’s too narrow! I have been on a kick lately of trying to get all my sites to have nice, lightweight, clean themes. Twenty Twelve fits the bill. But it seems that everyone wants really narrow websites. A lot of folks have bigger monitors, I want to use some of that real estate. I’m not going to cover anything drastic here, but you can go as big or as small as you want with some careful planning. Note that, even though I’m showing how to make the theme wider, this will also work to make the theme narrower. Let’s dig in!
A while back, we had a pretty hand tutorial on how to work with the featured image functionality in WordPress. We covered a fair bit of useful info in that post. How to get going with the image, how to set sizes and use them, and how to display featured images. One thing we did was show, using a conditional, how to display a default image. Basically if an image isn’t set, display a selected image. A few people have asked how to actually set a default image as the featured image for a post if one isn’t set, rather than just display a default image. Here’s the trick:
Here’s a nifty trick that just came through my RSS reader. Let’s give credit where it’s due first because I didn’t come up with this! It came through my reader from the WP Snippets site, this post right here. We’re going to grab the first image from the post, and set it as your featured image automagically!
I keep mentioning that I’m slowly working on a custom theme for my personal blog. I work in fits and starts whenever something inspires me. Well today that inspiration struck! I saw this post from c.bavota of bavotasan.com and I really wanted to work this out. One of my main goals for my new theme is to keep things lightweight, and use css whenever possible. This gave me my opportunity! First you’ll need to check out the link above to see how the idea works. Then we adapt:
One of our VoodooPress readers had a question recently. Seems they were using the front end posting form we started talking about here. They became concerned that allowing users to upload new images for every post using this technique would soon fill their hosting allotment. That’s a valid concern. Let’s look at one possible technique here.
We’ve done a variety of changes to the header in our twentyten child theme so far. We’ve learned how to adjust the size of the header image, we’ve made the header image a link, and we’ve allowed for the use of smaller featured images within the header. In this article we’re going to remove the site title and relocate (or remove) the description, since we are using a cool custom header image which already has our site name in the logo. And we will look at the final header code just for a review. This edit is mostly done in css, and it’s quite simple.
So by now I’m sure we all realize that when you select a featured image for a page or a post using the twentyten theme, it becomes the header image for that page, or the single view of that post. But what if your picture is too small? Well, we can fix that in a child theme. Check it out!