Footer Options

The next part of our Facebook template or minisite is the footer section, this is a simple HTML or text area, we can set a background, transparent, color fill or an image.

Under the footer section is the Digital Raindrops tagline, this plugin is released in good faith and has taken a lot of time, as a condition of use we ask you to leave the tagline unless you have contributed to the plugin, by Beta Testing, or financially by a donation or subscription.

Continue reading

Content Options

What we have done here is give each page the ability to have up to five rows of content, with up to three columns, we thought that someone might want 15 thumbnails for a photo portfolio, so we have up to 15 content areas on a page.

The logistics of this took a little thinking about, so we can work on one page row at a time, and once we change the page and row we cannot load the previous row back again, this may come in a later release, but lets look at creating the content for ‘Page 1′.

Continue reading

Menu Options

To navigate our pages we need to style the menu, there are three types of menu we could use, All Images, No Images, Text and Images, we will look at two of these, the first one will be All Images this is the most simple, we just create a chop images to make our menu.

For this example we just visited one of the photo stock images websites and for a couple of dollars we have a licence to use the image in our template, we cannot re-distribute the image but under the license we can use it in our own or our customers template.

Continue reading

Header Options

A lot of the work we have to do is in the header area, this is the part of the page and not the content that will get the attention of a viewer, so we have several options for the header area, background, logo, like button, titles and social media.

These are all optional and as part of planning our template we need to note the image sizes in pixels, this is so we can use the space well, remembering that we have half the width of a normal webpage.

Continue reading

Sheet Options

Once we have set our template options we need to tell our plugin what setting we want for our sheet, Facebook templates and Minisites must be set with a width of 520px, these are the Facebook rules, so we must be thinking in half the size we would normally use.

In our sheet options we can set the Minimum Height or Fixed Height, we have three choices for the Background Style, transparent, image or color, we are going to use an image, we selected image, and then from our Template Images we uploaded in the Template Options we have selected our page_bg.png, this we will repeat on the x axis that is just a horizontal repeat, all our backgrounds will have these same choices for ease of use.

Continue reading

Template Options

Starting with the Template Options where we will set the folder name and paths, name the pages and upload the images, the first checkbox we see is the Collapse Page Sections, check this if we are not using Internet Explorer, if we prefer to have all sections expanded then we can uncheck this at any time.

The Website Folder Path is where we will be deploying the template folder to on our production website, if we want to upload new images to the media library using WordPress then we check the Upload New Images, we can also import images from one of our WordPress installed themes, this can be an active or inactive theme we would sect the theme with the WordPress Theme Images lookup. 

Next we name our Pages if we are creating a multisite, we keep these short as these will be our menu titles and section names in the template.

Continue reading

Beta Testing

Requirements for the plugin are, a local install of WordPress, FTP account for a target website to upload the files, some HTML and CSS is an advantage but not a requirement, the main requirement is setting aside a little time to test and feedback, if you do not have any of these please do not join the testers group, as you will have full access after beta testing is complete.

Note: The plugin creates folders and writes files to the \wp-content\uploads\ directory, this should not be a problem in local testing, if you do not have a local install to create a local install this tutorial from Buds Tech Shed may help.

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