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


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


Publishing A New Post

  To get started, hover over the post icon and click Add New



  1. First, enter a post title. This post title will automatically generate the post slug, but that can be modified at any point by clicking Edit next to the slug's display.
  2. Next, enter content in the post's WYSIWYG editor. Click here for full documentation on WYSIWYG editing features.
  3. If needed, select a new layout for the post to display with.
  4. Enter custom meta information for UXi® SEO.
    1. General: Enter a customized post 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 post is shared on Facebook or Twitter.
    4. AdvancedIf needed, set custom index / follow settings.
  5. Select at least one category to publish the post in.
  6. Repeat that process with tags.
  7. Add a featured image to the post.
  8. 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 Post 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 Post 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 post, 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. Learn More»


Custom Shortcodes: Embed videos, custom buttons, and add company info. Learn More»


Page Content Columns: Add custom layouts to the content with responsive columns or fluid text. Learn More»


Custom Formats: Add custom font styles, fine-tune text alignments, image placement, or mobile displays. Learn More»


Tables: If you've got data to show; use the built-in table editor to make them awesome! Learn More»


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 : <strong></strong> HTML tag for strong emphasis of text (i.e. bold).

i : <em></em> HTML tag for emphasis of text (i.e. italicize).

link - <a href="http://example.com"></a> HTML tag to create a hyperlink.

b-quote : <blockquote></blockquote> HTML tag to distinguish quoted or cited text.

del : <del></del> HTML tag to label text considered deleted from a post. Most browsers display as striked through text.

link : <a href="http://example.com"></a> HTML tag to create a hyperlink. <ins></ins> HTML tag to label text considered inserted into a post. Most browsers display as underlined text.

Img : enter the URL of an image to enter.

ul : <ul></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 : <ol></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 : <li></li> HTML tag will insert or make the selected text a list item. Used in conjunction with the ul or ol tag.

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

Close Tags : Closes any open HTML tags left open--but pay attention to the closing tags. WordPress is not a mind reader (!), so make sure the tags enclose what you want, and in the proper way.