Table of contents

ELEMENTOR

Exiting Elementor

Screenshot_54.jpg

Screenshot_55.jpg

Wordpress is to create everything, pages and blogs and media, ELEMENTOR is just to EDIT pages & Blogs

When working on a page always save as a draft first,

1 - Login

navigate to https://www.victoriafullerart.com and enter /wp-admin at the end to access the back end of your website

Screenshot_77.jpg

Screenshot_78.jpg

2 - Edit any page

navigate to the page you want to add a new gallery, for example the Nature Squared page, get there and because you’re already logged in you will see the admin bar atop, select “Edit With Elementor.

Once you’re in that page you’ll be able to edit the different elements where after you click on one you’ll see a blue bounding box around the element indicating you can edit, and all its properties appear on the left side panel as marked by the arrows. You can make any changes from here on.

Screenshot_79.jpg

Screenshot_80.jpg


If you want to add new elements to the page the best way is to duplicate an already existing element, The RIGHT SIDE click will bring out the alternative menu giving you the opportunity to see more options available to you. To Duplicate an element just select from this alternative menu.

Screenshot_81.jpg

Then you’ll be able to edit that new section accordingly and then move in place by dragging from the 9-dots-waffle in the center of the blue to the correct location.

Screenshot_82.jpg


3 - Create a new page

Get out of ELEMNTOR to create a new page

As before the best way to do this is to find an already existing page with the correct layout and duplicate it. For example let use the Canoes page (https://www.victoriafullerart.com/common-objects/canoes/) which has a gallery and text.

CanoesPage.jpg

4 - Duplicate a page

Once you’ve identified the page you want to emulate go to the top admin bar and select “Duplicate this as a draft” under the Edit Page menu link. This will create that new page that you can start editing.

Screenshot_83.jpg

5 - Find the duplicated page

Here you can look for the page in the Pages section, and it will show up as a draft, use this one to edit.

Screenshot_84.jpg

6 - Change page title and permalink

The first and very important step is to change the Page Title to the new name and then change the “Permalink” to reflect that name, no spaces here, dashes instead and all lower caps. like so: new-canoes-page

Screenshot_85.jpg

Then Save Draft and click the “Edit in Elementor” button

Screenshot_51.jpg

7 - Edit the content

As you know hoovering over an area shows you the blue outline surrounding the particular element. Click on the pencil icon to edit the section, this will bring its properties on the left -side panel. In the case of the gallery you can tell there are 12 images in the gallery and if you click there you can change what those images are and replace them with your new images

Screenshot_86.jpg

8 - Edit a Gallery

In the case of a gallery of images you can delete (by hitting the x in the images), reorder (by dragging) or captioning (just type in “Caption…” you image title)

Screenshot_87.jpg

add (by clicking on Add to Gallery) and from there you can upload from your computer

Screenshot_88.jpg

SAVE AS A DRAFT

Screenshot_53.jpg

When finished then PUBLISH

CHANGE THE TITLE OF THE IMAGE

Screenshot_52.jpg

SAVE AS A DRAFT

Screenshot_53.jpg

When finished then PUBLISH

9 - Edit Text

Editing is as easy as using a Word document. Same as before, select the pencil from the blue outline and on the left apply your edits.

Screenshot_89.jpg

10 - Add a new entry to a gallery page.

In this case we’re trying to add the new entry to the main gallery section. First navigate to the page you want to add the link/gallery to. In this case Common Objects (https://www.victoriafullerart.com/common-objects/) then go to “Edit with Elementor” a top of the page (remember you need to be logged in to see the admin menu)

On this page you can select one of the element (picture that connects to the page) there, right click and select duplicate, this will create another instance of the item.

Screenshot_90.jpg

From here you can edit its properties: Upload image > Image size: Custom 500x350 (important) > Custom Caption > Link (to the new gallery page)

Screenshot_91.jpg

Hit Save Draft/Publish.

11 - Media Library

How to find, add, remove and edit images to the website FROM WORDPRESS

Go to Media and here you can add, delete or edit any images, their titles etc…

Screenshot_59.jpg

How to find, add, remove and edit images to the website FROM ELEMENTOR

When you’re inside Elementor you have access to the same media library by selecting ANY image in that page and the left panel editor gives you access by selecting the “Choose Image” button when you hoover the editor.

Screenshot_60.jpg

12 - How to update the Resume

The RESUME area of the ABOUT page has 2 layouts the first is just text that you can easily edit on the left side panel, it’s a word editor.

Easy

Screenshot_56.jpg

There’s another area of the resume that uses tables which is similar to using Excel. Notice in the right panel editing area the outline around the entries, rows and columns. To edit you need to go to the corresponding field and make your changes.

Screenshot_57.jpg

To add one more entry you go to the very last field, click it and then hit tab, this will create a new row.

To insert a new row click on a field and select the table icon (1) Row (2) and insert before or after (3).

Screenshot_58.jpg