Concrete5: Editing Content Basics

Concrete5 pages are built with "blocks" that are containers for the "stuff" on a web page. The Content block is appropriate for displaying text and images in most situations and is the most commonly used block. The videos on this page will show you how to do most basic editing functions with this block, including text formatting, links, images and documents.

Please see the Concrete5: Blocks video page to learn about other blocks that allow you to add additional functionality to your page including forms, image galleries and videos.

Videos on this page:

youtube controls tip

TIP: Having a hard time seeing the details? We recommend turning on the highest video quality possible and making the video full screen. Both of these controls are visible at the bottom right corner of the player after the video has been started.

 


Concrete5 - Editing Content - Overview

A step-by-step overview of the basic sequence of editing a page in Concrete5: how to find and view a page in the Sitemap, turn on Editing mode, make changes and then save the changes to the Content block, exit Editing mode, make Version Comments and Publish to the site.

Topics covered:
0:00 - intro
0:14 - finding your page in the Sitemap
0:36 - how the Sitemap tree corresponds to the page URL
0:50 - click on a page and select Visit
1:12 - Concrete5 toolbar across the top
1:18 - put page in Editing mode
1:27 - red dotted lines indicate editable areas
2:10 - side menu is not editable on the page (done with Sitemap)
2:25 - editing a Content block
2:40 - appearance will look slightly different in editor window
3:10 - basic text editing example
3:35 - saving Content block window
3:48 - exit Editing mode, write Version comments
3:50 - why meaningful version comments are important
4:20 - Publish page
 


How to add the two types of links (internal & external) and remove a link. Internal links are those pages already in the Concrete5 system. External links are on other web sites, or are Museum pages that are running on WordPress or have not been migrated to Concrete5 yet.

Topics covered:
0:00 - intro
0:06 - opening page and put in Editing mode
0:36 - internal vs external links
1:15 - what to do if you're not sure if a link is external or not
1:20 - what are the advantages of using internal links?
1:45 - internal link examples
2:30 - external link example
2:40 - recommend copying external URL from browser bar
3:20 - removing links
3:50 - exit Edit mode, make Version comments, Publish
 


Concrete5 - Editing Content - Toolbar Tutorial

An overview of the functions available on the Content block editor toolbar.

Topics covered:
0:00 - intro
0:11 - put page in Edit mode, select block to edit
0:21 - begin editor toolbar tour
0:32 - undo and redo
0:50 - Paste from Word button should always be used when pasting text
1:20 - Paste from Word (recommended) vs. directly pasting text
2:24 - using the Paste from Word function
3:10 - bold, italics and strikethrough
3:30 - text alignment
3:40 - styles drop down (n/a)
3:52 - adding headlines and other text options
4:30 - choosing headline levels (h2, h3)
5:08 - unordered lists (bullets) and ordered lists (numbered)
5:30 - indenting entire paragraphs (not just first line)
5:50 - horizontal lines
6:00 - spaces with Enter key (2 lines) vs Shift + Enter (1 line)
6:30 - insert special character
6:50 - links
6:58 - spellcheck
7:12 - images (not covered)
7:20 - code cleanup
7:38 - HTML code editor
 


Concrete5 - Editing Content - Uploading a New Image and Adding it to a Page

How to open the File Manager from the Content editor screen, upload a new file, edit the image properties and insert the image on the page. By default, the image will push text below it so you will need to choose an alignment (left or right) to get the text to flow/wrap around the side of the image.

Topics covered:
0:00 - intro
0:10 - all files managed in File Manager
0:22 - how to access File manager while editing a page
0:40 - begin example
1:00 - put in Edit mode, edit Content block
1:40 - how to insert an image
1:50 - File Manager interface
2:05 - choosing a new image to add the File Manager
2:35 - tip: don't rename file names from Photo department
2:55 - be sure you've watched videos on preparing images for the web
3:25 - upload file
3:40 - why making the image title meaningful is important
3:58 - file names are preserved automatically
4:00 - why making the image title meaningful is important, part 2
4:20 - how to edit the image title
4:30 - Description field not normally used
5:10 - remember to click Save icon on the right
5:25 - click Title link again to re-edit
5:45 - why Tags are useful
5:55 - Tag tips to help with search
5:50 - Other Properties tab options
7:00 - making an image a link to another page
7:21 - why putting images in a File Set is important
7:48 - example File Set selection
8:12 - image is now in system, viewing properties
8:35 - choosing the image to add to the page
8:55 - text does not flow around image by default
9:05 - moving an image to left or right and flowing text around it
9:30 - saving changes in Content block
9:55 - adding a caption to an image
10:12 - add image caption in Title input box
10:25 - saving changes in Content block preview window
10:40 - exit Edit mode, add Version comment, Publish
 


Concrete5 - Editing Content - Searching for and Adding a Previously Uploaded Image to a Page

How to open the File Manager from the page Content editor screen, search for an existing image file and insert on a page. You will also need to set the alignment to get the text to flow/wrap around the image.

Topics covered:
0:00 - intro
0:15 - begin example
0:27 - put page in Edit mode
0:40 - edit Content block
0:55 - Add Image link opens the File Manager
1:28 - using search to find images
1:42 - search images using Keywords
2:33 - search images by File Set
3:10 - choosing the image to insert into page
3:30 - text does not flow around image by default
3:37 - set left-image (or right-image) alignment under Style drop down
3:56 - adding a caption to an image
4:18 - captions are not shown on editing preview screen
4:23 - save Content block to review page with caption
4:37 - exit Edit mode, add Version comment, Publish
 


Concrete5 - Editing Content - Uploading a new Document and linking to it on a Page

How to add a link to a document file (e.g. PDF) on a page in the Content block. You can add documents directly to the File Manager, but the same interface can be accessed while you are editing a page.

Topics covered:
0:00 - intro
0:12 - images managed by File Manager
0:30 - adding document from within a page
0:42 - begin example
0:55 - turn on Editing mode and edit Content block
1:10 - type link text
1:30 - highlight words and select Add File
1:47 - choosing a new file
2:25 - uploading the file
2:35 - image file name is always preserved
2:55 - edit title to be more informative for other users
3:30 - saving changes
3:48 - description (n/a)
3:55 - adding tags to enhance searching
4:47 - Other Properties tab (skip for docs)
5:00 - adding doc to a File Set on Sets tab
5:36 - choosing the file to add to the page
6:00 - save edits, exit Edit mode, make Version comments, Publish
6:44 - verifying PDF link works
 


How to add a link to a document file (e.g. PDF) on a page in the Content block. Assumes the document has already been uploaded to Concrete5.

Topics covered:
0:00 - intro
0:45 - begin example
1:02 - put page in Editing mode
1:20 - Edit content block
1:34 - type in link text
1:53 - highlight text and create link
2:08 - finding the document in the File Manager
2:25 - searching by keywords
2:44 - clearing a search
2:52 - searching inside File Sets
3:50 - select Choose to create link
4:08 - save content block, exit Editing mode, make Version comments, Publish
4:57 - verifying the PDF link works