Manual

Enter the Page Title

Part 1: Hero Slider (Top of Page)

The Hero Slider is a repeater field located right below your page title. Use it to manage the background media and primary headline text welcoming visitors to the page.

How to set up a new slide:

  1. Locate the Hero Slider section inside the Page Content meta box.

  2. Click the “Add Row” button in the bottom-right corner of the block to create a slide.

  3. Under Content Type, click the dropdown and choose either Image or Video.

  4. If you selected Image:

    • Look for the Image field that dynamically displays.

    • Click Add Image to pull up the WordPress Media Library. Select an optimized widescreen asset and click choose/select. you can either drag and drop files here, this applies to video and all other image related content

  5. If you selected Video:

    • Look for the Video field that dynamically displays.

    • Click Add File. Upload an .mp4 optimized for web background streaming and select it.

  6. Find the Caption rich-text editor on the right side of the row. Type your welcome messaging, heading, or tagline.

  7. Navigate to the Caption colour dropdown. Pick a color setting (Gray, Red, Black, or White) that ensures your written text is clearly legible on top of your background media asset.

  8. To make it a rotating carousel slideshow: Click “Add Row” again to repeat these steps for slide 2, slide 3, etc.

Part 2: Content Generator Layouts

The Content Generator uses a flexible content layout engine. To construct the layout sequence of your page body, look for the “Add Content” button. Clicking it opens a dropdown menu featuring the 11 layouts detailed below.

1. Two Columns

Use this when you want a clean, side-by-side display showcasing a clear heading and an adjacent block of copy.

  • How to build it:

    1. Click Add Content and select Two Columns.

    2. In the Content Title text box, type your column section heading.

    3. In the Section Content rich-text editor box, draft your body content paragraphs. You can format text bold, italicize, or place hyperlinks here.

    4. Go to the Orientation dropdown at the bottom of the section. Choose “Title Left + Text Right” or “Text Left + Title Right” depending on how you want the column alignment arranged on the page frontend.

2. Overlay Text & Image

Use this to place stylized, formatted typography over a specific custom background graphic layout.

  • How to build it:

    1. Click Add Content and select Overlay Text & Image.

    2. Find the Overlay Image field and click Add Image. Upload your intended background photograph asset from your computer or media archive.

    3. Move to the Overlay Text field. Type the copy you want layered directly on top of that selected background image into the rich text block.

3. Callout Content

Use this to showcase highlighted image callouts, rich descriptive text callouts, or standalone featured media elements with asymmetrical dual captions.

  • How to build it:

    1. Click Add Content and select Callout Content.

    2. Click the Content Type choice dropdown and select what asset format this block features: Text, Image, or Video.

    3. Configure your choice:

      • If you selected Image: Click the Add Image button appearing under Callout Image. Optional: Fill in Callout Caption (left) and Callout Caption (right) text boxes to display dual baseline text labels below the image.

      • If you selected Text: Compose your specialized informational alert directly inside the rich-text Callout Text editor window.

      • If you selected Video: Click Add File under Callout Video to specify your video clip file path. Fill in your left/right alignment caption fields if required.

4. Featured Items

Use this to assemble grids or lists highlighting key corporate campaigns, products, or portfolios complete with title tags, geography, and landing page URLs.

  • How to build it:

    1. Click Add Content and select Featured Items.

    2. Inside the Campaign Content container table, click the “Add Row” button to configure your first item block.

    3. In the Item Image column slot, choose or insert your feature image file.

    4. In the Item Link slot, click to configure your primary button target. Search for your internal page name or paste a custom link destination URL.

    5. Enter a clear name inside the Item title input text string.

    6. Fill in the regional branch name or context locale in the Item location text area.

    7. Click “Add Row” to add another featured item tile side-by-side. (Note: You can add at most one Featured Items block module instance per page layout).

5. Carousel

Use this to construct a fluid image-swipe slider frame complete with individual overlay titles.

  • How to build it:

    1. Click Add Content and select Carousel.

    2. Within the Carousel Content row block, click “Add Row”.

    3. Click the Carousel Image frame placeholder and upload your banner slide image.

    4. Type a short description or dynamic label in the Carousel Title box right next to it.

    5. Tap “Add Row” for every additional cycling slide you want to incorporate into this specific horizontal slider deck. (Note: Limited to 1 Carousel block maximum per page).

6. Animated Tag

Use this to break up text-heavy pages with dynamic visual system graphic branding tags.

  • How to build it:

    1. Click Add Content and select Animated Tag.

    2. No further action or data field input is needed! The structural message field notice confirms that this layout dynamically loads animated brand elements directly into the front-end layout style automatically.

7. Stats Counter

Use this to show off concrete corporate metrics like company age, location tallies, or volume of completed signature projects.

  • How to build it:

    1. Click Add Content and select Stats Counter.

    2. In the Services WYSIWYG rich text field editor, input your brief contextual text detailing structural capabilities or team overviews.

    3. In the Established number block, input your 4-digit foundational founding calendar year.

    4. In the World Locations field, type the exact integer number representing your operating global hubs.

    5. In the Completed Signature Projects field, fill in the volume of completed signature builds.

    6. In the Current Signature Projects field, type the raw active count of current signature builds underway. (Note: Limited to 1 Stats Counter layout instance per page profile).

8. Spacer

Use this structural utility layout when you need to introduce extra padding or vertical spacing between two content blocks to make the page less cluttered.

  • How to build it:

    1. Click Add Content and select Spacer.

    2. Click and hold the horizontal slider handle under Spacer size.

    3. Drag it left or right to designate the desired spacing height value. The range bar shifts by increments of 10 points up to a clean maximum spacing ceiling of 100.

9. Accordion Statements

Use this to present collapsible rows of data (such as corporate philosophy pillars, values, or extensive FAQ listings).

  • How to build it:

    1. Click Add Content and select Accordion Statements.

    2. In the Accordion Title header block, type the parent title of the group section.

    3. Go down to the Statements sub-repeater area and click the “Add Row” button.

    4. Type your tab header question or toggle title string inside the Statement title text line.

    5. Type the primary text information body inside the Statement text WYSIWYG editor text box. This text stays safely hidden away on the page frontend until a user clicks the title to expand it.

    6. Click “Add Row” to stack additional collapsible items into the collection.

10. Project Listing

Use this to generate an index listing of your projects grouped by category onto the current page layout grid structure.

  • How to build it:

    1. Click Add Content and select Project Listing.

    2. No extra variables or media options require choosing. This structural system tag automatically identifies, queries, and aggregates published project category profiles into a segmented layout stream on the live URL. (Note: Limited to 1 Project Listing module entry block per page setup).

11. Text Field

Use this for simple, straightforward full-bleed typography layouts requiring unrestricted multi-paragraph messaging.

  • How to build it:

    1. Click Add Content and select Text Field.

    2. Type your main text directly into the expansive Text Content rich text WYSIWYG box editor area. You can easily write long-form stories, add list bullet hierarchies, or embed custom table assets without column width limitations.

Part 3: Layout Housekeeping Tricks

Rearranging Sections:

  • If you want to move a layout block, look at the left edge of its row bar where its order number is shown (e.g., 12 Callout Content or 13 Callout Content).

  • Hover your cursor over that number until the pointer changes to a four-way drag arrow icon.

  • Click and hold, then drag the block up or down to change where it sits on the page. Release your mouse button to drop it into place.

Deleting Sections:

  • Hover your mouse over the right-hand edge of the section header row you want to remove.

  • Click the minus icon (-) or settings menu button that appears to delete that specific block from the Content Generator list.

Collapsing Sections for Cleaner Editing:

  • Working with long pages can make the editing screen cluttered. You can click on the gray title bar of any layout block to collapse it.

  • This hides its inner fields from view without deleting any data, making it much easier to scroll through and organize your page sections. Click the title bar a second time to expand the fields when you need to edit them.

Project Management Settings

These fields appear when editing an individual item within your Projects post type.

How to Disable a Project’s Public Link

Use this setting to prevent front-end users from clicking through to a standalone project detail page.

  1. Open the project post you wish to edit.

  2. Look at the side panel of your editor screen to find the Hide project link panel.

  3. Check the box labeled “Disable this project’s link”.

  4. Update or publish the post to save the change.

How to Add Project Meta Details & Completion Dates

Use this panel to log standard administrative specifications (like architects, client names, or geographic properties) along with the execution timeline.

  1. Locate the Project Details section sitting directly below your project title.

  2. Find the Project Info repeater grid. Click “Add Row” to document a specification metric.

  3. Fill in the dynamic table variables:

    • Info title: Type the detail metric category label (e.g., Architect, Client, or Location).

    • Info Text: Type the value name string (e.g., Studio Acme Corp or London, UK).

    • Info Link: If this detail points out to an external partner landing platform or map link, click to paste the target destination URL.

  4. To add more details (like listing both an Architect and a separate Lead Engineer), click “Add Row” again.

  5. Move down to the Completed text input block. Type the date or year string tracking the production completion timeline (e.g., Executed in Winter 2025 or Completed June 2026).

  6. Move down to the content area, to enter the description of the project.

  7. How to Add or Change the Featured Image

    1. Locate the Featured Image Panel: Look at the right-hand side panel of your screen (the same sidebar area where you manage the Hide project link checkbox). Scroll down until you see the Featured Image box.

    2. Select or Replace the Image:

      • If no image is set: Click the “Set featured image” link text wrapper.

      • If an image is already there: Click directly on the existing image thumbnail, or click the “Remove featured image” link text underneath it to clear it out, then click “Set featured image”.

    3. Choose your Asset: The WordPress Media Library window will pop up.

      • Select an existing photo from your uploaded media archive.

      • Alternatively, click the “Upload files” tab in the top-left corner to drag and drop a brand-new image asset from your computer.

    4. Confirm Selection: Click the blue “Set featured image” button in the bottom-right corner of the popup window. Your chosen image will now display as a preview thumbnail in the sidebar panel.

    5. Save Your Changes: Click the blue “Update” or “Publish” button at the top-right of your page editor screen to deploy the new thumbnail asset live to your project page layout.