jenynsarms.com Legacy

Abstract

Develop a website for a local public house establishment. The website would describe the public house using both media and text, links to other premises ran by the same family and points of local interest. This is achieved with the use of WordPress as a content management system. Several plugins would be installed on the website to get the media functionality required such as slideshows and photography gallery. Individual pages are written in the WordPress administration area as pages rather than posts. The end product can be seen here.

Introduction

An update to the previous website was required due to technological advances in website design and platforms. The form factor that people access the internet now comes in many shapes and sizes, from phones and tablets all the way up to desktop computers. With advances in broadband speed it is expected that websites are now media rich with content such as photos rather than lots of text and links. These two aspects were taken into consideration in the design of the new website.

WordPress

WordPress was chosen as the platform due to previous experience, community support and the ability to build content rich websites easily. Research for the new website began with the WordPress theme.

WordPress Theme

The WordPress theme is the template of the website. Once a template is found that suits the application, a ‘child theme’ can be created that modifies the original theme. These modifications can include such things as spacing, fonts, and colours.

The theme chosen for the Jenyns Arms website is the Vantage theme by SiteOrigin. This theme provided the design that was close to that originally thought, albeit some changes were required.

Child theme

A child theme was created for the client based on the Vantage theme for the Jenyns Arms website.

WordPress Plugins

WordPress plugins provide functionality to the website and can range from simple photo sliders to full e-commerce solutions. These are the plugins that were selected for the Jenyns Arms website.

MetaSlider

Another reason why this theme was chosen was the compatibility with plugins such as MetaSlider. This provides the photo functionality that would be required for the website.

Configuring the plugin with images with multiple slideshows was very easy and there are many options available to change.

Page Builder

While reading through the documentation for the Vantage theme, it was seen that SiteOrigin provide a plugin called PageBuilder that is compatible with the theme. This allows the easy construction and layout of web pages through the WordPress administration pages. Due to its compatibility with this plugin this would confirm the decision to start with the Vantage theme for the Jenyns Arms website.

Although being a very comprehensive, there were several issues encountered when using the plugin. The space between the row layouts is quite large, and these are not removed with CSS from the child theme. In order to remove the space, this must be unchecked from the individual rows on every page under ‘individual styles’. Some spacing issues were able to be resolved with the use of CSS in the child theme, and sometimes this was difficult to locate the exact change required.

Contact Form 7

Rather than providing the clients email address on the website, a contact form would be placed on the website for customers to send e-mail to the proprietor. The Contact Form 7 plugin provides this functionality. The only additions were to the theme to change the look of the contact form on the page.

Configuring the plugin was relatively simple, however the issues appeared with the clients e-mail. E-mails were being sent to the ‘junk’ folder. Obtaining the correct settings and creating filters so that this did not occur was not straightforward. The plugin however functions great with no issues so far.

Conclusion

The resulting website can be seen at http://www.jenynsarms.com with mobile and tablet compatibility.

Posted in Websites