Table of Contents


With your new WordPress Responsive/Adaptive website, top of mind should be ‘how will this present on mobile view’. The use of tables, tabbed or spaced links on a single row, multiple image without a gallery (which will not render well on mobile) should be used very little, if at all.

Content information: Less is more when it comes to styling.


The use of tables in a responsive/adaptive website should be used sparingly, but if the need to use a table to organize information is present, a maximum of two columns should be used. With mobile view display, a table not formatted correctly for width, or having too many columns, will result in any columns past the 2nd one, not being seen.


Should be done minimally, if at all. On PC view, centering might look OK, but once you get to mobile view, the content display might not have the effect you were hoping for. Images are automatically resized, content is automatically shifted to accommodate the device resolution. You should never use your ‘space bar’ to separate text links, etc. This will result in displaying your content/images in an unruly manner for tablet or mobile view.

Coloring/Styling text

The style sheet of the website has been set to give you preset styles for Headers, titles and text. Modifying content to use a different color for text blocks is not necessary. Consistency of website content works best for visitors, and will help eliminate issues that could arise if HTML tags for colors or font style is used, but a users device does not display that HTML tag properly.

Copy Plain Text

Always copy content in as plain text, to avoid/eliminate issues that will come up if content is pasted directly from a word document or another web page. If you are comfortable viewing HTML to troubleshoot why something isn’t outputting correctly, the “Text” tab at the top of the content box in admin will show you the HTML view.


A separate user account should be setup for anyone that has been given permission to manage/edit the website. Users will be created by Gaslight Media on the clients behalf, to ensure that proper permissions are given for that user, and that no disruptions are created in the admin area by a user that does not know how to set the permissions correctly.

To create a new user, please provide Gaslight Media with:
  1. User Name
  2. Email Address
  3. First/Last Name
  4. Permission levels: What areas of the website is this user allowed to make changes, edits or additions?


PAGES > CMS SYSTEM: Edit/Add pages

All Pages – Lists all pages created in the website
  1. Bulk Actions > Edit or Move to trash by selecting check box next to individual page(s)
  2. All Dates > sort/search by date that page was created
  3. Search Pages > Search by page name/title etc.
  4. Hover on Page name/title – Offers Edit, Quick Edit, Trash and View

Add New: Create a new page

  1. Enter Title of page
  2. Add content/images
  3. Page Attributes > Select Parent (where this page should live under)
  4. Status – Save a draft, make private or password protect
  5. Featured Image – if website has been designed to use Featured Image as top header image, select Featured Image > Uploaded from Media Library

Treeview: Hierarchy View of top main level and sub-level pages

  1. Easiest method to look at all of your pages within the hierarchy of parent/sub levels
  2. Search > Search by page name/title etc.
  3. Expand/Collapse – Expands/Collapse all sub-level pages

HTML Editor – Formatting options for displaying content

  • Heading tags, paragraph – We have set numerous heading styles for your website based on approved design, for the Titles, which includes the font color and size. Main page titles should use “Heading 1″ , while sub/paragraph headlines would be assigned “Heading 2, 3 or 4” depending on design of site.

NOTE: if for some reason you aren’t seeing all options under HTML toolset, click on the icon that looks like a keyboard (next to the green square) and it will open the full HTML toolset.

URL or Email Links – Links are used to link an URL or Existing Content like pages, events, or posts.

  • Highlight the title then select Insert/edit link icon – Use a description or title there is no need to type the whole URL address as the title.
  • Enter the URL address – you can copy and paste the URL from your browser
  • If linking to an exterior URL remember to check the box for Open link in a new tab.
  • To link to existing content in the website use the Search feature to find the page, event or post you want to link.
  • Email links must start with mailto: Example:

Anchor Tags: Organizing content for visitor
When creating/adding paragraphs of content on a page, there might be a need to give visitors a link to the area of the page that will ‘drop them’ down to the content they are looking for. A good example of this would be a FAQ page.

For a step by step visual guide, please refer to:

Responsive Columns

eVision Responsive Columns provides shortcodes to create a grid system or magazine style columns for laying out your pages or posts on demand that are mobile friendly.

For a step by step visual guide, please refer to:



Adding pages to the menu, the management of navigation occurs in Appearance > Menus

Menus can be displayed in locations defined by your theme design. From this screen you can:
  • Create, edit, and delete menus
  • Add, organize, and modify individual menu items
  • Create custom links for navigation items that need to link ‘off site’
  • Rename menu items as you wish them to display in the main website navigation
  • Reorder navigation items

To manage:

  • Select the Menu to edit than hit Select to load the correct menu
  • Pages > check the page(s) you need to add to the navigation menu
  • Add to menu > select this box, and pages that have been selected will appear in the last position order of the menu items displayed in the right hand screen
  • Drag and drop menu/pages into the hierarchy of the existing navigation structure.


Media Library

All the media files (images, documents, PDF’s) you’ve uploaded are listed in the Media Library, with the most recent uploads listed first.
You can view your media in a simple visual grid or a list with columns. Switch between these views using the icons to the left above the media.
To delete media items, click the Bulk Select button at the top of the screen. Select any items you wish to delete, then click the Delete Selected button.
Clicking the Cancel Selection button takes you back to viewing your media.

Add Images: To the body of pages (or media files like PDF’s, word docs, etc)

  • First, make sure you have uploaded the image(s) you would like to include on a page to your Media Library.
  • Place cursor within the description box where you would like the image (or media file) to be displayed. You will have the opportunity to select if it’s left/right/center aligned.
  • Select the “Add Media” button above the HTML toolset.
  • Either select the image from your existing media library or select the “Upload Files” tab. Once you have the image you want to add, you can change the alignment settings, add a caption, add a link, and change the display size in the right hand side of the Media Library. Once those items are set, click the blue “Insert into page” button.
  • Edit > Click the pencil icon…which opens a new window under “advanced options”. You can also resize your image by dragging a corner of the image.
  • Note, do not upload images that are more than 1000px width x 700px height, unless for your slide show, which you have been given a specific width/height.
  • To add PDF files, etc, follow the same process as adding a photo, but instead of changing the alignment/size/etc on the right side, only change the “Title” on the right side before clicking “Insert into page”.The name will display on the page as a link. So an example title could be “Click here to download this helpful PDF”.


Add Image Gallery (small thumbnail images that show larger when you click them)

  • Click “Gallery” on the left side of the admin area in Pages
  • Create a new gallery by clicking “Add Gallery/Images”. You can create a new gallery by entering a name in the text box or you can select an existing gallery to add images to.
  • Next – “Add Files”. Select images you want for the gallery.
  • Start Upload -Once you’ve chosen the image files.
  • Upload complete – Once upload is finished, click “Manage Galleries” on the left side of the admin area. Choose the gallery you just created and you will be able to change the titles/descriptions of each image. Be sure to “Save Changes” for them to take.
    • You can click “Sort Gallery” next to the “Save Changes” button and drag the images into the order you want them presented to the visitor.
    • Be sure to click “Update Sort Order” to save your changes.
  • Insert Gallery to page:
    • Edit page you wish gallery to be placed on.
    • Select where on the page you’d like to add the image gallery (at the bottom below the text/info is usually a good place) and select the green box from your HTML toolset.
    • Go to the “What would you like to display” dropdown and select the gallery you want to add to page (just click in the field next to “Galleries” and a drop down will show).
    • This is the only thing you need to change before clicking the “Save” button.
    • Once you’ve selected your Gallery, click the Save button. Note, in the admin area, you will only see ONE image from your gallery on the page, but when you Update the page (save it) then view the page, you will see that it shows all of the image you’ve added to that gallery.

For a step by step visual guide, please refer to:  Adding An Image Gallery

Add a Video Gallery

While very similar to adding a gallery to a page, adding a video gallery takes a few extra, important steps. You will essentially be creating a gallery, and attaching a video URL to each image.
For a step by step visual guide, please refer to: Adding A Video Gallery

MCM Categories

  • Add New MCM Catergory > Name – give a title to the category
  • Save – Add New MCM Category
    • Images can be assigned multiple categories. Example, ‘kids on beach’ image is 1900 x 500 so the categories might be Summer Fun and Header Image.
    • Each Category may be assigned to a Category Parent so that you may set up a hierarchy within the category structure. Using automobiles as an example, a hierarchy might be Car->Ford->Mustang. In creating categories, recognize that each category name must be unique, regardless of hierarchy.

Add a Category to an image in Media Library

  • Select an image by clicking on the image.
  • The image detail page will open.
  • MCM Categories (bottom right) select all categories that apply. Once the category is checked off it will automatically save.
  • Hit the “X” to exit.


META SLIDER – Slide show application

Select Meta Slider from left hand menu
  • Slide show image size is displayed in right hand column > Width and Height pixels
  • Media Library > Crop/Resize slide show images to this dimension prior to uploading to Media Library. If image is uploaded in a larger or smaller width/height pixels, it will be cropped to center of image, or enlarged to make it fit. This will result in distorted or improperly cropped image view.
  • Choose ‘Add Slide’ > launches Media Library > Select image (s) to upload to Meta Slider.
  • Apply a caption to the image (if needed)
  • Add URL if you’d like to take visitors to an inside page of website, or if it’s an external website you are promoting, make sure to check “new window”, which will launch new window.
  • Positioning images: Drag entire slide blocks up/down to determine the order of the slide show images
  • Deleting images: Mouse over image and a red trash can will appear in upper left hand corner of image. Select and image will be deleted from slide show, but not from Media Library.



  • Posts are the principal element (or content) of a blog.
  • All Posts – Via the All Posts Screen you can select the Post or Posts you wish to edit, delete, or view. Multiple Posts can be selected for deletion and for editing.
  • Bulk Edit feature allows you to change certain fields, en masse, for a group of Posts.
  • Quick Edit – A handy in-line edit tool, called Quick Edit, allows you to update many fields for an individual Post. Various search and filtering options allow you to find the Posts you want to edit or delete.
  • Add New Post – Add New Screen is where you write new Posts. While you are writing those Posts, you can also create new Categories and new Tags. In addition, any Media (pictures, video, recordings, files) can be uploaded and inserted into the Posts.
  • Categories – Every Post in WordPress is filed under one or more Categories. Categories allow the classification of your Posts into groups and subgroups, thereby aiding viewers in the navigation and use of your site.
    • Each Category may be assigned to a Category Parent so that you may set up a hierarchy within the category structure. Using automobiles as an example, a hierarchy might be Car->Ford->Mustang. In creating categories, recognize that each category name must be unique, regardless of hierarchy.
  • Categories Screen allows you to add, edit, and delete Categories, as well as organize your categories hierarchically. Categories can be added in the Posts ‘Add New’ Screen.
  • Tags – Tags are the keywords you might assign to each post. Not to be confused with Categories, Tags have no hierarchy, meaning there’s no relationship from one Tag to another. But like Categories, Tags provide another means to aid your readers in accessing information on your blog.



The Blocks Feature on your website gives you the ability to share news announcements, promotions, special events.

  • Add New Block
  • Add title that you would like to appear on the home page output with your block
  • Give brief description of the information you are sharing within the block
  • Attributes> Order > You can arrange the blocks in the order you would like to display on home page. Enter a number (such as 1) in this field, and the block will output in the first position/order on home page.
  • Set Featured Image > select Image from Media Library you wish to display with block

Block Links – select a radio button

  • External URL – insert website you are linking to
  • Internal Page – select a Page from the dropdown menu
  • Internal Post – select a Post from the dropdown menu
  • Internal Event – select an Event from the dropdown menu



All Form submissions are stored in this area. If an external Emarketing account has been setup for your website (Mail Chimp, Constant Contact for example), the Form submissions have been integrated directly to your account.
For other Forms (such as Contact Us, Request Visitors Guide, etc) you can view/export Entries to complete follow up responses, mailing labels). To manage Entries:

  • Entries > View all entries submitted on website. This will be the full list of all Forms integrated on your website.
  • Switch Form (upper right hand corner in Entries section) Select which Form on website you would like to review/export entries
  • Import/Export > Select the Form you wish to export Entries from
  • Select Fields for export
  • Enter date range ‘Start’ and ‘End’ dates
  • Download Export File (you can manage how you want this file saved once dialog box appears)



Manage employment opportunity postings by organizing into Categories and Departments that can be searched on the front end of the website by visitors.

  • Add Job Postings > Fill out any/all fields that are applicable to position. Formatting of field data is automatic on the front end of the website.
  • If an online application form was created for your website, potential employees can submit their application, and attach an resume online.

Applications are stored under Forms>Entries.

  • Entries > View all entries submitted on website.
  • Switch Form (upper right hand corner in Entries section) Select which Form on website you would like to review/export entries



Create and manage unlimited ads with Advanced Ads. Keep stats and run successful advertising campaigns straight from your dashboard. Banner Ads can be placed pretty much anywhere on the site.

View complete Manual:

Add New – use the Wizard to create an Ad or exit the Wizard for a one page view.

  • Give the Ad a title
  • Select image from Media Library
  • Schedule your Ad
  • Publish the date and time the Ad will start to appear
  • Check the box Set an expiry date for the Ad expiration date
  • Select which Group(s) your Ad will appear in
  • Stats > Admin Stats to view all the statistics for the Ad
  • Hit Publish or Update to save the Ad

View Screen Shot for a Quick Reference Guide.


Ad Groups are a very flexible method to bundle ads. You can use them to display random ads in the front-end, run split tests, set the order in which ads appear, display ad block, but also just for informational purposes. Not only can an Ad Groups have multiple ads, but an ad can belong to multiple ad groups.

Setting up an Ad Group

An Ad Group is created on the edit screen of an ad using the Ad New Ad Group button.

All the other information about the ad group, e.g. the group type or the number of ads to display can only be selected on the Groups overview page.

View complete Ad Group Manual: