I’ve had a variety of posts recently about relaunching my wife’s website. She is a professional figure athlete and personal trainer who needed a better looking website to match her success. We added WooCommerce, picked a theme, and got everything set up. Here’s one simple tip for folks working with Elegant Themes’ Divi theme. How to adjust that logo size.
Yesterday I was discussing my experiences with relaunching my wife’s personal training and figure competition website, ankhjii.com. In that post I was talking about the decisions I made on relaunch and selecting WooCommerce for our eCommerce solution. Like I discussed in that post, I’m normally a roll your own solution kind of guy. I like to code my own stuff or use minimal plugins with my own adaptation. That’s an old mindset, back 5 or 6 years ago, the WordPress ecosystem wasn’t nearly what it was today. It was difficult to find a plugin that would do what I want and even harder to find a quality theme. Times have changed, here’s my theme selection story.
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.
After following along with the previous two tutorials we’ve done, your 2014 theme has new colours and it’s a bit wider. Well there’s one more thing I like to do to make things nice and clean! Let’s match up the new colours and the new width in our post editor!
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!
So now we have twenty fourteen in place and I have a child theme started. Of course you remember we always use child themes when editing a theme, right? If not, have a quick read of this old article. It was written back when we were on 2010 but it’s just as relevant now on 2014! Our child theme is set up to pull in the default CSS usnig the @import code, so everything looks the same. I’m just not a huge fan of green, so here’s what I did!
VoodooPress has always been a great resource for customizing those child themes. We always run the latest default theme from WordPress and have some fun tweaking it up a bit. In the spirit of that, we’ve thrown the switch and have a 2013 child theme. Not much is done yet, just the basic functionality. Stay tuned, we will be fully customizing the site over the coming weeks – making things wider, playing with the header, changing the colour scheme. It’s all in the works!
Do you want to run a music or podcast site? Maybe you’ve already tried and have run into some problems. Or maybe you are just looking for some pointers to help your site out. I’ve run a series of posts on my personal site, Rev. Voodoo’s Blog, for nearly 5 years now. I have hundreds of DJ mixes over there and I’ve stumbled and reconfigured many times. This post won’t be a step by step tutorial, it might not even end up being very linear. I just figured I could brain dump a variety of things I have come across and maybe some of my learnings will be useful to you! Let’s dive in!
We’ve already had several posts up on VoodooPress involving child themes. And I often provide guidance on using child themes. But sometimes it’s hard to get started out. Well, here we have a nice, basic child theme to get you started! This theme doesn’t do anything but get you started out. It’s just a style.css and functions.php file with no modifications made. You can download it and install it – that way you can hit the ground running and start your own modifications! If you have any questions about using this, or making your own tweaks – feel free to ask!
Voodoo Child 2012 theme download
UPDATE 07/31/2013: Google has finally offered up the beginnings of a solution – quite similar to what we have been using. You can check out my article here!
NOTE: My adsense account has been deactivated. And the fine folks at Google simply don’t bother explaining why they deactivate accounts – they just do it. If I ever find out why I will forward that info on. For now, I would recommend you do not use the guide I have below – in case that is the problem.
Over the past two days, I’ve put up a couple articles relating to widgetizing the twenty twelve header and guidance for adding multiple items up there while accounting for 2012’s responsive nature. I wanted to finish up today by showing my solution for running Google Adsense ads to the header while still maintaining the responsive nature of the theme as best we can, let’s dig in!