Editing Pages - UXi® Websites

The Pages Screen manages blog pages on a UXi® site. Via this Screen, Pages can be edited, deleted, and viewed. Filtering, and searching, also makes it easy to quickly find Pages matching certain criteria.

Bulk-edit pages by clicking the select boxes in the left column, then selecting Edit > Apply from the menu near the top. Several powerful features allow Pages to be edited in bulk allowing fields such as Author, Tags, Categories, and Publish Status to be changed for a whole batch of Pages. 

Publishing A New Page

1. To get started, hover over the Pages icon on the left-hand sidebar, then click Add New.
2. First, enter a page title. This page title will automatically generate the page slug, but that can be modified at any point by clicking Edit next to the slug's display.
3. Next, enter content in the page's WYSIWYG editor. Click here for more information on using the WYSIWYG editing features.
   
4. If needed, select a new layout for the page to display with.
5. Enter custom meta information for UXi® SEO.
1. General: Enter a customized page title and description.
2. Search Engines: Enter a conversion code if there is a marketing campaign sending users to this page.
3. Social: Upload / select an image to use if the page is shared on Facebook or Twitter.
4. Advanced: If needed, set custom index / follow settings.
   
6. If the page will be found as a 'child page' of another page, ( IE: /about/meet-our-team/ ) select the parent page here.
7. Use this option to re-order pages in the main page menu. This is helpful for organization of larger sites.
8. Add a featured image to the page.
9. When you are ready, click Publish.

Screen Options

There are more editing fields available to you than you see on first login. The Screen Options area allows you to choose which Page Fields are displayed or hidden from your editing area, which allows you to minimize clutter and customize according to your needs.

You'll find the Screen Options tab at the very top of your screen, and if you click on it, you'll see a list of available editing boxes that you can use. Check the box for each Page Field you want displayed, or uncheck the box to hide that module. Click the Screen Options tab again to close the tab.

Visual Versus Text Editor

When writing your page, you have the option of using the Visual or Text mode of the editor. UXi® is built for design-minded users to create amazing content.  While there is always the need for an option to view the code powering the content, 

It is strongly recommended to use the visual mode for editing content.

Visual Edit Mode

The visual mode contains UXi®'s WYSIWYG editor, packed with lots of custom tools and formats. Click the links below to learn how to make your content beautiful!

• Using the WYSIWYG Editor: Add headlines, images, lists, custom styles: no code needed.
• Custom Shortcodes: Embed videos, custom buttons, and add company info. 
• Page Content Columns: Add custom layouts to the content with responsive columns or fluid text.
• Custom Formats: Add custom font styles, fine-tune text alignments, image placement, or mobile displays. 
• Tables: If you've got data to show; use the built-in table editor to make them awesome! 

Text Edit Mode

The Text mode shows you the code and replaces the WYSIWYG editor buttons with quicktags. This should only be used by those who are familiar with HTML and CSS.  Editing the code here incorrectly can not only cause issues displaying the content correctly, but break other features of the site.

These quicktags are explained as follows:

b :  HTML tag for strong emphasis of text (i.e. bold).

i :  HTML tag for emphasis of text (i.e. italicize).

link - HTML tag to create a hyperlink.

b-quote : HTML tag to distinguish quoted or cited text.

del :  HTML tag to label text considered deleted from a page. Most browsers display as striked through text.

link :  HTML tag to create a hyperlink.  HTML tag to label text considered inserted into a page. Most browsers display as underlined text.

Img : enter the URL of an image to enter.

ul : 

HTML tag will insert an unordered list, or wrap the selected text in same. An unordered list will typically be a bulleted list of items.

ol : 

HTML tag will insert a numbered list, or wrap the selected text in same. Each item in an ordered list is typically numbered.

li : HTML tag will insert or make the selected text a list item. Used in conjunction with the ul or ol tag.

code :  HTML tag for preformatted styling of text. Generally sets text in a monospaced font, such as Courier.