Provided by:

www.thinkpixa.com
Phoenix, AZ
480.380.2201

1. Introduction:

This user guide will show you how to update and manage your new WordPress website. We’ll show you how to complete basic functions to maintain your site, such as adding, deleting, and updating pages, posts, inserting images, and more. Like learning anything new, the more you practice the better you get. We encourage you to play around in your new website. Try to add a new page (even if it’s just a test page that you delete in two minutes). The more familiar you become with your website, the more comfortable you will feel making updates.

Don’t worry — you aren’t going to delete your entire site! There are very few “goofs” we can’t fix, so if you accidentally delete something or if you do anything to your site that worries you, call us right away at 480-380-2201.

All of us at Think Pixa would like to sincerely thank you once again for your business, and we look forward to working with you to make your website a success!

Your WordPress admin login:
http://www.triarcdesign.com/wp-admin

2. WordPress:

WordPress is what is called a “CMS” — Content Management System, and is the underlying software of your website.
With WordPress you can easily login and modify your page content when need be. At the same time, since WordPress is a blog platform, you can also create and manage your blog postings and comments — without having to learn a different system.

After you login to WordPress, you will be taken to the Dashboard, which is the administrative area of WordPress that allows you to access all functions including Pages, Posts, Media, Plugins, Forms, Users, etc…

The most important is the toolbar you’ll see on the left column. The toolbar allows you to manage your Pages, Posts, and Media.

For basic website maintenance you will primarily be using Posts, Pages, and Media from this Dashboard.

Posts: Add/modify Blogs posts for the Blog page.
Projects: Work projects for the Work Portfolio page.
Pages: All the main pages of the website.

  • Home – Main page
  • Team – Team member page
  • Work – Project portfolio page
  • Blog – Blog summary page
  • Contact – contact form and information
  • Media: All the images and pdf files used on your website

In addition to the standard WordPress features we used the following premium WordPress plugins for your website:
Image Intense – Team page bios
Popup Maker – Popup Maker for Team bios
SEO – Yoast SEO for search engine optimization
Wordfence – for malware prevention and site security
MasterSlider – Homepage top image slider

3. Divi Theme:

Your website was created using the WordPress theme Divi. You can use the Divi Classic Builder which we used or the new Divi Visual Builder to create pages and posts. It is highly recommended that you familiarize yourself with Divi before customizing your website.

Divi is constantly evolving with new features and updates, so we refer you to their official documentation:

For an in-depth overview on Divi:
https://www.elegantthemes.com/gallery/divi/

For Divi Theme documentation and tutorials:
https://www.elegantthemes.com/documentation/divi/

4. Blog Section: Create or Update Blog Entries

From the main Dashboard click on Posts, All Posts:

You will see all the current blog posts.

Hover over 1-BLOG POST TEMPLATE and click Clone.
You will then see the following. The Cloned post will have Draft, Divi with the same Title as the original.

Hover over the Draft, Divi version and click Edit. You will then be in the Edit Post page below.

1) Rename the top Title “1-BLOG POST TEMPLATE” to the name of your blog post.

2) Rename the Permalink “1-BLOG POST TEMPLATE” to the name of your blog post.

3) Do not change Post Title field. It will auto populate from the top title.

4) In the left column Image, change the image to either the Featured Image or a different one. When done editing the Image Module click Save & Exit.

5) In the right column Blog, change the Blog text content. When done editing the Text Module click Save & Exit.

6) The final steps are to select a Category and Featured Image for your post. These will be used to categorize and display on the regular Blog page. Click on a Blog Category and select a Featured Image from the Media Library as shown below.

IMPORTANT:

When you are done with all edits, click on the Publish button on the right side to save all your changes. You can then click on View Post at the top to check the page. If any additional edits are needed, click on Edit Post.

5. Team Section: Create or Update Team Members

From the main Dashboard click on Pages, All Pages:

You will see all the current website Pages.

Hover over Team and click Edit. This will take you to the Team Edit Page.

To Edit an existing Team member click on the triple “hamburger” icon (1st icon) next to the team member. (see below image)

To Add a new Team member click on the Clone icon (2nd icon) and it will create a copy of an existing team member which you can modify.

To Delete an existing Team member click on the X to the right of the team member.

The Team section utilizes a WordPress plugin named Image Intense which adds effects to the image on hover. To find out more about the plugin and all the features and styles:
https://besuperfly.com/image-intense-divi-extra/

If you click Edit or Clone you will go to the Image Intense Module Settings, where you can change:

Image URL:

Overlay Title Part 1:

Overlay Caption Text:

Admin Label:

Notes:

  • All images should be 427px W x 640px H.
  • For the Overlay Title Part 1, place a line break between the name and certification.
  • For Cloned modules they will appear below the original module. You can then drag the module into another position for sorting purposes.
  • After making changes click Save & Exit to save the team bio.

    Image Intense Module Settings Panel:

    IMPORTANT:

    When you are done with all edits, click on the Update button on the right side to save all your changes. You can then click on View Page at the top to check the page. If any additional edits are needed, click on Edit Page.

    6. Work Section: Create or Update Work Projects

    From the main Dashboard click on Projects, All Projects:

    You will see all the current Project Pages.

    Adding New Projects

    Hover over 1-WORK PAGE TEMPLATE and click Clone.
    You will then see the Cloned page as Draft, Divi with the same Title as the original. Click Edit and you will be taken to the Edit Project page where you can enter images, content, category, and master slider code.

    Edit Existing Projects

    Hover over the Project you would like to modify and click Edit. You will then be taken to the Edit Project page. Make any image, content, or category changes.

    Editable Work Page Fields

    For a new project:
    1. Modify the top title to the project name
    2. Modify the permalink to the project name
    3. Modify only the fields that do not have * NO EDIT * in the module name. Do not edit footer information from the Drop Us a Line Header and below.

    Modify Only These Fields:

    • Project Image
    • Project Banner
    • Project Specs Text
    • Project Specs Image
    • Little Details Image
    • Little Details Text
    • Master Slider Code for Project

    4. Check a Project Category on Right Side panel.

    5. Enter Master Slider shortcode in the field Master Slider Code for Project.
    (see separate instructions on how to create a Project slider and shortcode for this section HERE).

    IMPORTANT:

    When you are done with all edits, click on the Update button on the right side to save all your changes. You can then click on View Page at the top to check the page. If any additional edits are needed, click on Edit Page.

    7. Master Slider: Create or Update Project Sliders

    From the main Dashboard click on Master Slider at bottom right. You will be taken to this screen:

    On PROJECT TEMPLATE (for bottom slider), click the Duplicate button and a copy will be created. Click on it.

    You will now be in the configuration screen for the duplicate slider.

    1. Click on Slider Settings and rename the Slider Name to the current Project Name.
    2. Click on Slides. Change all images to current Project images.
    3. Click Save Changes.
    4. When back in the Main panel, copy the complete shortcode for the new slider including brackets.
    5. Enter the shortcode in the section of the Project page module named Master Slider Code for Project.