Website Manual

Created by

Welcome to Your Website Manual

Welcome to the official management guide for Terraviva Projects. This manual is designed to empower you to keep your website’s content fresh, relevant, and engaging. Here, you will find step-by-step instructions on how to manage your pages, blog posts, and media.

Our goal is to give you the independence to make updates while ensuring the site’s performance and design remain top-notch.

Quick Links

View Website Updates Add a User Manage Users Add a Team Member Edit a Team Member Add a Testimonial Edit a Testimonial

⚠️ Important: Safety & Best Practices

Your website is built using Bricks Builder, a professional-grade design tool. It offers incredible flexibility, but it also controls the core structure of your site.

Stick to Content: We recommend that your edits be limited to text and images.
Avoid Structural Changes: Please do not delete “Containers,” move sections, or modify “Global Styles” unless you have experience with Bricks. Small changes to the layout can unintentionally affect how the site looks on mobile devices.
The Golden Rule: If you feel unsure about a specific change, please contact us before saving. We are always happy to help!

If you need to make significant changes, please contact us.

If you'd like to learn the basics yourself, we recommend watching this tutorial to get knowledge of how bricks builder work.

About Wordpress

Access WordPress

Go to https://your-domain.com/wp-admin
Access with your credentials

Update plugins, themes and WordPress version

Once you are in the WordPress dashboard, you will see an “Updates” tab. Click it to access the updates panel, where you will see which plugin, theme, or WordPress version needs to be updated, highlighted.

Upload images, videos and other media files

To upload new pictures and videos, locate the “Media” tab on your WordPress dashboard, and then click the “Add New” button.

Drag your media file to the corresponding area or click on “Select files” to search for it in your file browser.

Once your files have been uploaded, do not forget to fill in the “Alternative Text” and “Title” fields.

Every uploaded file has a unique URL, you will need to use this URL to replace or add new videos and/or images to some parts of the website.

* Use the “Copy to clipboard” button to ensure you copy the URL completely.

ℹ️ * All common image formats as JPG and PNG as well as WebP are supported with a maximum size of 1920px

ℹ️ * All Videos should be in MP4 format to ensure optimal compatibility.

About Bricks Builder

1. Start editing a page

To edit the visual content of a page, go to the “Pages” tab in the left sidebar and click the “Edit with Bricks” link located under the page name.

Note: Clicking the page name itself will take you to the standard WordPress editor, where you can change the page status, hierarchy, or feature image.”

2. Navigating with the Structure Panel

Once inside Bricks, the Structure panel (on the right) gives you a bird's-eye view of the page. Use it to easily locate, select, and organize different sections and elements

3. Saving Your Changes

When you’re done editing, you must click the “SAVE” button in the top-right corner of the Bricks toolbar. Your changes will not be live until you do this.

4. Exit Bricks builder

To exit Bricks and return to your WordPress dashboard, click the WordPress logo (W icon) in the top-left corner of the toolbar.

Basic Content Management:
Text & Images

In this section, you’ll learn how to update the core elements of your website.

Remember: If you can see it on the page, you can likely edit it by clicking on it.

1. How to Edit Text

Editing text in Bricks is as simple as using a word processor.

Direct Edit: Once inside the Bricks editor, simply click on any text element (headings, paragraphs, or buttons) on the screen.
The Left Sidebar: When you click a text element, the left sidebar will change to show the “Content” tab. You can type your changes directly into the text box in that sidebar.
Pro Tip: Avoid copying and pasting directly from Microsoft Word or Google Docs, as this can bring “hidden formatting” that breaks the design. If you do, use Shift + Ctrl + V (Windows) or Shift + Cmd + V (Mac) to “Paste as plain text.”

2. How to Update Images

These are individual photos placed directly on the page.

Select the Image: Click on the image you want to change.
Choose Image: In the left sidebar, click on the image preview or the “Select” button. This will open your WordPress Media Library.
Upload or Select: You can choose an existing photo or upload a new one from your computer.
Alt Text: Always remember to fill in the “Alt Text” field in the Media Library with a brief description (e.g., “Modern sustainable building project”). This is crucial for SEO and accessibility.

Some images sit behind text or other elements. These are background images assigned to a “Container” or “Section.”

How to edit: Click on the Container or Section that holds the image. In the left sidebar, go to the Style tab > Background. You will see the image there; click it to replace it.
Tip: Be careful not to change the “Background Size” or “Position” settings, as these keep the image looking good on all screens.

How to edit: Click anywhere on the gallery. In the left sidebar (Content tab), you will see a list or a grid of selected images.
Manage: You can click the “Add/Edit Gallery” button to remove photos, reorder them by dragging, or add new ones from your library.

3. Image Best Practices (Performance)

To keep your website fast, please follow these simple rules before uploading:

File Format: Always that is possible, use .WEBP for images and .SVG for Icons and logos
Size: Try to keep images under 300KB. Large files will slow down the site for your visitors.
Dimensions: If you are replacing a horizontal photo, try to upload a new one with similar proportions.

.WEBP

Our standard. Use this for 90% of your photos. It offers the best quality at the smallest file size.

.SVG

Icons and Logos. These stay perfectly sharp at any size and have the smallest footprint.

.JPG

Use only if WebP is not available for high-quality photography.

.PNG

Use only if WebP is not available and you strictly need a transparent background.

How to Manage Testimonials

Testimonials are one of the most powerful ways to build trust and showcase the success of Terraviva Projects.

We have simplified this process by creating a dedicated “Testimonials” section in your dashboard, so you don’t have to deal with complex design tools.

1. Where to find them

In the left-hand sidebar of your WordPress Dashboard, look for the menu item labeled “Testimonials”. Clicking here will show you a list of all current testimonials on your site.

2. Adding a New Testimonial

To add a fresh quote from a satisfied client:

Step 1

Click the “Add New” button at the top of the Testimonials page.

Step 2 (The Title)

Use the Client’s Name or their Company Name as the title.

Step 3 (The Content)

Type or paste the testimonial quote into the main text area.

Step 4 (Publish)

Click the blue “Publish” button. The new testimonial will automatically appear in the designated areas of your website.

3. Edit ot Removing

To Edit: Hover over an existing testimonial in the list and click “Edit”. Make your changes and click “Update”.

To Remove: Hover over the item and click “Trash”. It will be moved to a bin where it can be permanently deleted later.

How to Manage Team Members

Highlighting the experts behind Terraviva Projects helps build a personal connection with your audience.

This section allows you to manage your team’s directory without touching the website’s design.

1. Locating the Team Section

On your WordPress Dashboard sidebar, click on the menu item labeled “Team Members”. You will see a list of everyone currently featured on the site.