Quick Start

2/3/2016 3:16:58 PM

Logging Into CMS

Watch Video

Creating a New Page

Watch Video

Once you’ve logged in to the new AgCenter CMS, you’ll land here, the Dashboard.

To get started creating your first page, locate the menu at the top right of the screen. Click Create Page.

Watch Video

Select a layout

For ease of use, we will focus on the Quick Start layouts (Build Your Own is covered later). Quick Start layouts are basic formats similar to the templates in the old CMS and help give you a head start in creating your pages.

The Default Page layout will fit your needs most of the time. It includes the basic elements of title, images, and content with the ability to add more as you work.

Publishing Bar

Publishing Bar

After selecting the default layout, you will see the following options at the top of the page, most of which you are likely already familiar with:


Sunrise Date: The date the article will appear on the live website.

Sunset Date: The date the article will disappear from the live website.

Save: Saves your changes to the page.

Preview: Allows you to view the page as it will appear on the website in its current saved state.

Publish: Makes the latest saved version of the page live on the website (after quick moderator review) as well as sends it an editor for further review. The unedited version remains live until it is replaced by the edited version.

Located on the right, the Status box shows the current state of your page: Saved, Waiting on Editor, Waiting on Reviewer, Waiting on Moderator, Declined, Published, etc. The Visibility box shows ___________.

Add or Edit Content

The Page Editor is located on the left-hand side of the page under Sunrise Date. This is where you will begin to add the content to your page.

You can add text to a page by copying and pasting from a different source or typing directly in the open fields.

The first box is where you’ll want to enter the title of your page under Page Editor > Article Title.


Next, under the Article Name field, is the Content box. This is where you’ll actually type the content of your page. You can copy and paste or type directly into this box. The text entered here will show up in the main body of the page.



Changes can be made to the formatting of the text by using the toolbar located directly above the open box. Unsure what it the icons mean? If you hover the mouse over each icon, without clicking it, a tooltip will appear with more information.


The information here will be the article description and the thumbnail associated with the article. This information is displayed in search results and in listings of pages.

Type or copy & paste the article description. Insert an image by clicking the media gallery icon. The media gallery will pop up. Click Upload File(s) and select the image(s) you want to upload.

After uploading your image(s), highlight the row by clicking the image you want. Click Item(s) Selected in the bottom right corner of the gallery.


Adding Owners & Authors

Your name will automatically be listed as owner and author. You have the option to change that designation or also select a point of contact (POC).Other users may also be selected and listed by searching for them in the Select User section.These users can be given the role of owner, POC or author or a combination of those roles.

Adding Tags

Tags are a word or combination of words that relate to the content of the page. The tags help classify the page as well as help visitors to the site locate your content more easily. For example, a page about planting snapdragons might include the tag “cool season” and “annual.”

To create tags for your content, type the tag you want to add in the box. A selection will appear in a drop-down menu based on what you have typed. Select the tag you would like to use.


Selecting A Channel for Your Page

The structure of the site is displayed as a tree of folders. To make sure your page appears where you intend it to, expand the folders necessary to navigate to your desired location. Place a check mark in the box to the side of every channel where you like for your content to appear.

You should select the channel that will be the ultimate destination for your content. You do not need to select every channel as you navigate down the tree. For example, if you would like to add a page to the Allen Parish website, you would not select “Our Offices” or “Parishes.” The system will recognize that you are looking within those larger channels and designate them with a green box. Your selected channel will have a green check.

Customizing Layout

Once you feel comfortable within the new system, you may find that the quick start layouts don’t fit a specific need you may have. Customizing layouts can give you new possibilities for arranging content on your pages. Any quick start template can be customized by adding or deleting rows or modules.

Adding Rows

You can add a row to the top or a row to the bottom of the page by clicking the appropriate boxes.

Then you will need to select your layout by choosing the number of columns you want. The number of columns range from one to four with different sizes in width. The Select your Layout images can give you a general idea of the width of each column.

The wider columns can accommodate more types of modules, but there are many options for each. Remember, you are starting from scratch here, so you will need to add a module to each column.

Adding Modules

What are Modules?

Modules are basically placeholders that display content in different ways. They can house images, text, files, videos, etc. depending on which one you choose. The quick start layouts already have modules built into the page for you. You can add more modules to the quick start layouts to create a custom page layout.

Adding Modules

After selecting your layout, click on +Add Modules and select the module you want to add.

Some modules are not available in narrow columns due to formatting issues.

Module Basics

The in the left-hand corner of each module will delete the row and the trash bin in the right-hand corner of each module will delete the module. The in the right-hand corner of each module is a user tip that gives a brief description of each module.

Different Types of Modules

Header

A section or paragraph header. You can use this module to call attention to certain areas of the page or create a chapter-like feel to your content.


Image

A single, large image displayed on the page. To add an image to the module, you have to first add it to the media gallery.

After selecting the Image module, click + Select. The Media Gallery will pop up. Click Upload File(s) and select the image(s) you want to upload. After uploading your image(s), click on the image you want, which will highlight the row. Click Item(s) Selected in the bottom corner of the gallery.



Image Bucket

Images imported from a database or external system (i.e., e-mail, social media)



Link Listing

A list of links.



Photo Slider

A gallery used to display multiple images.


Photo Slideshow

A gallery used to display multiple images.



Video Gallery

Used to display multiple videos.



Accordion Panel

Vertically stacked list of items which can be expanded to reveal the content.



Content

This is the main body text.


Event Listing

List your events.


Exploding Image Navigation

Horizontal line of expanding photos.


Social Media Stream

Link to your Facebook or Twitter feed.


File Bucket

Upload supplemental or related files here.


Adding an Image within the Body of the Text

Sometimes, you just want to add an image to the body of the text. Place the cursor in the area of the text where you want to insert the image. Then click the Insert Image icon. For example, if you want it at the top of the page, place the cursor before the first word in the first paragraph and click Insert Image.

Select the image you want by either clicking on Choose File or drag and drop the image to the area that says, Drop file here.

Select the image and then click the Edit option that appears over the middle of the image

The size of the image can be adjusted by grabbing the anchor box in the bottom right-hand corner of the image with your mouse and dragging the image to scale.

Complete all fields that are applicable.

Title

Name or short description of the image.

Link

Add the URL address if you want the image to “Link” to another page.

Open link in new tab

Check this if you want the Link to open in a new window.


Position

Click the dropdown arrow to move the image to the left, center or right position.This field also aligns the text to the image properly.

Cancel

Allows you to exit this box without any changes.

Delete

Deletes the image.

Save

When you have made changes, you must click “Save.”

Click “Save Changes.”


Rate This Article:

Have a question or comment about the information on this page?

Innovate . Educate . Improve Lives

The LSU AgCenter and the LSU College of Agriculture

Top