CMS content editing

Introduction

Understanding how to edit site content and manage website pages is important for application designer who works with Casewhere. These tasks are accomplished using the Casewhere CMS admin interface.

Casewhere CMS admin (refers as CMS) interface contains 2 main functioning areas:

  • Worker sites: where you manage all of your worker sites and pages, we will discuss this functioning area in this article
  • Widget template: where you work with the widgets by creating, modifying or even importing and exporting, read more in Widget template

image-20211216084320831

You can edit CMS content easily, whether it's published or in a draft, without changing what's live on your site.

Worker sites

Add a worker site to CMS

First thing first, let go to Casewhere admin to create a new worker site. Think of Casewhere admin like a place to manage the backend of your application, meanwhile CMS is the place to manage the frontend a.k.a how your application will look like.

Tip: switching from CMS (for application's frontend) to Casewhere admin (for application's backend) is actually very simple, just remove the "/admin" in your CMS's url

Step 1. Read Create a worker site for a guideline if you don't know how to create a worker site in Casewhere, notice a slight change that in step 3 you must choose the theme name "none"

Step 2. Reload CMS, if you see your newly created worker site in the homepage list, congratulation, you are all set!

Manage worker sites

In the CMS Worker sites page, you will see a list of all worker sites with their name, tile, domain, modified time and action lists.

image-20211214093356034

There are a few things that you can do with this homepage to make ease when managing worker sites:

  • Sort any column image-20211216084615900
  • Click the domain name to quickly view the site image-20211216084714444
  • Design your worker site with action buttons

Design your worker site

Edit site design

Intro

This function will help you design the master layout of your site.

Click Edit site design button image-20211214093441815 to enter the master layout editing mode.

What is master layout?

The master layout is an important building block in the construction of a worker site. Master layouts often contain graphical elements common to the theme. A master layout normally will have a header, logo area, main menu, and footer, but you actually can define as many elements as you want for your master layout.

Each worker site has one master layout. It is not only helps to maintain a consistent appearance through all the pages of your application, but also help to save your time and effort since the designer only have to define it one time.

Guideline

A brand new master layout is totally blank. You can reuse an old layout, or in this article, you will learn how to create a new layout.

Step 1. Click ADD WIDGET

image-20211216091118123

Step 2. Select the widget Page containerimage-20211216091312530

Page container widget is a placeholder for your pages, that you will learn how to config in the next sections.

Step 3. Click the upper or lower plus icon image-20211216091646097 to add more widgets.

image-20211216092352900

Step 4. We will add a Rich Content and a Menu widget on top of, and a Row widget under the Page container widget.

image-20211216093320418

Now you can fill in the content placeholder with image and text.

image-20211216093956195

Go to page list image-20211214093448706

This button will get you enter the page managements interface, read section CMS page management for more.

Publish all image-20211214093455418

When you click this button, your master layout will be published, and you can see how it looks in a real site.

image-20211216094356076

CMS pages management

Before you start create a new page, make sure your Page Container widget has been added to your master layout as a placeholder.

Create a new page

Click Add page image-20211216095629022to create a totally new page.

Edit page design

Click Edit page design button image-20211214093950118 to enter page editing mode.

The designing concept of CMS is not changed even you are working with a master layout or a page.

Reference Design your worker site section to learn how to add and arrange widgets.

image-20211216102556012

Publish

You can click Publish button image-20211217101044088 to immediately publish your page.

Preview

You can click Preview button image-20211217101056224 to preview the page appearance before publish.

Read more about publish and preview in Content publishing.

Copy a page

Click Copy this page button image-20211214093942785to quickly duplicate a page and inherit from that page's design.

Setting

Click the Setting button image-20211214093806105 to edit page info such as title, parent page, and order.

Set a page as homepage

Click Set at homepage image-20211214093814192button to set the page as homepage. Each worker site only have 1 homepage.

Access rule image-20211214093833781

There are sites that should only be accessed by a specific group of identities.

For example, the application designers can set up access rules to show or hide specific widgets for certain user roles.

To set such restriction to a site, users need to add some rules, read more in CMS access rule (coming soon)

Publish a page

Click Publish button image-20211214093847486to publish. The published page will have both master layout and the page content.

image-20211216102452848

Mark a page as template

Click Mark as template image-20211214093853635button to add a page to the page template library.

So when you create a new page for the same worker site, you can inherit from another page's template and do not have to do double-works, especially if you want to keep the same page layout across some pages.

image-20211216101636701

You can also unmark a page as a template image-20211216101759790. This action will remove the page from the page template library.

You can click Unlink from worker site image-20211214093900366to seperate the page from its worker site. This action will not delete the page but will made it no longer accessible from the worker site.

Delete

You can click Delete image-20211214093910582to delete a page. Be careful with this action since the page once deleted can not be recovered.