We have been looking at changing the body background on a theme based on hour, day, month, or season, in this example we will find out how to change the background in the evening.
We are using a Twenty Ten child theme to do this, so what do we need, we are using two horizontal repeat .png images 1087 wide * 1120 high, one for day and one for the night, if we whanted a different set of images, for any of the other methods we would change the quantities, names and code values to suit.
As Artisteer users one of the first things many of us do is add code to hide the titles, we often do this for the simple reason that the default fonts are safe and boring, so in this post we will look at adding a better Google font.
Cufón fonts are often the choice, but we are going to look at Google Fonts which has a growing library of fonts, they render in the browser nice and quick, and have an API we can talk to, so no uploading or including the fonts in our theme folders.
A question was asked on creating a home image instead of a text link in the menu, using Artisteer Version 3 RC, this should not be hard to do so lets have a look at how we can achieve this.
We will use two new images the height of our menu and 60px wide, this will be different on different themes, we may want an home image a couple of chevrons [>>] or a clickable small logo image, but when we design our menu we must consider this.
It has been quite a while since we have written anything for the Artisteer themes community, where a lot has changed with the product and the themes it generates, the latest offering is far closer to the WordPress structure we like, but still has a lot of “art-” functions, however we feel that the latest release if worth a look.
One thing that Artisteer has never done out the box is to add a wide sidebar over two slimmer bars, these are often required for AdSense or other 336px blocks, there are a number of ways to add the script, we can code it easy into the templates pages, but then changing the script could be a nightmare, to make it easy to maintain we prefer a Widgetized area.
What a rollercoaster ride this has been, after the announcement that Facebook were deprecation the FBML pages and changing to IFrame this meant a lot of research and a re-write of some of the functions.
Bad News is the plugin will no longer create stand alone html pages, good news is that the plugin has changed to a dynamic page plugin where we can change our facebook page inside our WordPress admin.
WordPress 3 and the default twenty ten theme are a great base for a stand alone website, easy to work with and with a little knowledge you can make your website theme quite unique.
The default WordPress theme has a sidebar menu but this is hard to style, we tried a lot of different ways to style the menu, in conclusion we have taken the menu above the sidebars into a template part.
The Twenty Ten default theme comes with Primary and Secondary right sidebars, but they are stacked one above the other, you might be wondering why.
At a guess I would say it gives someone new to WordPress the ability to add widgets to the secondary sidebar without losing the built in widgets on the primary sidebar, we are going to use the secondary sidebar for a template page.
The tenth and last in this series of tutorials is adding three footer elements, page navigation using ‘wp pagenavi’, a third menu bottom of the footer, and a little editable template part to give us credit for creating the theme.
If we follow the steps in this tutorial we will be able to add numeric page navigation to our WordPress theme, a footer menu bar and credit text after the footer.
We will need to do the following steps, add conditional code to display the ‘wp pagenavi’, add a new menu location and the footer credit text, we will do this with template parts and styling in the style.css.
The ninth in this series of tutorials is adding a main template page that will display selected posts by category, using the page and category slugs, order the posts acending and add a custom post header.
If we follow the steps in this tutorial we will be able to add our new template page to our WordPress theme, with conditional posts based on the category and page slug ordered asc and a nice post header section.
We will need to do the following steps, create the template page, and add styles, code to return the posts from WordPress and the post header from the options page using the WordPress call get_option().