PGN TEMPLATE 2
SUPPORT
Before Getting Started...
Log into your dashboard
To log in to your dashboard, go to your website, and add the following to the end of the URL:
/wp-admin/
1. Getting Started
1.1 The Pages Tab
Viewing a Page
Once you are logged in, you will be directed to the dashboard.
Under the Dashboard Menu, click on the Pages link, this will lead you to the Pages directory. The pages are all labeled by their name followed by “–Elementor”. This indicates they were made with the Elementor builder provided to you. If a page label does not end with this, it was built without Elementor. This can be generally fixed by attempting to edit it with the builder in the “Edit” Page.
Every page also has an Author and a Publish date. When you hover over a page, 5 options will appear. Those are : Edit, Quick Edit, Trash, View, Edit with Elementor.
Opening a Page
To open or edit a pre-existing page, hover over the page label until the 5 previously mentioned options appear. Right click on the “Edit with Elementor” option and select “open link in a new tab”. This will open up the builder in a separate tab.
Creating a new Page
To create a new page, click on the “Add New” button right next to the Pages title on the very top of the page. You will be redirected to a new page
Type in the name of the page where it says “Add title” to change the title. On your right, click on the visibility section where it says “Public”. A pop up menu should appear with 3 options “Public”, “Private” and “Password Protected”. When a box with a header labeled “Visibility” prompts, select the “Private” option and click “Ok”.
If you don’t want it private, you can also save it as a draft by clicking on the “Save as Draft” button at the top menu as shown below.
Whenever the page is ready you can click on the “Publish” button at the top right of the menu.
Hiding a Page
There is more than one way to hide a page in WordPress Elementor. In the previous section, we mentioned setting the page as a draft. Outside of that, unless there is potentially sensitive information involved, we recommend simply hiding the page link from the menu. This can be achieved by going back to the administration page and hovering over the Appearance link until a box with 4 options appears [Themes, Customize, Menus and Theme file editor].
(If you click on the link instead of hover, those same 4 options will appear but just under the Appearance link instead)
When you see those four options, click on the Menus option and you will be presented with this.
Under the “Menu Structure” header, you will see a box that contains a list of pages. These are all the pages in the Header Menu on the top of your website.
To remove any of them from your header, click on where it says Elementor with the down arrow. This will expand the box and show you more options. On this new expanded box, there is an option to remove at the bottom.
This option removes the page from Header Menu, it does not delete the page.
Under the “Add Menu items” section, there is a section with a list of Page titles beside checkboxes. There is also an Add to Menu button at the bottom of those checkboxes. This allows you to add pages to the menu.
Deleting a Page
To Delete a page, go to the Pages view, hover over any page and click on the “Trash” option.
To reverse the deletion, click on the “Trash” filter under the Pages title and search for the label of the page you just deleted. Once you find it, hover over the title and click on “Restore”.
1.2 Editing Pages
Editing a new page
For new pages, go to a new page and click on the Edit with Elementor button on the top menu.
This will immediately save the page as a draft and redirect you to the Elementor page builder which should look like this.
For existing pages, simply hover over the label of the page and click on the “Edit with Elementor” option.
To start editing, click on the folder icon right next to the red circle with the “+” sign and you should see an options page popup.
Click on the top where it says “Pages” and switch the option over to “My Templates” .
Click on the insert link on the first option that says “1-Benchmetrics Page Template” . This will append the standard template we created for you. Now you have a pre-customized page ready for you to edit.
Editing a Section for edit
To edit a section. Hover over any segment, until a blue border appears, on the top of any section there should be a blue container with three icons. These should be a plus sign, a grid sign, and a “x” . Click the grid icon in the middle to select the section. The “Edit Section” Menu on the left side of the page should now reference that section for edit. This is important because you want to make sure you are editing that specific section. Once you have selected the proper section you can edit it using the Editor Menu.
On this Editor Menu, you can edit texts, images, paragraphs and icons. Simply click on the element you want to edit inside a section and make the edits you need. Make sure that you preview and publish any changes you make before leaving the page.
2. Dashboard Navigation
2.1 The Dashboard
Understanding The Dashboard
The Dashboard is the view control you see when you log into your WordPress account.
On the very top, there is the “Home” Link, this navigates you back to the original view. To logout of the dashboard, click on the profile box’s top corner and select the “logout” option. Underneath the dashboard there is an “Updates” option that allows you to check for updates that need to be installed. Generally speaking, you won’t have to install any critical updates. The main sections you will frequently use are the Pages, Appearance and Plugin sections.
2.2 Navigating the Sections
The Pages Section
The Pages Section is the view you see when you click on the pages option underneath the dashboard.
The pages section allows you to keep up-to-date with all the pages on your website. When you hover over the pages option, a box will appear with the options “All Pages” and “New Page”. This allows you to quickly select those options. The Pages view consists of a wide variety of information including the name, author, and publish date of any page. It also shows the status of the page if it is not published.
The Appearance Section
The Appearance Section is the view you see when you click on the “Appearance” option underneath the dashboard. If you hover over it, 4 options appear [Themes, Customize, Menus and Theme File editor] . Please do not edit the “Themes” and “Theme File editor” as that may override the custom styles and settings set up for you. If you click on the “Customize” setting, that should send you to the Customize page. There should be a menu on the side as shown below.
There are multiple options to choose from . Generally speaking, we recommend you avoid editing any of these options as they are already optimized for your convenience. The main option you may want to change is the Homepage Settings. This allows you to change the default page that shows up when your website is visited. If this is the case, click on the option and there should be a view that includes a drop down menu that is currently selecting “Home” as the homepage. Change that option to whichever page you would like as the new homepage and press on the “Publish” button on the very top.
3. Editing Content
3.1 Editing Pages
The Basics
To start editing , select a current or create a new page. You can create a new page by clicking the “Add New” option that appears when you hover or click on the Pages option. In the new page view, click on the Edit with Elementor button on the top menu.
This will immediately save the page as a draft and redirect you to the Elementor page builder.
On the left side is a details screen that includes a variety of different options. This is Elementor’s Editing Menu. It includes a variety of tools and widgets that can assist you in further customizing your website.
3.2 Editing Sections
Editing
Sections are the blocks that build a page. If you look at the bottom left of your page on the Menu you should see a stack icon. Click on it and a Navigation Box should appear on the opposite side of the Menu.
The Navigation box shows you all the sections inside your page. Clicking on a section immediately selects it for editing. This allows you to keep track of what you are modifying. Right beside the stack icon (to the left), you should have the settings (gear shaped) icon.. If there are no sections selected, the settings icon will show you the page’s setting. A frequent link you will click is the eye icon beside the update button. Clicking on this opens up a new tab with a page that shows you the edits you have made. It is recommended you view this page before publishing any updates you made.
Selecting a Section for edit
To edit a section. Hover over any segment, until a blue border appears. On the top of the section there should be a blue section with three icons. These icons should be a plus, a grid, and an “x” icon. Click the grid icon in the middle to select the section. The “Edit Section” Menu on the left side of the page should now reference that section for edit. This is important because you want to make sure you are editing that correct section.
Adding a Section
To add a new section, simply hover over any segment until you see the blue border and three icons again. This time click on the “+” icon instead. Once you click on this, a box showing a folder and plus icon will appear. Click on the folder icon and select the “My Templates” option again. Select the template you would like and click on the insert link. You can also preview the link before insertion by clicking the preview link
Deleting a section
To delete a section, simply hover over any segment until you see the blue border and three icons again. This time click on the “x” icon instead.
3.3 Editing Blocks
Editing text in a Section
To edit a header on any section, simply click on the header until the Menu section view changes to include “Edit Header” on the top. You can then change the header text by editing the text box under the “Title” label.
To edit a paragraph, do the same thing except you will be editing the text area under the “Text Editor” tag.
Editing Image on Section
To Edit an Image, Click on the image until the Menu title changes to “Edit an image”. Click on the box that says “Choose Image”. A popup will appear showing the media library. Click on the image you would like to replace it with. If you want to upload a new image, click on the uploads tab right under the “Insert Media” header. You can then drag and drop the new image and select it. Once you are finished selecting the image, click on the Insert Media button on the bottom corner.
4. Events
4.1 Viewing Events
To view your events list, go to your dashboard and click the “Events” tab.
This will show you the current list of events that are being shown on your website.
4.2 Adding Events
To add an event, click the “Add New” button in the top-left. This will open a screen where you can create a new event.
Some items to consider when creating a new event are:
- Title: The first line people see. Keep it short (around 3-8 words)
- Description: Where you can add all the details about your event, including an images/links. Feel free to add as much information in here as you want!
- Time & Date: Add the time & date of the event here. If the event doesn’t take place at a specific time, click “All Day Event”
- (Optional) Location/Organizers/Website/Cost/etc: Use these options if the event has this information. Otherwise, you can leave this blank
- (Optional) Featured Image: This image will be shown on the events list and at the top of the event details page. If you have images for your event, adding one as a featured image is recommended to make the event more appealing to viewers.
Click “Publish” on the top-right when you’re finished. Then the event will be visible on your events page (which can be found by going to your website and clicking the “Events” tab.
4.3 Deleting Events
Go back to the events list on your dashboard, hover over the event you want to delete, and click the red “Trash” text. This will remove the event from your live site.
Note: If you trashed an event by mistake, you can recover it by clicking the “Undo” button, or clicking the blue “Trash” text above the list of events, and choosing to restore it.
5. News / Blog Posts
5.1 Viewing Posts
To view your posts list, go to your dashboard and click the “Posts” tab. This will show you the current list of posts that are being shown on your website.
5.2 Adding Posts
To add an event, click the “Add New” button in the top-left. This will open a screen where you can create a new event.
Add a title to the post, and the content of the post in the textbox below the title. You can also click the “Edit with Elementor” button to use the page-builder instead.
Click “Publish” on the top-right when you’re finished. Then the event will be visible on your events page (which can be found by going to your website and clicking the “Events” tab.
5.3 Deleting Posts
Go back to the posts list on your dashboard, hover over the post you want to delete, and click the red “Trash” text. This will remove the post from your live site.
Note: If you trashed an post by mistake, you can recover it by clicking the “Undo” button, or clicking the blue “Trash” text above the list of posts, and choosing to restore it.