Managing Your Page Layout

Your content managed website has been designed and developed to allow you the maximum flexibility to create and publish quality content to generate increase site traffic and ultimately leading to conversion on the bottom line. The site design should be complemented by the page content that you add rather than detracting from it and to help we have made suggestions below as to how you may "style" your featured content.

The strength of a content management system is that you can control your content creatively and positively. 

The flip side however is also true; you can end up producing poor copy which isn't going to be found or read and has no end result. What follows is not prescriptive it is resitricted to the following styles

Heading 1

Heading 2

Heading 3


  • Bulleted Normal

Hyperlink Text

Your text should 

Image Properties

Open Rooms Image Properties

All of the images on the site are managed from your CMS system.

When you add an image you can manage all the properties from the Image Properties box

The header image at the top of the page is 638 pixels wide and is 100% of the page width. We suggest that for both design and impact all pages feature a strong header image with a clear message relating to the page content. The image should have an Alternative Text description for search which is entered in the CMS.

We suggest that most other images on the site within standard page text should be Right Aligned and 300 pixels wide such as the screen grab alongside - we have added a 5 pixel Horizontal Space between text and image.

Of course you can add images as you wish to suit page content and even add full size images of posters and other promo pictures.

Heading One

The "Heading" as entered at the top of the content management page has both marketing and search functions. Most importantly it is the key description for the page visitor and should make it clear what is to follow. It is also what is known as an "H1 Tag" which can assist in searches. We suggest that the Heading Style is only used once on every page. It is clearly only used here to show what your Header Font looks like!

Heading 2

The line above shows the style of your Heading 2 style. Used for Sub Heading for example it creates a recognised break in text throughout the site.

Heading 3

Use for paragraph headers in lists of products or services for example.

Header Image




Managing Your Content

Online Guide to Adding Content

Content Content Content

Content is everything. Always start with content. It is what your customer is looking for.

"Golf Breaks in Fife"; "Small Wedding Venue near Inverness"; "Short Autumn Breaks Argyll".

Think about what you are offering and to who and you won’t go wrong. Put yourself in the customers’ shoes and take time to promote your product, offer or event as positively as you would in a conversation.

Who, What, Why, When. Where. How.

Answer these simple questions and you’ll have covered your search engine bases in the content itself. Assume that the page is being found by someone who has never heard of you and use your business name and location if relevant. Answer the customer “search question” fully as if it is an O level English paper!

Downloads and Links

Not all pages will provide a call to action but not many won’t. Example? Your Standard Bedroom page should have a link to Book Now linking directly to your twin rooms page; a link to bedroom images gallery and a short breaks or brochure page. All other pages on the site can feature similar further information. You need to think what other information your customer needs and give it to them with a simple click and without having to make them think or search.


Your page has header and background images. It also has a full scale image gallery. Therefore there is no need to load a whole load of images onto every content page.

We recommend the following for your site

  • All images should be set at a fixed pixels width
  • We suggest that you right align all images

One image per three paragraphs is optimum.

Fonts and Styles

We strongly recommend that you DO NOT CHANGE FONT SIZES OR COLOURS!

Bright red text in 20 point does not attract your customers’ attention. In fact even using capitals as above simply causes confusion.

Content Style Guide

Your website has been designed to use fixed styles site wide using the following

The following page is an example of what we suggest the content area of all of your pages should look like and include

Header Image

The style on the main content pages is set to feature a "header" image across the full width of the content area and set at 675 pixels wide and centred. 

Heading One

Should be used to head the page and not much more frequently than that.

Heading Two

We have used heading two for the first paragraph on each page to highlight the main content of the page. The first couple of paragraphs should raise awareness and interest in the content that follows

Heading Three

The first paragraph is Heading 2 with a larger font and in gold and should be used for first short paragraph on every page.



The graphic buttons at the foot of all the text should be on most pages and link to further information and actions and be relevant to what precedes. These are simply added as images each with separate links.

Share this page:

Mailing List

To receive our latest offers please sign up to our newsletter.

Contact Us

Contact us to discuss the Open Rooms package to suit your
business requirements.

We look forward to hearing from you.