Skip to content

Content Management System

Here we cover how various types of content published on your platform can be managed, including publishing, editing, deleting etc.

When we refer to content management we are usually referring to content published by the platform/owner, distinct from end users content.

Overview

A content management system provides the ability to manage the content, such as web pages, blog posts, navigation items for you website or application.

As and administrator or content editor you may be asked to modify content directly on the site. This is a straight forward process similar to editing word processing document in most cases.

Note

We are progressively phasing out 'CMS Pages' within the admin portal, and instead moving over to 'Content Items'. Content Items can do all of the things that CMS Pages can, however have a much nicer editor.

Topics

Topic Description
Managing Content Overview of content management system.
Pages Management of web pages.
Blog / News / Article Publishing Management of blog posts, new posts or articles.
Beautiful Rich Text Editor Overview of how to perform commonly requested tasks using the Rich Text Editor
Downloadable Resources Management of content that has downloadable components like PDF files.
Navigation Menus Overview of how to change Navigation Menu items that appear at the top of the site, in the footer and various other places depending on the theme design.
Legacy CMS Pages Module Overview of how to manage content managed using the legacy and being phased out 'CMS Pages' module. Distinct from the 'Managing Content' approach mentioned above.
Frequently Asked Questions Overview of how to manage Frequently Asked Questions (FAQ) which have their own subsection in the admin where they can be managed.

Use Cases

As a platform admin you may need to:

  • add new page, edit a blog post, or remove content without filing support tickets.
  • update the navigation menu
  • update frequently added questions

All these basic operations and more can easily be performed by you in the admin portal.

Depending on what you are trying to do documentation for the feature is split into the following roles.

Managing Content

CNXION has a flexible content publishing system. This content can be all sorts of Content Types.

You will find all content items listed by navigating to: Content > Content items

Content items


Here you will be presented with a list of published content.

Published content items


Filtering Content by Type & Searching

You can filter all possible Content Types, by selecting just the type of content you are interested in on the right hand side. If there is a particular item you are looking to edit, you can use the search field to find it.

Filter and search content items


Pages

Here we will limit the discussion to management of Page Type content. A Page is typically used to create a web page that you wish to make publically available. The Page Content type typically has:

  • Title
  • Rich Text field
  • Feature Image
  • Metadata

Some examples of pages are:

  • Terms & Conditions
  • Privacy Policy

Blog / News / Article Publishing

Here we will limit the discussion to management of Blog Type content. A blog post could also be used for Articles, or News items. The Blog Content type typically has:

  • Title
  • Rich Text field - That is a text field with formatting
  • Feature Image
  • Metadata

Creating a Post

Creating a new post is easy. Simply select the green Add Content Item button in the upper right of the Content item screen.

Creating a post


Then select the type of Content Type you'd like to create, since we are creating a Blog post, we will select Blog Post.

Next enter a title for your post.

Next click Save and Continue

Content items type


Now let's add some content.

  1. Pick a url that you’d like this site to be accessed by on your website. For example my-awesome-article, will be available at https://mysite.com/content/my-awesome-article
  2. Choose a feature image to make an impact with the post
  3. Add some awesome content!

Tip You can switch the edit to full screen by clicking this icon (shown below)

Content items rich text editor


Add content item


Previewing a Post

You can preview a post by clicking View on site from the right hand sidebar.

Preview content item


Publishing a Post

  1. Publish content items


  1. Save content items


Viewing a Post

Same as Previewing a Post above

Deleting a Post

Delete content items


Searching for a Post

In the admin

See Filtering Content by Type / Searching section above.

On the site

The blog content can be found publically by visiting https://mysite/com/search/

Search content items


Managing Metadata

Metadata can be managed by clicking the Show link in the Page Metadata section under the Rich text content

Populating the metadata fields is outside the scope of this article. Please read the help text on each.

Content items metadata


Beautiful Rich Text Editor

Overview

Format your text and add images, videos and html with a quick and simple to use WYSIWYG rich text editor.

Use cases

As an administrator, format text as well as html and add images and videos to sections editable via a WYSIWYG rich text editor via the admin dashboard. These items are generally content items including pages, blog posts, publications etc.

Depending on what you are trying to do documentation for the feature is split into the following roles.

Requirements

Log in to your CNXION administrator dashboard via the url of you tenant platform appended with /admin ie. https://mycnxionsite.com/admin and visit a section of your dashboard with the WYSIWYG editor activated (eg. content items).

Undo & Redo

  1. You can undo changes you have made by clicking the Undo icon in the editor.
  2. You can redo changes you have undone (in step 1) by clicking the Redo icon in the editor.

Undo Changes


Redo Changes


Images

Add Image

  1. Place your cursor where you would like to add the image within the rich text editor.
  2. Click on the Insert Image icon in the editor.

Add Image


Drag & Drop
  1. Select Upload Image icon.
  2. Drag and drop an image into the window, or click field to upload using file browser, in order to add the image to the content inside the editor.

Add Image via Upload


Add URL
  1. Click the Link icon in the upload image popup window.
  2. Enter a specific URL for the image you wish to add.
  3. Click the blue Insert text to add the add the image via the URL.

Add Image via URL


Note

For security reasons CNXION currently restricts adding images via urls from domains other than the tenant CNXION domain your site is running on. If required please contact CNXION via our support channels in order to add a whitelisted domain where you may link to images.

Replace Image

  1. Click on the image you wish to replace within the rich text editor.
  2. Click on the Replace icon from the popup toolset that appears.
  3. Drag and drop a new image or enter a url to a new image in order to replace it.

Replace Image


Remove Image

  1. Click on the image you wish to remove within the rich text editor.
  2. Click on the Remove icon in the popup toolset that appears.

Remove Image


Style & Format

Resize
  1. Click on the image you wish to resize within the rich text editor.
  2. Click on the Change Size icon in the popup toolset that appears.
  3. Enter the dimensions to which you want to resize the image.
  4. Click the blue Update text to resize the image.

Tip

If you add only a single width OR height dimension then the image will be scaled proportionately to that size, respecting the original images aspect ratio. If you add both width AND height dimensions then the image may be disproportionately scaled.

Resize Image


Resize Image


Alternate Text
  1. Click on the image you wish to add alt text to within the rich text editor.
  2. Click on the Alternate Text icon in the popup toolset that appears.
  3. Type the alternate text you wish to display on the page in the case that the image wont load.
  4. Click the blue Update text to add the alternative text to the image.

Tip

Adding descriptive alternative text to images can positively affect the pages SEO rankings.

Add Image Alt Text


Add Image Alt Text


Caption
  1. Click on the image you wish to add a caption to within the rich text editor.
  2. Click on the Image Caption icon in the popup toolset that appears.
  3. Edit the image caption text that is displayed under the image within the rich text editor.

Image Caption


Add Image Caption


  1. Click on the image you wish to add a link to within the rich text editor.
  2. Click on the Insert Link icon in the popup toolset that appears.
  3. Enter the URL that you wish to link to when a user clicks on the image.
  4. Specify whether you want the link to open in the same window or open in a new tab.
  5. Click the blue Insert text to add the link to the image.

Tip

It is best practice to open any links to domains outside of your website in new tabs so a user is not redirected away from your website.

Image Link


Insert Image Link


Borders & Shading
  1. Click on the image you wish to add border and shadow styling to within the rich text editor.
  2. Click the Wand icon
  3. Select one OR multiple border and shading options from the drop down list including Rounded giving rounded corners to the image, Bordered adding a subtle border to the image and/or Shadow adding a shadow behind the image.

Image Style


Alignment
  1. Click on the image you wish to align within the rich text editor.
  2. Select either left, center or right alignment for the image.

Align Image


Wrapping
  1. Click on the image you wish to control text wrapping within the rich text editor.
  2. Select the Star icon.
  3. Select either inline to wrap text around an image or break text to display the image and text as separate blocks with no wrapping.

Wrapping


Videos

It is possible to paste a video url or embed it with code into pages, blocks and content types such as blog posts using the rich text editor on CMS pages and content items.

Get Vimeo url or embed code for video.

  1. From the video page on vimeo click the share link under the video highlighted in the screenshot below.
  2. From the popup window that is displayed either copy the link or the embed code to paste into the editor.

Embed Vimeo video


Embed Vimeo video get link


Get Youtube url or embed code for video.

  1. From the video page on youtube click the share link under the video highlighted in the screenshot below.
  2. From the popup window that is displayed you can copy the video link (to use in the paste video URL step below) or click the embed link highlighted in the screenshot below to open a new window allowing you to control embed settings and copy embed code.

Embed Youtube cideo get link


Embed Youtube video get link


The popup that is shown after clicking the embed button highlighted above is shown below.

Embed Youtube video get link popup


Insert Video

Paste Video URL
  1. From the rich text content editor select the video icon, the first icon highlighted is the video url link.
  2. Paste the video link you wish to add.
  3. Click the blue Insert text link, the video will be inserted into your content.

Embed video paste url


Embed Video
  1. From the rich text content editor select the video icon
  2. Click the second embed icon in the popup window.
  3. Paste the embed code you wish to add.
  4. Click the blue Insert text link, the video will be embedded in your content.

Embed video paste embed code


Replace Video

  1. Click on the video you wish to replace within the rich text editor.
  2. Click on the Replace icon from the popup toolset that appears.
  3. Enter a url or embed code to a new video in order to replace it.

Replace Video


Remove Video

  1. Click on the video you wish to remove within the rich text editor.
  2. Click on the Remove icon in the popup toolset that appears.

Remove Video


Style & Format

Resize
  1. Click on the video you wish to resize within the rich text editor.
  2. Click on the Change Size icon from the popup toolset that appears.
  3. Enter the dimensions to which you want to resize the image.
  4. Click the blue Update text to resize the video.

Resize Video


Resize Video


Alignment
  1. Click on the video you wish to align within the rich text editor.
  2. Select either left, center or right alignment for the video.

Align Video


Wrapping
  1. Click on the image you wish to wrap text around within the rich text editor.
  2. Select the Star icon.
  3. Select either inline to wrap text around the video or break text to display the video and text as separate blocks with no wrapping.

Wrapping


Downloadable Resources

Here you can upload PDFs or other documents you wish to make available for users to download from your website pages.

Add content item document


Edit content item document details


Content items document filename


Content items document link


Content items document link add


As an admin, be able to manage menu sections of the page, eg. top bar links, footer links. Also possible to create other menu sections and use render them in the custom template.

It is possible manage various menus, when enabled inside admin section administrator can create different menus. Now if those menus are supported by themes, you can edit items in the menus directly in admin.

Examples

  1. Demo project
  2. Art of the Pet - there are 3 menus there.

We have navigation bar and menu and Footer 1st column menu. If you click one of them, you can inside reorder menu items or change what gets displayed.

So for example if we want to add a link to a new page, we create a new page and go to the menu, where we select it should be displayed.

Possible to add as many menus as we want, just matter if themes support them.

Pages and Navigation


Menu’s Supported by Current Theme


Adding page to Menu


Image now shows in Navigation


Legacy CMS Pages Module

As an admin, be able to manage public Pages in Admin Panel, change their titles, content, urls. Public users can navigate to those Pages. By default page.html template stored in cnxion/features/cms_pages/templates is used. If frontend_djb4 is enabled, then templates in appropriate theme are used. If you want to customise CMS Pages templates entirely without the need of whole front end, just add them to cnxion/tenants/{tenant}/frontend/templates

If it is enabled it is possible in tenant admin to put SEO attributes including OG metadata. It nothing is input, then they won't show.

  • Example for demo project: https://cnxion-demo.huntedhive.com/admin/cms_pages/page/
  • See SEO attributes seection: https://cnxion-demo.huntedhive.com/admin/cms_pages/page/5/change/

Editing CMS Pages


SEO Meta Attribute Fields


Example edit Profile Landing pages

Here we describe how to edit pages such as profile landing pages, e.g. Customers / Sellers pages. This is particularly relevant for those client who have a Validate package waiting list theme live.

Links:

  • https://yoursite.com/admin/cms_pages/page/1/change/
  • https://yoursite.com/admin/cms_pages/page/7/change/

Much of the content on the site is implemented in "Blocks" these can be seen listed here:

  • https://yoursite.com/admin/cms_blocks/block/

Blocks

As an admin, be able to manage content of the pages sections in Admin Panel.

Manage Page Blocks


Manage Page Blocks Admin


Adding Blocks Manually

Add Page Blocks


Similar to other sections, you can find green Add Block button on top left to add a new block;

Search bar on top to search a content; and we can delete blocks in Action scroll down at the bottom of the page.

Contact Form

See messaging

Frequently Asked Questions

As an admin, be able to manage Frequently Asked Questions in Admin Panel (view, modify, delete, add). API for exposing published questions.

Manage the ‘sitemap.xml’ and ‘robots.txt’

Generally you should not need to touch these.

Links:

  • https://yoursite.com/admin/sitemap/sitemapentry/
  • https://yoursite.com/admin/robots/robotsfile/