Twenty Ten and AdSense

We have been having a play while waiting for WordPress 3.1 to be a full release, one of the things we have been looking at is Google AdSense and how to use this in a theme.

There were a number of questions that a Google search answered, we found a nice heat map from Google and also looked at which size adverts get the most clicks and where to place them.

Three twenty ten child themes have been created and we want to share these, they are only tested on a local environment and have taken into account the new twenty ten theme that will be released in WordPress Version 3.1.

Continue reading

Twenty Ten Sidebar Menu Styling

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.

Continue reading

Checking the Atmosphere Theme

Digital Raindrops have had their first theme accepted into the WordPress themes directory, we learned quite a bit while preparing the theme for the directory and discovered that some of the calls we have in our code have been superseded, so we thought we would create a post with some details about these.

Even if you are not creating a theme for the WordPress directory, we would recommend theme developers using the test data and tools that are used for submitting to WordPress, you cannot submit Child Themes or Artisteer themes to the WordPress theme directory, we just re-engineered the twenty ten theme.

Continue reading

Add RSS Icons to Twenty Ten

This post is inspired by a post in the WordPress support themes forum, the question was about there being no RSS icon on the twenty ten theme.

There are two RSS feeds you can offer from your website, posts and comments, so this tutorial will deal with both, another consideration was to open the link in a new tab.

Continue reading

Twenty Ten Alternate Sidebar

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.

Continue reading

Pagenavi Footer Menu and Credits

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.

Continue reading

Main Page

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

Continue reading

Page and Category

The eighth in this series of tutorials is adding a new template page that will display selected posts by category, using just the page and category slugs.

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.

We will need to do the following steps, create the template page, and add code to return the posts from WordPress.

Continue reading

Two Post Columns

The seventh in this series of tutorials is adding a two column post content template part, this is one of the most asked for features.

If we follow the steps in this tutorial we will be able to add a two column content template part to our WordPress theme, with a conditional switch, conditional post images, and looked at how we can add the template part to our theme.

We will need to do the following steps, create the template parts, styles and add left and right columns to our theme, and code to switch between the columns.

Continue reading