Prerequisites: This tutorial assumes that you have already set up your Moxie.Build server and logged in. This page covers some of the basics that are involved in using the Content Management aspects of the Moxie.Build system.
Categories: Think of a Category like a page on your website. A Category can either be a standalone page, or a page that umbrellas one or more other pages (or "Posts").
Posts: A Post is another type of page on your website, but it is not a standalone page. A Post is a page that belongs to a Category.
Navigate to the component (this could be a page, a section of a page, or the footer) you wish to interact with. At the bottom of this component, you should see some hyperlink icons. Hovering over any of these icons will give a brief description of what that icon does. You may see some or all of these icons, depending on your logged in user permissions.
See the full documentation for the Content Management System for more information about each icon:
As per the above section, clicking the ~ (tilde) icon will open a new tab or window in your browser, where you can edit the Intro. This is the short (1-3 lines, ideally) blurb that will appear on search results within your website. Below the Editor, below the Update button, there are a few more links:
When editing a Category or Post, there are some important features to note. For a full description of all of the features of this page, see the full documentation for the Content Management System.
First of all, you'll see a row with the Edit, Insert, View, Format, Table, and Tools dropdowns. We won't cover that here, but the important features are all found in those dropdowns as well as in the row below. Many of these buttons are similar to buttons that you will find in Microsoft Office Word and other Microsoft Office products, or the Google Drive suite.
Starting at the very left, the two arrows are the Undo and Redo buttons. If you make a mistake, these are the buttons for you!
The Formats dropdown has useful styles for different headers, margins, and responsive images.
Inline Code. To use these, you must first have the text that you wish to apply that style to highlighted in the Editor. Note: The first header that should be used is Header Two, and tier any subheaders downwards through the other header styles (Header Three, Four,...)
The and buttons are for bolding and italicizing text. To use these, you must have the text that you wish to be bolded or italicized highlighted in the Editor, then click the corresponding button to apply that style.
The next four buttons are used for aligning text to the left, center, and right, and to justify text.
The next four buttons are used for make unordered (bullet-point) lists, ordered (numbered) lists, and changing the indent level of the items in lists.
The next button is used to insert or edit hyperlinks. To use this, put your text cursor where you want to insert the link, and click the button. This will bring up a menu asking for a couple of things:
The last button is used to insert images. To use this, put your text cursor where you want to insert the image, and click the button. This will bring up a menu asking for a couple of things: