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

Image Rotator

The sixth in this series of tutorials is adding a Image Rotator panel to the theme, we created our image rotator panel to fit the widest part of our theme.

If we follow the steps in this tutorial we will be able to add a Image Rotator panel to our WordPress theme, have looked at the Cimy Image Rotator, we selected the Cimy Image Rotator as it requires more than a short code to add it to a theme.

We will need to do the following steps, create a template part, and make the code generated by the plugin more dynamic so we could transfer the code to other themes .

Continue reading

Simple Directory

We have been thinking about a directory page. One way to increase website traffic is by ‘Reciprocal links’, a sort of mutual link site to site.

We had a Google for a WordPress directory page and plugins, the pages in nearly all cases come with a theme. We did not want a theme, just the contents, since the plugins are few and far between. We tried one which was not very good, so what else could we use?

Continue reading

Social Media

The fifth in this series of tutorials is adding a the social media panels to the theme, we created our social media panels with two different sizes for vertical and horizontal bars.

If we follow the steps in this tutorial we will be able to add two social media panels to our WordPress theme, have looked at the clickable icons, added a fixed theme panel that does not move when we scroll, and a top of page call.

We will need to do the following steps, create the template parts, styles and add the supporting files to our theme, and populate the website social media icons from the options page we created in the earlier tutorial.

Continue reading

Options Page

The third in this series of tutorials is adding an options page to the admin section of WordPress, we created our options page from two different tutorials we found online.

If we follow the steps in this tutorial we will be able to add an options section in the admin menu column of WordPress, have looked at the options array, and how to add the page to our theme.

We will need to do the following steps, add the options page and supporting files to out theme, look at the options for part four and adding the social icons folder so we can create different icon bar style for our theme, which will do in part five of the tutorials.

Continue reading

Adding a Searchbox Image

The second in this series of tutorials is adding a searchbox images to the Top Menu Bar, we created our own search box image that suited our theme, the stylesheets elements need to be added tp match our theme.

If we follow the steps in this tutorial we will be able to add a second section in a menu bar of a WordPress theme, have looked at the styling, and how to add the searchbox styling for a navigation bar.

We will need to do the following steps, locate a suitable images, add the image to out theme and create a different style for the top menu, to accept our search box.

Continue reading