TUTORIALS

For best results when viewing videos, please choose the gear icon on the lower right and select the highest resolution available (either 1080p or 720p). This will make the videos easier to see.

BASIC

Logging In

TUTORIAL — WORDPRESS LOGIN

Step-by-Step Instructions

  1. Login to the administrative section (dashboard) of your website.  You can find it at http://www.yoursite.com/wp-login.php (replace “yoursite” with your website’s actual name).
  2. Type in your Username and Password.
  3. Click “Login” button.
  4. You are now logged in.
Logging Out

TUTORIAL — WORDPRESS LOG OUT

Step-by-Step Instructions

  1. On top of your screen look for black bar.
  2. On right hand side mouse over where it says “Howdy, Your Username“.
  3. Click on “Log Out”.
Add New User

TUTORIAL — WORDPRESS ADD NEW USER

Step-by-Step Instructions

  1. Login to the administrative section (dashboard) of your website.  You can find it at http://www.yoursite.com/wp-login.php (replace “yoursite” with your website’s actual name).
  2. Type in your Username and Password.
  3. Click “Login” button.
  4. In left-hand menu choose Users >> Add New
  5. Fill out form.
  6. Choose strong password (strength indicator will tell you level of your password).
  7. Choose user level (see below).
  8. Click “Add New User” button.

User Roles

  • Administrator – somebody who has access to all the administration features within a single site.
  • Editor – somebody who can publish and manage posts including the posts of other users.
  • Author – somebody who can publish and manage their own posts.
  • Contributor – somebody who can write and manage their own posts but cannot publish them.
  • Subscriber – somebody who can only manage their profile.

LAYOUT

Changing Menus

TUTORIAL — WORDPRESS CHANGE MENU

 

Step-by-Step Instructions

  1. Login to the administrative section (dashboard) of your website.  You can find it at http://www.yoursite.com/wp-login.php (replace “yoursite” with your website’s actual name).
  2. Type in your Username and Password.
  3. Click “Login” button.
  4. In left-hand menu choose Appearance >> Menus
  5. If changing menu name: click on down area on menu button in the Menu Structure area.  Type new menu name in the Navigation Label box.  Click “Save Menu”.
  6. If changing menu button placement: place mouse over menu button in the Menu Structure area.  An arrow pointing in four directions will appear.  Hold down on mouse button and drag button to new location, making sure it is on the furthest left side (you will see a ghost button showing whether it’s by itself far left, or underneath another button). Click “Save Menu”.

 

ADDING / EDITING CONTENT

Editing Pages: Testimonials

TUTORIAL — EDITING PAGES: TESTIMONIALS

 

Step-by-Step Instructions

  1. Login to the administrative section (dashboard) of your website.  You can find it at http://www.yoursite.com/wp-login.php (replace “yoursite” with your website’s actual name).
  2. Type in your Username and Password.
  3. Click “Login” button.
  4. In left-hand menu choose “Pages” > “All Pages”.
  5. Scroll down to the testimonial you want to change. If we created it, we will have named it by the person’s name and then “Testimonial”.
  6. Click on the three horizontal lines to open up the module.
  7. Scroll to the text you wish to change.
  8. Make changes and then click “Save”.
  9. Click “Update”.

 

Editing Pages: Blurbs

TUTORIAL — EDITING PAGES: BLURBS

INSTRUCTIONS COMING SOON

Editing Pages: Changing Bulleted Text

TUTORIAL — EDITING PAGES: CHANGING BULLETED TEXT

INSTRUCTIONS COMING SOON

Adding Post / Blog

TUTORIAL — EDITING PAGES: ADDING POST / BLOG ARTICLE

Editing Post / Blog

TUTORIAL — EDITING BLOG POST

INSTRUCTIONS COMING SOON

Creating Blog Excerpt

TUTORIAL — CREATING BLOG EXCERPT

INSTRUCTIONS COMING SOON

Creating Drop Cap

TUTORIAL — CREATING DROP CAP

INSTRUCTIONS COMING SOON

GALLERY

WATCH FIRST: Portfolio or NextGen Gallery (which do you have?)

TUTORIAL — Portfolio or NextGen Gallery (Which Do You Have?)

 

Step-by-Step Instructions

  1. Visit the gallery section on your website.
  2. Hover mouse over one of the photos: Does it turn white (or other opaque color) and have large symbol in middle? — Then Portfolio Gallery.  Does the border change color, but no symbol in middle? — Then NextGen Gallery. Or;
  3. In the address bar do you see /nggallery/? NextGen Gallery; or do you see /project/? Then Portfolio Gallery? Or;
  4. Do you see the words “[Show Slideshow]”?  Yes - NextGen Gallery; No - Portfolio Gallery.
Portfolio Gallery: Adding Images

TUTORIAL — PORTFOLIO GALLERY: ADDING PHOTOS

Portfolio Gallery: Cropping Image Thumbnails

TUTORIAL — PORTFOLIO GALLERY: CROPPING IMAGE THUMBNAILS

Step-by-Step Instructions

  1. Login to the administrative section (dashboard) of your website.  You can find it at http://www.yoursite.com/wp-login.php (replace “yoursite” with your website’s actual name).
  2. Type in your Username and Password.
  3. Click “Login” button.
  4. In left-hand menu choose Projects >> All Projects
  5. Click on your gallery to edit.
  6. Click on the three lines in module named “Gallery: XX” (XX represents name).
  7. Click “Update Gallery” button.
  8. Click on photo you want to edit.
  9. Click on “Crop Feature Image” button on right hand side.
  10. Unselect “Crop all images with same ratio at once.”
  11. Scroll to bottom and select the image titled “et-pb-portfolio-image.”  Make sure it’s highlighted.
  12. Position crop box on photo on top to where you want to crop image.
  13. Click “Save Crop” button below image.
  14. Click image below “et-pb-post-main-image” and repeat steps 12-13.
  15. Click on X to close “crop feature image” screen.
  16. Repeat these steps 8 - 15 for all the images in the gallery you want to crop.
  17. Click “Update Gallery” button.
  18. Click “Save & Exit” button.
  19. Click “Update” button on right hand side.
Portfolio Gallery: Adding Title, Caption and Description to Images

TUTORIAL — Portfolio Gallery: Adding Title, Caption and Description to Images

 

Step-by-Step Instructions

  1. Login to the administrative section (dashboard) of your website.  You can find it at http://www.yoursite.com/wp-login.php (replace “yoursite” with your website’s actual name).
  2. Type in your Username and Password.
  3. Click “Login” button.
  4. In left-hand menu choose Projects >> All Projects
  5. Click on your gallery to edit.
  6. Click on the three lines in module named “Gallery: XX” (XX represents name).
  7. Click “Update Gallery” button.
  8. Click on photo you want to edit.
  9. On the right hand side fill in the desired information.
  10. Repeat these steps 8 - 9 for all the images in the gallery you want to crop.
  11. Click “Update Gallery” button.
  12. Click “Save & Exit” button.
  13. Click “Update” button on right hand side.
Portfolio Gallery: Sorting Images

TUTORIAL — PORTFOLIO GALLERY: SORTING IMAGES

 

Step-by-Step Instructions

  1. Login to the administrative section (dashboard) of your website.  You can find it at http://www.yoursite.com/wp-login.php (replace “yoursite” with your website’s actual name).
  2. Type in your Username and Password.
  3. Click “Login” button.
  4. In left-hand menu choose Projects >> All Projects
  5. Click on your gallery to edit.
  6. Click on the three lines in module named “Gallery: XX” (XX represents name).
  7. Click “Update Gallery” button.
  8. Drag and drop photos in order you want them.
  9. Click “update gallery” button in lower right corner.
  10. Click “Save & Exit” button.
  11. Click “Update” button on right hand side.
NextGen Gallery: Editing Image Thumbnails

TUTORIAL —

NEXTGEN GALLERY: CHANGING THUMBNAILS

Step-by-Step Instructions

  1. Login to the administrative section (dashboard) of your website.  You can find it at http://www.yoursite.com/wp-login.php (replace “yoursite” with your website’s actual name).
  2. Type in your Username and Password.
  3. Click “Login” button.
  4. In left-hand menu choose Gallery >> Manage Galleries
  5. In the Manage Gallery section choose the Gallery link which have the thumbnails you want to edit.
  6. Scroll until you find the image and mouseover it.
  7. In the links below the thumb, choose the “Edit Thumb” link.
  8. Use the mouse to redraw the box of what you want the thumbnail to show. (after drawing you can click and drag the box to re-position to fine tune it).
  9. Click “Update” button.
  10. Click on the X in the right corner to close out the box.
  11. Click “Save Changes” button.
NextGen Gallery: Renaming Images

TUTORIAL —

NEXTGEN GALLERY: RENAMING IMAGES

 

Step-by-Step Instructions

  1. Login to the administrative section (dashboard) of your website.  You can find it at http://www.yoursite.com/wp-login.php (replace “yoursite” with your website’s actual name).
  2. Type in your Username and Password.
  3. Click “Login” button.
  4. In left-hand menu choose Gallery >> Manage Galleries
  5. Under the column field “Alt &  Title Text / Description” scroll down to the image in which you want to change the name.
  6. In the box, type in the new name.  You can also type in a description underneath.
  7. Do this for all the photos you want to change.
  8. Click “Save Changes” button.
  9. Open the Gallery page on your website and hit refresh and make sure the changes worked.

 

NextGen Gallery: Sorting Images

TUTORIAL —

NEXTGEN GALLERY: SORTING IMAGES

Step-by-Step Instructions

  1. Login to the administrative section (dashboard) of your website.  You can find it at http://www.yoursite.com/wp-login.php (replace “yoursite” with your website’s actual name).
  2. Type in your Username and Password.
  3. Click “Login” button.
  4. In left-hand menu choose Gallery >> Manage Galleries
  5. Above the thumbnails, click on the “Sort Gallery” button.
  6. Click on the thumbnail with your mouse and while holding the button, move the thumbnail to where you want the photo.
  7. After you’ve moved the appropriate photos, then click on the “Update Sort Order” button.
  8. Visit the Gallery page on your website, refresh the page if you need to, to make sure the changes took place.

MONTHLY MAINTENANCE PACKAGES

After we build your site, you may be interested in having us continue to maintain it. We have put together a pricing table of our maintenance fees. Whether you hire us to do your maintenance or not, you will be able to access our WordPress tutorials for free. That is an added value service we provide for hiring us to build your site.

Maintenance plans require a 3 month commitment, then become month-to-month after that. You may cancel with a 30 day notice anytime after 3 months. All prices are billed monthly.

DIY

Comfortable making updates yourself
$0
  • WordPress Tutorials
  • Update Plugins
  • Update Theme
  • Update WordPress
  • Offsite Backups
  • Discounted Hourly Rate
  • Up to 2 hours of website content changes
  • Webhosting included

Basic

We take care of maintenance updates
$19/month
  • WordPress Tutorials
  • Update Plugins
  • Update Theme
  • Update WordPress
  • Offsite Backups
  • Discounted Hourly Rate (15%)
  • Up to 2 hours of website content changes
  • Webhosting included

Premium

Maintenance and limited content updates
$99/month
  • WordPress Tutorials
  • Update Plugins
  • Update Theme
  • Update WordPress
  • Offsite Backups
  • Discounted Hourly Rate (20%)
  • Up to 2 hours of website content changes
  • Webhosting included

Ultra

Maintenance and constant content updates
$299/month
  • WordPress Tutorials
  • Update Plugins
  • Update Theme
  • Update WordPress
  • Offsite Backups
  • Discounted Hourly Rate (25%)
  • Up to 5 hours of website content changes
  • Webhosting included

DIY ONLY

Your site is built using a theme and some plugins we purchased.  Sometimes the original company will update them with new features, enhancements or security fixes. In order to update the themes in the future, you will need to purchase a subscription directly from them. If you never plan on making additions to the site, you may not need to worry about this. You will have the latest updates when your site goes live, after that, updates will be your responsibility.  This cost is included for basic, premium and ultra customers.

LOG IN / LOG OUT