This is the final part in the Artisteer Investica series, all we are doing here is a tidy up and some more functionality, we are also creating a couple of templates with a list and two column layout.
The download for this part is the full theme we are not separating the files in the download, you are free to use the theme, if you use the theme unmodified and “as is” please leave the Digital Raindrops and Artisteer links in the footer.
This is the penultimate post in this series and we are going to tackle the five box banner, we will add some new functions, change some of the options we have already used, create an image array and post array so we can offer the administrator dropdown lists.
We will add some default images into a folder, use the Artisteer get option function to call the images by name and add default values to our new Theme Options to prompt the administrator to populate the values.
If we look at the Artisteer html template we can see that there are two banner sections, the first is a wide section with a title and a learn more button, the second is a ribbon section containing five images and links.
In this part we will deal with the first of these, the wide banner we will refer to this as the banner or main banner, on the sample website we think that to much of the websites real estate is lost with a 350px high banner, so we are going to use a new image that is 200px high.
Things are coming along with our theme transformation, in this part we will deal with the logo, the logo that comes with the theme is nice but it does not belong to our website, we can just replace the logo in the images folder and upload it to our website.
We think that a better option is to empower the theme’s administrator to upload a new logo from the media menu and link to this, if we are producing a theme that is downloadable or we want to use on a few websites then linking to a logo might be preferred.
The fourth in this series of tutorials is adding a header panel to the theme, we created our header panel with two different areas for a logo and content information.
If we follow the steps in this tutorial we will be able to add a header panel section to our WordPress theme, have looked at the clickable logo, and an information panel with four lines.
We will need to do the following steps, create the template parts, styles and add the supporting files to our theme, install the logo image, and populate the website information from the options page we created in the last tutorial.