CONTENTS

• Introduction
• Access Information
• Left Hand Menu
• WYSIWYG Content Editor
  • Paragraphs
  • Text styles
  • Headings
  • Lists
  • Special Characters & Emoticons
  • Quotes
  • Align & Justify
  • Indents
  • Tables
  • Regular Links
  • PDF Links
• Pages
  • All Pages
  • Add New / Edit Existing Page
  • Page Title
  • Main Page Content
  • Page Options
  • All In One SEO
  • Publish
• Slider Revolution
  • Duplicate Slider
  • Embed Slider
  • Add/Edit/Delete Slider Images
  • Slide Image Position
• Media Library
• Profile
• Key Notes

Introduction

The Skydive Extreme Yeti website has been developed using a CMS (content management system) called WordPress which enables you to administer the majority of the website content without using a web developer.

The website and this guide have been written in a way to make the administration of the website as simple as possible.

It should be noted that there are certain functions which it is has been impossible to give administrative access to you, and for these you will still need to contact the web developer.

All administration requires a certain level of web and computer literacy although the functions are as intuitive as it is possible to make them.

Access Information

URL: https://skydiveyeti.com/wp-admin
Username: client
Password: [hidden]

Each user will have their own unique username and password which allows them access. It is critical that user passwords are “strong” to avoid hackers accessing the website – to ensure this, please use a password that is at least 10 characters long and includes letters, numbers and additional characters (i.e. &*%$#)

Left Hand Menu

WYSIWYG content Editor

The WYSIWYG (what you see is what you get) editor is the main editor for all the content in your website. You will use it when adding or changing the page content.

When adding or editing text in the editor, you need to be sure that you are viewing the editor in "Visual" View.

Most editing tools exist as they do in a standard word processing program. It is strongly recommended that you do not use creative text styles. The website is designed to have consistent text to make it easy to read for all users. Making text bold or changing the color of text to 'highlight it' often confuses users who think that the styled text is a link. All links are styled consistently throughout the website without you needing to manually style them.

• Paragraphs
  • New paragraphs are added by using RETURN
  • To force text onto a new line without the paragraph spacing, use SHIFT RETURN

• Text Styles
  • All the common styles that you find in other text editors, also exist in the WYSIWYG editor.  Simply click and drag the mouse on the text to make a selection, and then press any button from the editor to apply a style to selected text.
    
  • You can find some more styles if you click on the "Format" item in the editor's menu.
    

• Headings
  • Common practice is to use a heading at the start of each content section. You can select any heading styles from the select box shown in the next image. In the select box you can switch from paragraph to heading styles and vice versa.
  • Heading styles are defined for the entire website. Using this approach ensures that all text is consistently styled through the website and that the Administrator does not have to apply font colors and sizes each time.

• Lists
  • You can easily add both bulleted and numbered lists inside the editor.
    
  • Simply move the cursor to the position where you want to start the list. Then press the list button (bulleted or numbered).
  • If you want to set the bullet as the child of a previous one, put the cursor after the bullet and press the "Increase Indent" button.
    
  • If you want to set the bullet as the parent of a previous one, put the cursor after the bullet and press the "Decrease Indent" button.
    
  • If you want to exit from the list, press RETURN two times at the end of the last list item.

• Special Characters & Emoticons
  • If you want to add any special characters or emoticons, you can use the special character and emoticon tables
    

• Quotes
  • You can add a blockquote into the content by using the "blockquote" button from the editor
    
  • You can exit the quote mode by pressing RETURN two times

• Align & Justify
  • You can use the align buttons to align the content. You can align the content to the left side (default), center or right. Simply position your cursor and press any of the align buttons to start aligning the content. Or you can select content already added to define the alignment of the selected area. You can align any content - paragraphs, images, tables etc.
    
  • The justify option can be used to align the text to both sides of the content area.

• Indents
  • Indents are a useful tool for making your text more readable. Indenting text adds structure to your content by allowing you to separate information.  They often replace the use of 'tabs' in word processing applications because ''tabs' do not exist on websites. You can use indents to move entire paragraphs or to create nested list items.
    

• Tables
  • You can insert a table into the content area by choosing the option "Table -> Insert Table" from the editor's menu. By moving your cursor over the small squares, you can define how many columns and rows the new table will contain.
    
  • After the table has been added, you can manage the table rows by going to "Table -> Row". Every setting you change there is then applied to the row where your cursor is positioned. For example to create a table header styling (by default all rows are white), move your cursor to the first row, and go to "Table -> Row -> Table Row Properties" and then in a popup choose "Header" as value for the "Row Type" attribute.
  • Using the same approach, you can manage the columns and/or the individual cells of the table.

• Regular links
  • To add a link to some text, first highlight the text that needs to be linked and click the “insert/edit link” button on the toolbar:
    
  • Paste the page URL into the top box
  • Insert a title – link titles are used on webpages in pop-up tooltips in some browsers when a user hovers over a link. They are also used for screen readers and for search engine optimization.
  • If the link is to an external website check the “Open link in a new window/tab” box. Otherwise, leave this blank.
  • If the link is to another page on the website you can select the page from the section at the bottom of the Insert/Edit Link pop-up window, and you can search for pages

• PDF links
  • To add a link to a PDF file first highlight the text that needs to be linked, and copy the highlighted text
  • Now press “Add Media” button and select (or upload) your PDF file
  • In the "Title" field in the right hand column paste the link text (that you copied earlier) and then press the "Insert Into Post" button
  • This makes the PDF link and uses the text in the Title field for that entry
  • Note: this only changes the Title field for this occasion

Pages

The page function is used for managing all pages in your site. In this section you can add/edit/delete pages, manage page content and manage the page settings.

All pages

To access the pages section, choose  Pages -> All Pages  from the Main Menu.

Entering the "All Pages" view shows an index of all page items sorted by date published.  You can change the sort criteria to use ID # or Title by clicking on the column title.

• The default is to show 20 pages in each index page.
• To visit the next page, use the pagination and navigation at the top and bottom of each screen (right hand side)
• To view more than 20 pages in the index view, select Screen Options at the top and change the number of pages to show
  
• You can search Pages based on words anywhere in the Page – this can be useful if you need to find all pages where a certain word or phrase has been used

Add New / Edit Existing Page

• To add a new page, go to Pages > Add New:
  
• To edit any existing page, go to Pages > All Pages:
  
• Click on the title to edit a page item (see instructions below for how to edit a page item)
• Hover over the title to have the option to Edit | Quick Edit | Trash | View

Page title

• Enter the page title here if you are creating a new page. Otherwise that field will be already populated with the current page title. Ensure that the title is self-descriptive and that it is not too long.
  

Main Page Content

• Add/edit your page content here:
  

Page Options

In each page edit screen, you can define some options for the page:

• Show Title - Set to "On" if you want to show the page title
• Full Width Title - Set to "On" if you want the title to start close to the left browser edge. This option is useful for full width content, like the photo gallery page.
• Define custom page title - You can customize the title shown in frontend - i.e. if you want to show different text than the text in the title field.
• Top Slider - Set to "On" in order to show a revolution slider above the page content. This function also requires the next setting to be completed (Slider Shortcode)
• Slider Shortcode - Enter the shortcode for the slider you want to display. You can find the shortcode in the slider edit screen.

All in One SEO

• Here you can add your Title, Description and Keywords tags for Search Engine Optimization. If you have not attended training for effective optimization of website content, ensure that you are:
  1. Using words or phrases that you want users to be able to find your posts under
  2. That the words and phrases you add to these fields appear in the post content and in each SEO tag field consistently

Publish

Press the "Publish" button to make a Page live:

Press the "Update" button to save the page changes:

When you are adding a new page, its status will be set to "Draft". This means the page won't appear on the website until you click on the "Publish" button. Check the next image:

You can change the status of the page back to "Draft" after you publish it.

You can also set visibility for the published page (this can be useful if you want to publish a page on a future date):

Slider Revolution

The Slider Revolution tool is used on pages where you want to display an image slideshow (slider). There are currently two versions of slider that are used on the website:

• HomePage Slider
  This has several images (a slideshow) in the slider, showing only one image (slide) at a time
• Carousel Slider for Secondary Pages
  This contains three visible slides at the same time (on desktop screens) with the main one in middle

Sliders can be managed from the admin area "Slider Revolution" menu page:

On that page, you can see all the sliders that have been created:

The Homepage slider is used as the slider on the homepage, while all other sliders are carousel sliders used on secondary pages.

Duplicate Slider

If you want to create a new secondary slider for a new or existing page, you can copy one of existing secondary sliders by using the "duplicate" function:

By duplicating a slider, you duplicate all the slider settings that are already configured for that slider, so that you do not need to configure sizing, transitions, etc. As such, all you need to do is add/change images in the sliders. If you are interested in changing any specific slider settings, please contact Dave Best

Embed Slider

In order to embed a new slider into a secondary page, you will need to get the shortcode for the slider.

The shortcode for the slider can be seen by selecting the "Embed Slider" option:

Then just copy the shortcode part:

That shortcode needs to be pasted into the "Page Options" section of the page edit screen for which you want this slider to appear in:

Add/Edit/Delete Slider Images

To edit an existing, or newly duplicated slider, click on the "edit" icon:

This will load the first slide in edit mode. At the top you will see the slide you are currently editing, alongside all the other slide thumbnails at top. By clicking on a thumbnail, you are going to the edit page of that specific slide:

You can delete any slide, by hovering over its thumbnail, and click on the "delete" option:

In order to reorder slides, simply click on the slide thumbnail and drag it to another thumbnail position.

When adding a new slide, to select an image, ensure that the "Main / Background Image" tab is selected, and then click on the "Media Library" button in order to select an image from the media library or upload a new image:

When editing an existing image for the slide, simply click on the "Media Library" button to select an image from the media library or upload a new image:

Slide Image Position

By default, the image position inside the slider will be centered in both directions.

There is a good chance that the edges of an image (on one aspect) will be cropped on some devices.

It is therefore important to set the image position for each slide image, based on the key element(s) of the image, in order to prevent important parts of the image from being cropped.

For example, in slide #1, two people are in the top right hand corner of the image, so it is important that the top right hand part of the image won't be cropped.

In order to prevent cropping of the top right corner of the image,

Select the "Source Settings" sub tab

And set the Background Position to be "right top"

This will prevent cropping of the top and right parts of the image, and instead will crop from the left or bottom side of the image if the viewing device screen size requires the image to be cropped.

Many images can be left with the default value: "center center", which is auto selected.

If you have chosen to duplicate an existing slide and then change the image, check that the Background Position is appropriate, as it will be inherited from the slide that was duplicated.

Every option described above is exactly the same for both home page and secondary sliders. The only difference is in slider settings, which do not need to be changed.

Media Library

The media library contains all images and other type of files within the entire website

• You can filter media content by date added:
  
• You can search media filenames with the Search Media function. This is one reason why it is so useful to name images with descriptive criteria:
  
• Select multiple media items using the check boxes on the left hand side of the index and then apply the Bulk Action “Delete Permanently” to remove items from the Media Library – note that this also removes the media item from any Posts/Pages that it has been added to
  
• To add a new image to the media library, click on “Add new” button near the media page title or in the main menu:
  
• When the Upload New media page loads, you can drag and drop files from your desktop, or manually select files using the “Select Files” button:
  
• NOTES:
  • Resize all images before upload to save time and save on server space
  • Regular images for the website should ideally be 1280px on the long side, at 72dpi ready for upload.
  • Ideally, if you have the photoshop knowledge, they should be "saved for web" as a jpg at 60 quality - this default gives the best resolution versus file size and loading time.
  • This applies to all images that will open in a lightbox, including all photo gallery images and gives some future proofing for image quality.
  • If you are using a smaller image inline in the content area, these images can be smaller.
  • The only exception to this is the Home page slider images and top images for each page. These should be saved and uploaded at 1800px on the long side at 72dpi.
  • Ensure that image names do not have any spaces in them. Please separate words using underscores “_” or hyphens “-”
  • Use descriptive image names to assist you and other users in identifying and finding images

Profile

Top Right Hand Corner: "Howdy Name"

Click here to:

a) Edit My Profile:

• You can change your password here, BUT please make sure that password "strength" is good
• WordPress sites are notorious for hackers trying to get access
• It is critical that user passwords are “strong” to avoid hackers accessing the website – to ensure this, please use letters, numbers and additional characters (i.e. &*%$#)

b) Log out

Key Notes

• If in any doubt, please contact Dave Best with your revisions and ask them to make changes. It is much easier to make additions or remove content than to try and correct errors that have been made.
• Whenever you make a change on the website: PLEASE CHECK ALL CHANGES