CONTENTS

Introduction

The Sorcerer Lodge 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 a 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: http://sorcererlodge.com/wp-admin

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 letters, numbers and additional characters (i.e. &*%$#) and ensure the password is 16 characters or longer.

Left Hand Menu

  • Dashboard
    At a glance, the latest activity on your WordPress website
  • All In One SEO
    The section where SEO for pages are managed
  • Media
    The media library is where all images, PDF’s etc are stored for the entire website
  • Pages
    All pages in the website – for managing all page content & SEO tags
  • Profile
    The section where you can manage your profile, email and password
  • Site Options
    Here you can set some general elements for the footer and sitewide settings
  • Slider Revolution
    Here you can manage slider for the homepage

Top Menu

When you are logged in, at the top of the page you will see a Black Bar.

This black bar has quick links between the Website and the Website Admin area.

The bar also has the link to the User Guide.

Finally, it has a link to log out in the top right hand corner by hovering over Howdy, Name.

Note that sometimes the black bar can affect what is visible when viewing the Website.  To see exactly what a user will see, you may need to log out to remove the black bar.

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 content in pages etc.

When entering the text into the editor, you need to be sure that you are viewing the editor in “Visual” View.

If you are copying text from a Word document, it is critical to remove the formatting that Word applies to copied content, otherwise it can produce code that the website cannot interpret.

To do this, copy your content in Word, and then press the Paste As Text button to switch the Editor into plain text mode. You will then need to reformat your text – adding paragraphs, text formatting etc using the web editing tools.

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 the heading at the start of each content section. You can select any headings from the select box shown in the next image. In that select box you can anytime switch from paragraph to heading 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.
    • The following heading styles are applied throughout the website
      • h3 – Heading3 – is used for Titles (i.e. About Sorcerer Lodge title on About Us page )
      • h4 – Heading4 is used for SubTitles (i.e. Please Note sub title on What To Bring – Winter page)

  • Lists
    • You can easily add both bulleted and numbered lists inside the editor.
    • Simply move the cursor to position when you want to start the list. Then simply press the list button (bulleted or numbered).
    • If you want to set the bullet as child of previous one, simply put the cursor after the bullet and press the “Increase Indent” button.
    • If you want to set the bullet as parent of previous one, simply put the cursor after the bullet and press the “Decrease Indent” button.
    • If you want to exit from the list, just press RETURN two times at the end of the last list item.
  • Special Characters & Emoticons
    • If you want to add any special character or emoticon, you can check 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.
  • 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.
  • Inline Images (Images In The Text Area)
    • For adding an inline image together with text content in the same row, please check the Content Block section in the shortcode section
    • For adding an inline image without text content in the same row as the image, you must first move your cursor to the position where you want the image to appear. Then click on the “Add media” button above the content area:

      Then you can choose any image from the Media Library, or upload a new one:
      In the next image you can see how the image looks in the content area. If you want to edit the image, or how it appears, click on the image once and you will see an additional menu pop-up, then you can choose the “edit” icon.
  • 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
  • Shortcodes
    • In addition to the standard formatting that can be applied through the WYSIWYG editor, there are some additional “shortcodes” that the Administrator can use to implement other design elements / functionality without needing to know how to write code.
    • All shortcodes (with examples) are listed in the Shortcodes Section

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 alphabetically by the Title. You can change the sort criteria to use ID #, Title or Date 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, and click on the page title in order to load edit page screen:

  • Click on the title to edit a page item (see “Add New / Edit Existing Page” 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

PAGE BACKGROUND

The Sorcerer Lodge website has been developed with the option for admin to define a different image to be the background of each page. Admin can also define the color and opacity for the overlay that will be applied to the image to ensure that text can be read over the image.

Page Background Area

  • This is where you can set the image to use. Click on the “Add Image” button and choose an existing image from the media library or add a new one from your computer.
  • After you set the Page Background image it should look like this

Image Crop Position

  • You can then set the “Image Crop Position”. As the website is coded to be responsive, which means that it will resize to whatever device it is being viewed on, there is a good chance that a full screen image (like the page background) will need to be cropped on one axis. This function allows you to define which part of the image should be retained, and the crop will be performed accordingly.
  • There are nine options available. The image area is split into a 3×3 grid and you can select which part of the image is the most important.
  • For example, if you choose Center Center, then, if the viewing device cannot show the entire width of the image, it will be cropped on the left and right hand side equally. Similarly, if the viewing device cannot show the entire height of the image, it will be cropped on the top and bottom side equally. Thereby retaining the center of the image.
  • If you select Left Top, then if the viewing device cannot show the entire width of the image, it will be cropped on the right hand side only. Similarly, if the viewing device cannot show the entire height of the image, it will be cropped on the bottom side only. Thereby retaining the top left of the image.

Overlay Color And Opacity

  • Click the Select Color button.
  • On the left hand side of the tool that appears, you can select a color for the overlay. Once added you can edit the RGB values for that color.
  • On the right hand side of the tool is a slider that allows you to pick the opacity for the overlay. Similarly, once added you will see a decimal value at the end of the field above the color picker / opacity slider which displays the opacity value. You can then edit this manually. Note that 0 is 100% transparent, and 1 is 100% opaque.

PAGE CONTENT ELEMENTS

The Content Elements section allows admin to add a variety of styled elements for content, with an intuitive interface coupled with some simple “shortcodes” rather than complex web functions.

Please refer to this page for a visual demonstration of each option:
https://sorcererlodge.com/wysiwyg-editor-styles/

This page can also be useful as a reference for how to add the content in the admin area.

Header Images

This section allows you to add an image “slider” which will show a series of images in rotation, with a fade transition between them, and navigation arrows to allow a user to manually control what image is shown.

  • Open the Header Images tab
  • The first box allows you to set the slide duration. This is the # of seconds that an image will show before the next image when multiple images are entered.  Note that the duration does not include the fade transition, so the time the image shows is the time the image will be in view. The default value is 5 seconds.
  • The second box allows you to define the slider height. The default for this is 500 pixels.  This is a value that allows you to show a good proportion of a landscape format image, with vertical cropping, without the image taking up too much screen space for the viewer.  Note that the width of these images is 1080px on desktop screens, so the ratio of the image displayed is approximately 2:1. Some people use screen resolutions / sizes that do not allow much space at the top of a web page before the user has to scroll, so setting this value to more than 500px can mean that many users do not see text content below the header images without scrolling.
  • If you change this value, it is strongly recommended that you check the result on multiple screen sizes and resolutions, to ensure that you know what other people might see.
  • To add an image click the Add New Image button
  • This adds a new line for an additional image
  • In the first column click the Add Image button
  • Then you can choose any image from the Media Library, or upload a new one
  • You can then define the Image Crop Position
  • Because the header images are, by default, defined to be 1080px wide and 500px high, most images will be cropped when they are displayed. This function allows you to define which part of the image should be retained, and the crop will be performed accordingly.
  • There are nine options available. The image area is split into a 3×3 grid and you can select which part of the image is the most important.
  • For example, if you choose Center Center, then, if the viewing device cannot show the entire width of the image, it will be cropped on the left and right hand side equally. Similarly, if the viewing device cannot show the entire height of the image, it will be cropped on the top and bottom side equally.  Thereby retaining the center of the image.
  • If you select Left Top, then if the viewing device cannot show the entire width of the image, it will be cropped on the right hand side only. Similarly, if the viewing device cannot show the entire height of the image, it will be cropped on the bottom side   Thereby retaining the top left of the image.
  • Once you have defined the image crop position, you can then choose whether to add an additional image to the rotation. To do so, repeat the above steps.
  • Once you have added each of the images you want to show in the image rotation, you can determine the order of them using drag and drop of the image rows. Hover over the image # column on the left hand side.  You will see a “drag and drop” icon appear.  You can then click and drag the image row into the order that you want.
  • Once you have defined the images you want to use, and confirmed the Slide Duration and Slider Height, you can add the slider to the page by adding the shortcode. Copy this code, with the square brackets into the top of the main page content section.

Tab Sections

This section allows you to define “Tab” sections on the website.  Tab sections are useful when you want to show a large amount of content, in small sections, but want the user to see an overview of what information is available without scrolling.

  • Tabs are laid out horizontally on desktop screens, so they are typically best used when there are only three or four blocks (tabs) of information. If you have more information than this, it is recommended that you use the Accordion function defined next.
  • Tabs can be defined in multiple sections. This allows you to have a section of text, followed by a tab section, then a further text area, followed by a second set of tabbed content.  The configuration allows you the ultimate flexibility on what is shown.
  • Open the Tab Sections tab
  • To add a tab section, click the Add New Tabs Section button
  • The first box allows you to set the “Active Tab Index”. This determines which tab will be active (open) when a page is opened.  Typically this will be set to Tab 1 (the default) but the option exists to change this to have another tab open on initial view.
  • You then define each of the tabs and their content.
  • Click the Add New Tab In This Section button
  • Define the Tab Title. Note that this title should be short to help with display of the tabs.
  • Next add your Tab Content using the WYSIWYG editor.
  • Repeat these steps until you have defined each of the tabs that you want in a single tab section.
  • Note that if you need to add more than four or five tabs, it is recommended that you either have multiple tab sections, or use the accordion functionality.
  • Once you have added each of the tabs you want to show in the section, you can determine the order of them using drag and drop of the tab rows. Hover over the tab # column on the left hand side (the inner # column).  You will see a “drag and drop” icon appear.  You can then click and drag the tab row into the order that you want.
  • Note that the outer left # column refers to the Section, and the inner left # column refers to the tabs within that section
  • Once you have defined the tabs you can then include the tab section in your main content by using this shortcode:
    • [content_tabs_section_1] – for first section
    • [content_tabs_section_2] – for second section etc.
  • Copy this code, with the square brackets into the main page content section where you want the Tab block to appear.

Accordion Sections

This section allows you to define “Accordion” sections on the website.  Accordion sections are useful when you want to show a large amount of content, in small sections, but want the user to see an overview of what information is available without scrolling.

  • Accordions are laid out vertically on desktop screens, so they are useful when you want to show a lot of information sections, or want people to read information in sequential order. Good examples of where this function is user can be seen on the FAQ’s page and the Trip Planner page.  If you have less information to display, you may want to consider using the Tab function defined above.
  • Accordions can be defined in multiple sections. This allows you to have a section of text, followed by an accordion section, then a further text area, followed by a second set of accordion  The configuration allows you the ultimate flexibility on what is shown.
  • Open the Accordion Sections tab
  • To add an accordion section, click the Add New Accordions Section button
  • The first box allows you to set the “Opened Accordion Index”. This determines which accordion will be active (open) when a page is opened.  If this box is left empty, no accordion will be opened when the page is opened. If set to 1, the first accordion will be opened when the page is opened, if set to 3, the third accordion will be opened when the page is opened etc.
  • You then define each of the accordions and their content.
  • Click the Add New Accordion In This Section button
  • Define the Accordion
  • Next add your Accordion Content using the WYSIWYG editor.
  • Repeat these steps until you have defined each of the accordions that you want in a single accordion
  • Once you have added each of the accordions you want to show in the section, you can determine the order of them using drag and drop of the accordion Hover over the accordion # column on the left hand side (the inner # column).  You will see a “drag and drop” icon appear.  You can then click and drag the accordion row into the order that you want.
  • Note that the outer left # column refers to the Section, and the inner left # column refers to the accordions within that section
  • Once you have defined the accordions you can then include the accordion section in your main content by using this shortcode:
    • [accordions_section_1] – for first section
    • [accordions_section_2] – for second section etc.
  • Copy this code, with the square brackets into the main page content section where you want the Accordion block to appear.

Content Block Sections

Content Blocks allow you to split content into columns within the content area.  They also allow creative use of images alongside text content, tables etc. The functionality is designed to allow you to define a wide variety of content display without complex web functions.

  • Open the Content Block Sections tab
  • The first option allows you to define how the columns will be configured. There are three options:
    • 1/2 and 1/2 columns – where the content is split 50/50 in the content area
    • 1/3 and 2/3 columns – where the left hand column is 1/3 width and the right column is 2/3 width
    • 2/3 and 1/3 columns – where the left hand column is 2/3 width and the right column is 1/3 width
  • The second option its to set the Columns Order. There are two options:
    • Multimedia Column First – when you want an image, image rotation, or custom content (i.e. a table or additional text content) on the left hand side
    • Main Content First – when you want text on the left hand side and the multimedia content on the right
  • The third option is to set the Multimedia Column Type. There are two options:
    • Image(s) – if you want a single image, or an image rotation
    • Custom Content – if you want to to define a table, or a second section of text content

Multimedia Column: Images

If you want Image(s) to appear in the multimedia column, select the Image option

  • The first box allows you to set the slide duration. This is the # of seconds that an image will show before the next image when multiple images are entered.  Note that the duration does not include the fade transition, so the time the image shows is the time the image will be in view. The default value is 5 seconds.
  • The second box allows you to define the slider width. The default for this is 340 pixels.  This is a good value when your image content is defined to be in 1/3 of the content area.
  • The following values should be used depending on what column your image content appears in:
    • 340 px – for 1/3 content width
    • 520 px – for 1/2 content width
    • 700px – for 2/3 content width
  • These values allow for the image to use the majority of the content area with a small amount of padding between the images and the content in the other column
  • You can define custom values, but please check how your images display on multiple devices after changing settings.
  • Note that values defined are for the image aspect ratio, so it’s always better to enter bigger values i.e. 800x400px and the image size will adjust on smaller screens or smaller display areas, but the image aspect ratio will always be respected
  • The third box allows you to define the Slider Height. The default for this is 230 pixels. This is a  good value when adding a standard landscape image (at 3:2 ratio) in a 1/3 column with 340 pixels width.
  • You can define the image height to show the majority of the image, or to match the height of the content in the other column.
  • To add an image click the Add New Image button
  • This adds a new line for an additional image
  • In the first column click the Add Image button
  • Then you can choose any image from the Media Library, or upload a new one
  • You can then define the Image Crop Position
  • Although you can define the image height and width to show the full image(s), there may be occasions where you change the ratio of the image dimensions to match the content in the other column, or if you add a variety of image formats in an image rotation (i.e. a mix of landscape and portrait images). This function allows you to define which part of the image should be retained, and the crop will be performed accordingly.
  • There are nine options available. The image area is split into a 3×3 grid and you can select which part of the image is the most important.
  • For example, if you choose Center Center, then, if the viewing device cannot show the entire width of the image, it will be cropped on the left and right hand side equally. Similarly, if the viewing device cannot show the entire height of the image, it will be cropped on the top and bottom side equally.  Thereby retaining the center of the image.
  • If you select Left Top, then if the viewing device cannot show the entire width of the image, it will be cropped on the right hand side only. Similarly, if the viewing device cannot show the entire height of the image, it will be cropped on the bottom side   Thereby retaining the top left of the image.
  • Once you have defined the image crop position, you can then choose whether to add an additional image to the rotation. To do so, repeat the above steps.
  • If you add a single image, no fade transition will be applied
  • Please note that the image “frame” is applied automatically to both single images and image rotations. These do not need to be added prior to uploading an image
  • Once you have added each of the images you want to show in the image rotation, you can determine the order of them using drag and drop of the image rows. Hover over the image # column on the left hand side.  You will see a “drag and drop” icon appear.  You can then click and drag the image row into the order that you want.

Multimedia Column: Custom Content

  • If you want a table or additional text content to appear in the multimedia column, select the Custom Content option
  • The image options are then replaced with a WYSIWYG editor for the Custom Content
  • You can then define content such as tables, bulleted lists, text etc

Main Content

  • Once you have content for the “multimedia column” you can then define the content for the Main Content column.
  • Please note that regardless of the order you define for the columns to display on the frontend website, the admin area is always configured for you to define the multimedia content first and the main content second
  • The main content is added in the WYSIWYG section with the same options as the main content

Adding Content Blocks To The Main Content Area

  • You can add as many content block sections as you want.
  • To add a content block section into the main content, you add a block with a shortcode in the position you want the block to appear:
    • [content_blocks_section_1] – for first section
    • [content_blocks_section_2] – for second section etc.
    • [content_blocks_sections] – for displaying all content blocks at once

Notes

  • Content blocks can be “nested” within tabs and accordions.
  • Tabs can be nested within other tab sections and within accordions
  • Accordions can be nested within other accordion sections and within tabs

ALL IN ONE SEO

Here you can add your Title, Description and Keywords tags for Search Engine Optimization.

Remember to ensure that you are:

  1. Using words or phrases that you want users to be able to find your pages under
  2. That the words and phrases you add to these fields appear in the Page 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 that 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 (to make a page private or password protected) and the Published Date for a page (this can be useful if you want to publish a page on a future date):

SHORTCODES

In addition to the standard formatting that can be applied through the WYSIWYG editor, there are some additional “shortcodes” that the Administrator can use to implement other design elements / functionality without needing to know how to write HTML code.

All shortcodes are enclosed in [square brackets] to enable WordPress to know that it is a shortcode.

The following guide defines these shortcodes and how they can be used:

Header Images

Description

Use this shortcode to add header images at the top of a secondary page on the website.

Syntax

[header_images]

Instructions

The Header Images are defined within the Page Content section and you then add the [header_images] shortcode at the top of the main content WYSIWYG editor section.

Tabs

Description

Use this shortcode to add a tab section.

Syntax

[content_tabs_section_1] – for first section

[content_tabs_section_2] – for second section etc.

Instructions

The Tabs are defined within the Page Content section and you then add the [tabs] shortcode(s) in the main content WYSIWYG editor section where you want the tab block to appear.

Accordions

Description

Use this shortcode to add an accordion section.

Syntax

[accordions_section_1] – for first section

[accordions_section_2] – for second section etc.

Instructions

The Accordions are defined within the Page Content section and you then add the shortcode(s) in the main content WYSIWYG editor section where you want the accordion block to appear.

Content Blocks

Description

Use this shortcode to add a Content Block section.

Syntax

[content_blocks_section_1] – for first section

[content_blocks_section_2] – for second section etc.

[content_blocks_sections] – for displaying all content blocks at once

Instructions

The Content Blocks are defined within the Page Content section and you then add the [content_blocks_sections] shortcode(s) in the main content WYSIWYG editor section where you want the content block to appear.

Buttons

Description

Use this shortcode to add a button.

Syntax

[button url=”http://google.com” new_tab=”yes” title=“GO TO GOOGLE” margin=”0″]

Attributes

  • button url: This is the web page that you want the button to link to. Ensure that you use http:// at the start of the web page address
  • new_tab: this determines whether the linked page is opened in a new tab, or in the same tab as the page the button is on. For internal web links, set this attribute to “no” and for external websites, set this attribute to “yes”
  • title: this is the label that will be shown on the button and is case sensitive
  • margin: the margin attribute allows you to define custom spacing around the button. Typically this can be left at zero (the default) as the standard padding of other content elements will be sufficient.

If you need to define custom margins, the format is a single digit will define the # of pixels on all sides. i.e. margin=“10px” adds a 10px margin on all sides. To define different margins on all sides, the order is: top right bottom left

For example: margin=“25px 50px 75px 100px” sets the following margins:

  • Top: 25px
  • Right: 50px
  • Bottom: 75px
  • Left: 100px

Instructions

Add a button shortcode with a custom URL and button title where you want to add a button, and the button will be styled to match the rest of the website styling.

Email Encrypt

Description

Use this shortcode to safely display email addresses. The email address you display with this shortcode will be encrypted and therefore won’t be visible to spam bots.

Syntax

[encrypt email=”your@email.address”]

Instructions

Simply enter a desired email address in the “email” attribute of this shortcode. The email address will then be hidden from spam bots and visible to normal visitors.

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 Pages that it has been added to
  • To add a new image to the media library, click on “Add new” button near media page title or in main menu:
  • When the Upload New media page loads, you can drag and drop files from your desktop, or manually select files using “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

PHOTO GALLERY

The Photo Gallery page content has been created using a specific page template coupled with a Gallery in the content area. Because there is already a gallery in the “Gallery” page, you don’t need to create another gallery, instead, you can edit the current one (if you want to add or remove images, change the order, or change the image captions).

  • To edit the current gallery, click on any thumbnail. When the pop-up menu icons appear, select the “Pencil” icon (Edit)
  • When the new popup window opens with the images you have in a gallery, you can:
    • reorder them by “drag and drop”
    • delete them by pressing the “X” button
    • add more images to the gallery by using “Add to Gallery” option
    • add captions to the images, which are visible when the image is opened in the lightbox view

  • When you are satisfied with the results, just press the “Update Gallery” button and then save the page by clicking on “Update” button.

SLIDER REVOLUTION

The Slider Revolution tool is used on pages where you want to display a full screen image or image slideshow (slider).

The Slider Revolution is currently used on the Home page on the website.

Due to the complexity of the Revolution Slider options, it is recommended that for any changes to the Home page slider images and captions you contact Best Impressions.

If you are comfortable with all other website update options and would like training to be able to make regular changes to the Home page images and captions, training can be arranged.

SITE OPTIONS

The Site Options section is where you can control global elements throughout the website as well as the appearance of the Terrain page.

General

On the General tab you can input the alias for the Revolution Slider slider that you want to appear on the Home Page. Typically you will not need to change this, as image changes for the Home Page slider will be made in the Revolution Slider admin area.

This function is useful if you want to have two Sliders prepared and switch between them. For example, you may want a Winter Slider and a Summer Slider and this function then makes it very easy to switch between the two.

If you wish to use this function, please contact Best Impressions.

Header

In the Header tab, you can control the logo files that are used on the website, as well as the background color, and opacity for the header area. This is unlikely to need changing, but it does make a global change simple should it be required.

Footer

In the Footer tab, you can control the content that is displayed in both the left and right hand side of the Footer. As with the other Site Options, this is unlikely to need to be changed on a regular basis, but if you need to change the phone number, fax number or email address, this is where that information can be updated for the entire website

Terrain

The Terrain tab allows you to control the KML files that are used to display the Lodge, as well as the Areas and Features that are shown on the Terrain Page. Whilst the lodge is unlikely to move(!), if you wish to add, change or remove terrain areas or features, this can be done from this page.

If you want to change a KML file, please upload KML files in the Media Library page first, and then go to Site Options > Terrain Tab and select the file you uploaded. Please do not try to upload a KML file directly from this page.

On this tab section you can also control the styling for the lodge, features and areas. All items should be self explanatory, but if you have any questions, please contact Best Impressions.

Scripts

Currently the Sorcerer Lodge website does not have any global scripts installed. Many clients like to have Google Analytics installed, whilst others need scripts implemented for banner advertising, or other campaign tracking solutions.

This section of the Site Options area allows you to add and control any of these site wide scripts.

Alternatively, if you are not familiar with the use of scripts, you can send them to Best Impressions and I can implement them for you.

 

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. &*%$#) and ensure the password is 16 characters or longer.

b) Log out

KEY NOTES

  • If in any doubt, please contact your web developer 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.
  • If you cannot find instructions that you are looking for in this main User Guide, please check the Shortcodes Guide
  • Whenever you make a change on the website: CHECK ALL CHANGES