Using the development feature

  Log in

When the website is live against the domain name you will be able to edit the website development feature using the login credentials supplied to you by the Design team.

1. Access the login page by entering /login to the end of your domain name in a browser address bar.


2. Enter the username and password

You should now be logged in to the website.

  Create a new development post

Click here if you instead need to edit an existing post.

1. At the top of the page click the button called ‘Create a New Development Post’.


2. This will open up a new text editor window, which will be the new development post:


3. Give the post a Title (before you can save).




4. If you wish to add your own formatted content then you can enter this straight into the opening editor window as seen above. Our standard Blog guide will assist with this option here.


5. Alternatively, our Development feature typically has a pre-formatted design either in a list or grid layout. To utilise this style please click into the tab along the top 'Development Info' where you will be presented with the following fields;




6. When populated the information will be presented on the full development post, providing a quick view of key information such as a developer logo, price range and a link to their website and brochure. These are optional do you can populate all or only select fields.

  Insert an intro image (listings page)

1. Prepare an image locally sized at 400 x 300 pixels.


2. Click in to the ‘Images and Links’ tab along the top of the editor.


3. You will see two options to add an 'Intro Image' and a 'Full Article Image' on the page.




4. To add an intro image to the post that will display on the listings page, click 'Select' on the upper 'Intro Image' selection.


5. You will be presented with the Media Gallery in a pop-up box. On the left side click 'Images' and then click into the 'Development' folder;




6. Once you are within the 'Development' folder, click 'Upload' to locate an image file on your local device hard drive.


7. Locate the newly uploaded image, select it, then 'Insert'.


8. Save the development post.

This will now display an image alongside the intro text on the initial listings page:

  Insert a full article image (optional)

1. Prepare an image locally sized at 1400 x 350 pixels.


2. Click in to the ‘Images and Links’ tab along the top of the editor.


3. You will see two options to add an 'Intro Image' and a 'Full Article Image' on the page.




4. To add an intro image to the post that will display on the listings page, click 'Select' on the upper 'Intro Image' selection.


5. You will be presented with the Media Gallery in a pop-up box. On the left side click 'Images' and then click into the 'Development' folder;




6. Once you are within the 'Development' folder, click 'Upload' to locate an image file on your local device hard drive.


7. Locate the newly uploaded image, select it, then 'Insert'.


8. Save the development post.

This will now display an image alongside the intro text on the initial listings page:

  Publishing Options

Status

You can choose when to publish a development post via the ‘Publishing’ tab situated above the editor.

• Status– allows you to choose whether the development post is published (live on the website), archived or trashed (deleted).


• Published – Put the development post live on the websites Development page.


• Unpublished – This will remove it from the development page, but will not delete the post from the backend of the website.


• Archived – This will remove it from the development page, but will not delete the post from the backend of the website. It will instead move the post into ‘archive’. This is the best option to choose if you do not want to fully delete the article, as it keeps the development posts tidy within the content management system.


• Trashed – This will fully delete the post from both the web page and backend of the website. Select this option if you will never want to use the post again. *Once deleted it cannot be recovered.

Other Options

• Category– allows you to choose which category/page the development post is published to. This is only usually relevant when multiple development pages are in use, as the category will determine which page they appear on. For a single development page, the 'Development Posts' category will be the default.


• Publish Start/End Dates– allows you to choose when the development post is published to the frontend of the website for public viewing. If you do not define anything here it will post immediately.

  Meta data

It is advisable to enter a Meta Description for each development post to aid search engine optimisation:

Please refer to our online SEO Guide for more information on how best to populate these fields.

  Edit an existing development post

1. Once logged in to the Frontend Editor, from the websites main menu navigate to the Development page on your website and the development post you wish to edit.


2. Click the 'edit' button as illustrated below;




3. The text editor will open. Click into the 'Development Information' tab along the top and from here you can make and save your changes to your chosen development post. This can be repeated for each post that is on the page.

  Delete a development post

1. Click in to edit the development post


2. Navigate to the 'Publishing' tab in the top sub menu


3. Change the 'Status' to 'Trashed' or 'Archived'


4. Click 'Save' which will remove it from the front-end of the website

  Close the text editor

It is important to follow these steps to avoid locking yourself out of future article edits.

1. When you are finished editing an article, click the 'Cancel' or 'Save' button to exit the editor. This makes sure the article is 'checked-in' to the Content Management System.

  Log out of the website

1. Make sure you have saved any changes and click 'Save' or 'Cancel' within the editor.




2. Locate and click the 'Logout from editor mode' button




3. Click the Log Out button which will now log you out of the frontend editor and restore all pages as the public visitor will see.