Example of Informational Instructions
    By clicking the icon, you will open up a window like this one that gives you the instructions you need to use the specific CMS. To close this window, you may click anywhere outside of the box (grey blurred area) or the exit icon icon in the upper right corner of the box.
    Example of Special Attention Instrucions
    By clicking the icon, you will open up a window like this one that gives you specific instructions for a set of options or CMS use. To close this window, you may click anywhere outside of the box (grey blurred area) or the exit icon icon in the upper right corner of the box.
    CMS Navigation
    By clicking the Hamburger icon in the upper Right corner of the website, you will get a dropdown menu of all the CMS pages available to edit your site. To close this window, you may click anywhere outside of the box (grey blurred area) or the exit icon icon in the upper right corner of the box.
    CMS Images
    CMS Images differ from CMS Galleries that can contain multiple images. With CMS Images, each box contains only 1 image. The file type is preset to be either JPG or PNG. This is set by the web designer according to the specific needs for that specific image. Refer to the icon if represented.

    To load an image, you may either drag and drop an image into the space or you may click on the upload icon , and navigate to the image on your computer you wish to upload.

    Images that are already uploaded can be edited. You may follow the above process to replace the image for STAIC images. For GALLERIES, dragging and dropping an image will ADD to the gallery. You may only delete a gallery image with the delete icon . Below are edit icons you will find on both STATIC and GALLERY image CMS
    • Click the Alt Tag icon to enter the image description.
    • Click the Copy Image Paths icon to select an image path to copy to use in other application.
    • Click the Delet Image icon to delete it. CAUTION Once an image is deleted from the CMS it CANNOT be recovered.
    GALLERY Images include additional editing options. These are not available for static images.
    • Click and Drag the Hamburger Bar icon to move the image within the gallery. This will change the gallery display order.
    • Click the Featured Image icon to make the image a Featured Image. Some image display setting scan use the Featured Image to call to the front of the gallery or to display a static image.
    CMS Toggles
    CMS Toggles come in two varieties. On/Off or A/B. On/Off toggles will look like the following:

    On
    Off

    A/B toggles will look like the following:

    A
    B

    By using these four colors, you can quickly see what kind of toggle you have to work with.
    CMS Data Fields
    CMS Data fields differ from Text fields as they cannot be edited for style. Alpha Numerical information is input into the Data field and the CMS on the display end is preset with all style information.
    CMS Text Entry
    The CMS Text Entry is where all your textual content will be entered. All CMS Text boxes require a SAVE action to upload the content to the server. Without saving, content is NOT uploaded. The save icon is at the top right of every text box . You only need to click ONE of these save icons to upload all the textual content on a given CMS page.

    Textual content can be represented in two forms.
    HIPWIG - This text entry allows for various editing capabilities depending on the use of the text. Most frequently you will be given icons that let you edit the text in a similar fashion as what you will find in a word processing application on your computer. In addition, in some cases you can also edit HTML link information to the text. Below is a list of various editing icons you might see. Depending on the contextual rules, you may see more or less of these icons. These are set by the web designer.

    • The Bold icon sets the selected text to Bold.
    • The Italic icon sets the selected text to Italic.
    • The Underline icon sets the selected text to Underline.
    • The Link icon sets the selected text to link to a specified URL. You must know the URL in order to set a link. You also have the option to have the link open in a new tab.
    • The Image icon allows you to insert an image into your text.
    • The Video icon allows you to insert a video file.
    • The File icon allows you to insert a file.
    • The Style icon sets the selected text Style.
    • The Align icon sets the selected text to an alignment.
    • The Size icon sets the selected text hight.
    • The Color icon sets the selected text color.
    • The Numbered List icon sets the selected text to a numbered list.
    • The Bullet List icon sets the selected text to a bullet list.
    • The Indent icon sets the selected text to indent.
    • The Outdent icon removed any indent formatting.
    • The Undo or Redo icon undoes or redoes your last edit.
    • The Clear icon removes all formatting from the selected text.
    • The Quote icon allows you to call out quotations.
    • The Table icon inserts a table into your content.
    • The HTML icon allows you to input HTML code directly into your content.

    TEXT/Markdown Editor - This text entry allows you to input text only. You do not get to edit how it looks, the format, or enter any code. This is used where the viewed content is set by the web designer.
    Tags & Categories
    Tag & Category fields are unique in that the data input into them is used to help sort or filter lists in both the CMS Admin and on the Main site content pages. Typically, the contents are predetermined and can be pulled up by double clicking on the field space.
    Using Dates
    The Date field is a powerful setting to determine "when" your data is displayed. There are typically three ways Date is used.

    • Creation Date - Whenever a new record is generated, the current date is automatically set in the Date Field. This could be called the Creation Date as it is generated on creation of the record. Creation Dates are useful to keep a record of when a record was generated. It can also work well for lists that show by most current record.
    • Display On Date - Whenever you see the date field labeled Display On Date, the date field will set when the record you are creating will be displayed. Setting the date to a future point in time will hide the record till that date is reached. Once the date is reached, the record will be available to view.
    • Kill Date - This date setting works by allowing the record to be displayed UNTIL the date that is set. At that time the record is no longer views in the list.
    Options Selector
    Click the Options Selector and choose from the dropdown. Once you have made a selection, be sure to SAVE your choice by clicking the icon.
    Data Entry
    To enter a new data record, you will need to click the New xxx button. Once a record is created, click the Large Bold text in the list to open the editor.
    Landing Page Images
    The CMS for the Landing Page Rotational images is set up to allow you to select up to 20 total images. The minimum number is 1 image in each column gallery.

    Add images to each column to create a rotational fade. Each column is set at a different rotation rate. This creates a pleasant effect that is subtle. To create an effect that does not duplicate images in any given column, drop 3 or more images that are not alike into each column.
    Bottom Bar Content
    The Bottom Bar Content CMS will enable you to manage various aspects of the Landing Page Bottom Bar. Refer to instructions for each element.
    Bottom Bar Images
    The CMS for the Landing Page Bottom Bar images are set up to allow for three images. These images should be square in x and y format. This images should be in PNG file format.
    Bottom Bar Image Texts
    The CMS for the Landing Page Bottom Bar image texts are set up to allow for three text content boxes. These texts will be overlaid or underlaid with the three corresponding Landing Page Bottom Bar images.

    Below the text entry boxes is a Background Color selector. This will set the font color and background color to match the top color of the image you upload. Like text boxes, the selection must be saved once chosen.

    The style, weight, etc, cannot be edited in the CMS.
    Bottom Bar Menus
    The CMS for the Landing Page Bottom Bar menus is set up to allow for three menu bars to correspond to the three images above. These menus are located to the right of each image.

    The Bottom Bar only contains enough vertical space to allow four lines. Exceeding the four lines will cause the text to overlap the border of the Bottom Bar.

    To allow for additional content without this issue, a second set of three menus are available to display BELOW the Bottom Bar. Use these to add content that will not fit in the Bottom Bar.
    Menu Column 3
    The CMS for the Landing Page Bottom Bar menus is set up to allow for three menu bars to correspond to the three images above. These menus are located to the right of each image.

    The Bottom Bar only contains enough vertical space to allow four (4) lines. Exceeding the four lines will cause the text to overlap the border of the Bottom Bar.

    Menu Column 3 is set and controlled on the CONTACT CMS page.
    Bottom Bar Title
    The CMS for the Landing Page Bottom Bar Title lets you set the title text that is to the LEFT of the three Bottom Bar images and menus.
    Bottom Bar Layout
    The CMS for the Landing Page Bottom Bar Layout lets you set how the bottom bar functions. The toggle on the LEFT sets either STATIC or DYNAMIC layout. The toggle on the RIGHT sets the Dynamic GEARBOX.
    Header Control
    The CMS for the Header Control allows you to edit the Logo and Text of the page headers. The Text control affects ALL pages. The Logo control is page specific.

    Text Control is broken into two text fields, LEADING and TRAILING. The leading text is STANDARD font weight. The trailing text is BOLD font weight.

    Logo control for each page allows you to select between PRIMARY and ALTERNATE logo images. The logo images are loaded on the LANDING Page CMS. Selecting PRIMARY or ALTERNATE is set on each page.
    Header Logo Image Control
    Logo control for the Products pages allows you to select between PRIMARY and ALTERNATE logo images. The logo images are loaded on the LANDING Page CMS. Selecting PRIMARY or ALTERNATE here will set the logo for the products pages.

    To edit the actual images, you will need to open the CMS for the Cart. Click Here to go there now.
    Product Listings
    Product listings is where you input, edit and delete products to be displayed on the website. This is not your shopping cart, simply the information for each product in your shopping cart.
    Tip Title
    Tip Content
    Extras Draft
    Set the contents to DRAFT mode. While in DRAFT, this data will not be visage on the website.
    Extras Featured
    Set the contents to FEATURED mode. While in FEATURED mode, this data will be set at the forefront of any list.
    Extras Title Field
    The Extras Title field is REQUIRED. Without it, the CMS cannot generate a data file to hold all the information. Make sure to include this in all file postings.
    Extras Month Field
    The Extras Month field allows you to display the month for each line item.
    Extras Category Field
    Double click to select on of the preset categories. Galleries, Art Shows or Art Classes are the categories to use in this field.
    Extras Kill Date
    Select or enter the date you wish the content to no longer be displayed.
    Grey Bar Content
    Enter the description of the Gallery, Art Show or Art Class. You have 3 lines, each line can contain approximately xx characters.
    Art Class Materials
    Create a materials list for the Art Classes.
    Sidebar Image Text Overlay
    Enter the text you wish to overlay on the sidebar image.
    Sidebar Image Top half Background Color
    By selecting the background color of the top half of the Sidebar Image, CMS will automatically select the correct color for you Text Overlay.
    Sidebar Image
    Drag and Drop or Click and Select an image to display in the Sidebar.
    Biography Image
    Drag and Drop or Click and Select an image to display in the Biography Sub Sidebar.
    Sidebar/Bottom bar Link Text
    The Sidebar/Bottom bar Link text is where you will enter the text seen in the Sidebar on the Extras, Contact, and Bio Pages. You will also see these Text Links in the Bottom bar of the Landing page. Keep these short as room is limited.
    Sidebar/Bottom bar Link Toggle
    These toggle enable or disable the associated link text.
    Extra Content Data
    Create and Manage Extra Content Data records.
    Biographical Text
    Enter your full biography here.
    Biography Label
    Enter a label for the biography.
    About
    Tip Content

    Intro to CMS

    CMS (Content Management System) is your custom interface to add, edit and delete content within you website. While many parts of your site are CMA enabled, things like site layout, colors, fonts, etc, cannot be manage by the CMS. These need to be edited at the web development level. This site was build using RapidWeaver tools. You would need RapidWeaver along with the project file, the proper extension, stack and plugins in order to edit the site at the development level.

    CMS give you the ability to control your content without the need of these tools. You can manage CMS portions of your site from any computer or mobile device that supports internet access. This give you the ability to manage your site from where ever you are at a moments notice. By only having control over content, you do not have to worry about accidentally selecting the wrong font, or entering an image that throws the whole site design off.

    Your CMS is designed to mirror your website for it's content as best as possible. There are a number of various input methods you will see on your site. These include: toggles, switches, selectors, text fields, image drop boxes, image gallery boxes and others. You will note that there is an information icon next to the various types of CMS inputs. These are informational instructions that tell you how to use the CMS. There are also specific instructions that require special attention. These are denoted by icon. Follow these instructions where denoted to properly use the CMS.

    Use the Hamburger icon to navigate the CMS.