Create a project page

Project pages are created using the Project detail page template and are used to showcase individual projects across the website.

Setting up the page

The Project detail page can only be created under the parent Projects / <Year> page. To create a new projects page:

1. In Pages, hover over the parent Projects / <Year> folder and click on the 3 dots to display a menu with options. Select Create a subpage.

   

2. In the Select a page template window, click on the Project detail page template and click Select.

   

3. Enter a name for the new page, using alphanumeric characters only. Spaces in page names will be replaced with a dash, and uppercase letters will change to lowercase. e.g. If you type Blackwater Gold Project as the page name, after you press enter, the format will change to blackwater-gold-project.

4. The new page will load, and if you wish to change the page URL to be different to the page display name, click the 3 dots next to the page, select Settings, and edit under Item name.

   

5. Enter page properties and metadata in Page content and assign the relevant content. Please refer to our guide for steps on how to do this.

Create a project page

1. Once the page has been created, begin removing some of the pre-loaded components as seen in these screenshots.

   

   

   

2. Populate the page with the recommended components (or OpCo-specific components) and approved project information where applicable, include:
   1. Project name
   2. Project details (Location, Contract type, Status, Sector, Expertise, and Client)
   3. Scope of works
   4. Key achievements
   5. Supporting images

   6. Related documents (if any)

      

      

       

3. To update the project detail component, navigate to the page on the left-hand panel and click the 3 dots and select Page content. Tick Show all fields for the Properties section would appear. Select the appropriate information for the project.

   

   

4. Go to the right-hand panel for the Advanced styling dropdown, and align all components in the page following below:

   1. Title: Top and bottom small
   2. Project detail: Top none, bottom small
   3. Image card list: Top and bottom small
   4. Page content: Top and bottom small
   5. Featured news: Top small, bottom blank
       

   Make sure to tick Is Contained? for all components, as it helps maintain clean component isolation in the page.

   

5. To add images:

   1. Upload the image to the media library if it has not already been uploaded.
   2. Add the Image card list component or select an image field within an existing component.
   3. Select the image from the Media library.
   4. Save your changes.

   Recommended image sizes should follow the image specifications.

   Thumbnail: 800x590 pixels
   Hero/Banner Image: 2400x1350 pixels

6. To add downloadable documents:
   1. Upload the document to the media library.
   2. Add a hyperlink to the page.
   3. Link the text to the uploaded document.
7. Complete the page information and settings. Refer to Page properties, metadata, and tags for detailed guidance.
8. Preview the article by clicking the Eye icon in the top toolbar to confirm if all components, documents, and images are showing up correctly.

9. Publish the page.