The HOGScan Editor

General notes, terminology and policies

• There are two environments in which you can work;
  • The sandbox environment is where you can test and try things out to familiarize yourself with the steps you will be going through. The sandbox environment starts with dev. Our sandbox environment is https://dev.raleighhog.com
  • The production environment is the site that all members see. This is where you make the changes that chapter members see. Our production environment is https://www.raleighhog.com
• Please note that prior to doing anything in the production environment you can, and should, test in the sandbox environment first. This environment is used for testing and is not seen by members. If something gets corrupted in the sandbox environment it is easier to correct than in production.
  • Your login credentials are the same for both environments
  • Your webmaster will help with any questions you may have

Intro to the HOGScan Editor

The HOGScan editor is commonly called a WYSIWYG (pronounced wiz-ee-wig) editor. WYSIWYG is an acronym that stands for What You See Is What You Get. It is a type of editing software that allows users to see and edit content in a form that appears as it would when displayed on a webpage, slide presentation, interface, or printed document.

The WYSIWYG Editor is the editor presented to you when adding content for the Event Calendar, updating any HOGScan page or creating your own Basic page.

1. Referencing the image below, this is the WYSIWYG Editor you use to enter content onto any HOGScan page. The ribbon with the icons only displays when the Text format is set to HTML Editor.
2. Reference the image below for a brief explaination of what each icon in the top row is for.
   1. Add / remove link - add a link in a basic page or calendar entry. If a link is currently there, the second icon will not be greyed out and you can remove the link.
   2. Image / Table - from left to right, insert an image from a directory onto the page, add a table to the page. The DIV and iFrame are not anything you'd want to use when creating a basic page or calendar entry.
   3. List - Ordered / Unordered - create an ordered (each item in the list is numbered) or unordered (each item in the list has a circle in front of it) list
   4. Indentation increase/decrease - indent text. If text is indented the icon on the left will not be greyed out and you can decrease the indention
   5. Text maniuplation - from left to right, make the text ordered to the left side of the page, centered on the page, ordered to the right side of the page or have equal margins on the left and right side of the text
   6. Special characters - not anything you'd want to use on a basic page or calendar entry
   
3. Reference the image below for a brief explanation of what each icon in the bottom row is for.
   1. Paragraph format - other than possibly adding a header to a basic page, for the most part this will not be used. No need for headers in calendar entries.
   2. Font name / family - should be left alone and use the HOGScan default font of Raleway
   3. Font size - if you want to make the text on your page slightly bigger only choose 16 from here.
   4. Text styles - other than possibly adding a header to a basic page, for the most part this will not be used. No need for header in calendar entries.
   5. Text highlight - should not be used. The icon on the left will change the font color, the icon on the right will change the color behind the font. These can make your text very difficult to see/read.
   6. Text format - from left to right, make the text Bold, Italics, Underline or Strikeout
   7. Fullscreen - click to make the editor fullscreen, click again to toggle it back