WordPress Tutorial. Saltech Systems WordPress Tutorial

(1)

WordPress Tutorial

This document is meant to give a general overview of using WordPress to edit content on your website. The intention of this tutorial is to cover the basics of WordPress and is meant to supplement any additional training you receive from our team. Always feel free to reach out to our design team for any additional support and assistance you may need with your website.

[email protected] (515) 520-8200

Saltech Systems WordPress Tutorial

(2)

01: Getting Started

1 - What is WordPress? 1 - Logging into WordPress

2 - WordPress Dashboard Overview

02: Blog Posts

3 - Create, Edit, and Delete Blog Posts 4 - Post Editor Basics

03: Media Library

5 - Media Library Overview 5 - Attachment Details 5 - Optimizing Images

04: Page Editor Basics

6 - Basic Text Editing & Links 7 - Editing Buttons

7 - Duplicating Content 7 - Page Layout

05: Common Plugin Editing

8 - Slider Revolution 9 - Essential Grid 9 - Event Calendar

06: Troubleshooting

10 - Common Questions

Saltech Systems WordPress Tutorial

01: Getting Started

What is WordPress?

WordPress is a publishing software that is used to create websites. Since it was estab-lished in 2003, WordPress has become one of the most popular website platforms, pow-ering 35% of the internet! WordPress powers websites for a wide range of businesses from small hobby blogs to large companies like Miscrosft, Best Buy and Walt Disney. One of the primary beneﬁts of using WordPress for your company’s website is that it is easy to learn and use - no coding knowledge is required to make basic content updates to your website. WordPress is also extremely customizable and has virtually endless functionalities that we can implement on your website.

Saltech Systems WordPress Tutorial 1

Logging into your WordPress Website

1. To login to your website add /wp-admin to the end of your websites domain. Ex: https://yourwebsite.com/wp-admin

(4)

01: Getting Started

WordPress Dashboard Overview

The WordPress Dashboard is the starting point for administrative tasks such as editing pages, posts, media, etc. It is the ﬁrst page you will see after logging into your website. 1. To navigate to the front end of your website: Hover over the site title in the upper left corner of the screen > click “visit site”. To navigate back to the dashboard, follow the same steps, except select “Dashboard”.

2. Google Analytics Quick View: From the dashboard you can see some quick data about trafﬁc to your website. Interested in learning how to increase trafﬁc? Contact our team to learn about our SEO & digital marketing services.

3. Other links: Make note of all of the links along the left side of the dashboard, the tabs you will probably use most often will be Posts, Media, and Pages. You may utilize some other tabs depending on various functionalities of your website.

(5)

02: Blog Posts

Creating, Editing, and Deleting Blog Posts

Your website might inlcude blog posts to display news, announcements and more on your website. Blog posts are great ways to continuosly produce new content on your website, which can be useful for current & prospective customers, as well as help improve your ranking in Google and other search engines.

1. To view your blog posts: Head to the WordPress dashboard (/wp-admin). Click the “Posts” tab on the left side of the screen. You will see a table with all posts that are published on your website.

2. To create a new post: Click the button near the top of the screen. View the next page in this tutorial to learn how to edit your new blog post.

(6)

02: Blog Posts

Post Editor Basics

1. Enter Title: It’s best to keep your post title short, yet descriptive.

2. Enter Post Content: Use the “Visual Editor” to edit content. For further information on how to use the visul editor, visit this resources from WordPress.org.

3. Post Categories & Tags: If your website utilizes categories or tags, select the

category(s) and/or tag(s) that you’d like to assign to the post. These make it easy for users to ﬁlter posts based on what they are looking for, and may also affect where the post is displayed on your website.

4. Featured Image: Select to open the media library and select an image to use. The featured image is the large image that appears across the top of your blog post, and it may also be used as a thumbnail in other parts of your website that will link to the full post. It is best to use a large, quality image for this.

(7)

-03: Media Library

Media Library Overview

The media library is where all images, pdfs, and other media is stored. 1. To access the media library, head to the WordPress dashboard click -

2. To upload new items, click then either drag and drop your ﬁles in the upload area or click to upload ﬁles from your computer.

Attachment Details

1. Click on an image in the media library to open the Attachment Details Pop-Up.

2. Alt Tags: These are important for SEO and accessibilty. For screen readers and web crawlers who can’t view images, these alt tags will be used as a description.

3. Copy Link: You will mainly need to access these if you are linking PDFs on your website - ex: newsletter archive. Copy/Paste this link on the front end of your website so users can view and download PDF ﬁles.

Front and Back of Saltech Sy..

Image Optimization

Often times, images may come with very large ﬁle sizes. It’s important that you optimize your images to give your users the best experience possible. Optimiz-ing images can help your website load faster = happy users & happy search engines!

(8)

04: Page Editor Basics

Pro Page Builder

The Pro Page Editor allows you to visually adjust the content of your website.

1. Open the page editor: Navigate to the page you’d like to edit on the front end of your website. In the top black bar, click Pro > Edit Page. This opens up the page builder. The left side of the screen contains all editing functionalities, while the right side of the screen is a preview of what the page will look like on the front end.

https://saltechsystems.com/web-design Iowa web design

Change the “Target” if you want to open the link in a new window

2. Text Editing: For most text edits, simply double click directly on the text that you would like to edit, and type your changes directly within the page.

(9)

04: Page Editor Basics

4. Editing Buttons: Click the button you want to edit. In the left side bar you can change the URL, as well as the button text (you will need to scroll towards the middle of the side bar to view the text setup section).

5. Replacing Images: Select the image on the page you want to change. In the left side bar a small preview of the image appears. Hover over this view, click the X, then click the + to open the media library and upload/select your new image.

6. Duplicating Content: The best way to add new content to your page is to duplicate content that already exists. You can duplicate anything on the page from a single section of text, to an entire section of the page. Hover over content until you see a green or blue outline around the element you’d like to duplicate > click to select. In the left column click the duplicate button. To delete content- do the same, except click the Delete button.

(10)

05: Common Plugin Editing

WordPress is extremely versatile in when it comes to having the ability to add various functionalities to your website. These additional functionalities are added using 3rd-par-ty “plugins”. Every website is unique, so we can’t cover all of the plugins in this tutorial. See below for some basic editing tips for plugins that we use on a lot of our websites. And of course, always feel free to reach out to our team for help and additional training on the various plugins that we use on your website.

Slider Revolution

If you have an image slider on your home page, we have probably used slider revolution to create this. For the most part the slider should be all set up for you, we are always willing to assist you in editing this, but if you’d prefer to make simple image and text updates yourself here are some basic instructions:

1. From the home page of your website, in the top black bar hover over “Slider Revolution” and then click the title of your slider. (You can also access this from the tabs in the left of the WordPress dashboard)

2. You can click on any text and edit it within the right side bar.

3. To switch between slides, click then select the desired slide. 4. Replacing the background image: Click on in

the upper right. Click Background. Click “Media Library” to open the media library to select a new background image. Note that most slider images should have dimensions of about 1920px x 750px to display properly.

5. Save your changes! Click the save button in the bottom right to save your changes.

NOTE: Your website may be using an older version of

(11)

05: Common Plugin Editing

Essential Grid

If you have an image grid on your website, it probably uses Essential Grid. 1. To open the plugin editor, head to the WordPress dashboard - ﬁnd the “Ess. Grid” tab in the left side bar (it is typically towards the bottom of the side bar) 2. Find the title of the grid you want to edit > click the green “Settings” button 3. To upload a new photo, click the “Images” tab near the top center of the editor. 4. Select “Bulk” > this will pull up the Media Library where you can select your desired images.

5. Some image grids contain captions or titles. To edit this find the image within the grid preview in the bottom half of the page > click the Green settings icon to open the editor. It’s easiest to base the changes you make in the editor on other elements that have the correct fields filled in, as there is many fields in this editor that you won’t need to use.

6. If your essential grid requires more advanced editing features, our team is here to help train you, or complete the edits/updates for you!

7. To save your changes to the grid, click the green “Save” icon on the right side of the screen.

Events Calendar

(12)

06: Troubleshooting

I saved my changes, why aren’t they showing up on my website?

We use caching software which helps to speed up the load time of your website. This helps retain users and improve your SEO rankings. Due to caching, some changes may not appear immediately on the front-end of your website.

In the top black bar of your site, you can clear the cache by hovering over “WP Rocket” > then Click “Clear Cache”. You may also need to clear your browsers cache by pressing [Ctrl], [Shift] and [del] on your Keyboard.

How can I add new features to my website?

If you want to add a new page, blog, custom form, online store, memberships, or any other functionality to your website, contact our team! We have the ability to implement many different functionalities on your website.

Why isn’t my website showing up at the top of search results?

We optimize your website to perform well in search results by following some SEO best practices when building your website. These technical things include; adding Title & Alt Tags, speeding up the load time, submitting your website to Google Search Console, creating a site-map and more. The technical side of SEO is just one small part of SEO. Contact our team to learn about how we can help improve your rankings even more!

But wait... there’s more!

You’ll ﬁnd FAQ’s, plugin tutorials and more on our website -

 saltechsystems.com/wp-tutorial

Always feel free to reach out to our team, we’re happy to help!

WordPress Tutorial. Saltech Systems WordPress Tutorial