Please refer to the Content Page Types list to see which components are available on a Topic Page.
...
| Info | ||||
|---|---|---|---|---|
| ||||
how to pull in content from elsewhere (ie. a news page... what other options are there?) navigation
|
To add a web page using the Topic page content type
...
It is unlikely that you will want or need to use ALL the different components offered. We have done so here for demonstration purposes only. Please read through all the component types as we'll be pointing out things along the way that apply in other components.
| Info | ||
|---|---|---|
| ||
To see a list of all components and their purpose, please visit the Types of components page. |
To see a list of all components and their purpose, please visit the Types of components page.
Text and media block component
If you wish to add a Text To add a Text and media block, click the grey button that says Add a text and media block. if you wish to block. To edit an existing one, click the Edit button to the right of the block.
You can find For more information about the purpose of each component and a picture of what they look like when published on our list of components. But basically, this component allows you to add an image and some text.
Notice that we're using Basic HTML in the editor - you can tell because of the selection but also because of the limited options available at the top of the editor.
There is a reminder note to aim for a grade 6 or 7 reading level. You would have read about that in the "Writing for the Web" section of this material.
If you prefer more options when editing, you can change to Full HTML. You will be warned:
If you feel comfortable that you have nothing to lose, click Continue otherwise, save the page first and then come back to this step.
Once you've switched to Full HTML, you will have additional features in the editor including marking text as quotes, superscript, subscript and the ability to apply a heading style to a paragraph of text.
Note that there is no 'undo' button in the editor and the options are somewhat simple but they should serve the purpose well enough.
About the "media" part of this Text and media block: if this was a new page, there would not be a picture. You would see this:
To add a photo, click Add Media and then choose what to do next:
If you wish to upload your own photo, click Choose File, browse to the file location, highlight it, and click upload. The photo is then added to the library that you see here. Select the photo by clicking the little box.
If you know the photo is in the library but you don't see it, use the filtering and sorting options to look for the photo. When you find it, click the little box to select it.
Regardless of how you get there, when you see the photo you want, click the little box to select it.
Then click on the Insert Selected button.
The photo will be inserted into the Text and media block, as you see below.
Choose if you want the photo displayed to the left or right of your Text and Image block. (If you choose 'none', that means you've changed your mind. No photo will be included. You'll have to start your search again if you didn't mean to do that.)
In the screenshot above, you can see that we've already added a picture. To change that picture, click on the 'x' in the upper right of the picture to remove it and then run through the steps above starting with "Click Add Media".
At any point, if you decide you wish to remove the Text and media block, you can click on the ellipses in the upper right of the block and then choose Remove.
Table component
To add a table to your page, click the Add Table component button. Your table needs a title, a colour, a caption, some headings and of course, some data.
Notice that each cell of the table has editor settings that you can change from Basic HTML to Full HTML. We like using Full HTML for the headings of the table and Basic for the data.
Type and format your headings. Enter your data.
You can add a row by clicking the Add Row button.
You can rebuild the table by clicking on the down arrow to the left of "Change number of rows/columns" and then:
- increase the number of columns or rows, or both. The table will be restructured and no data will be lost.
- decrease the number of columns or rows, or both. Columns will be removed from the right and rows will be removed from the bottom. Any data in those columns and rows will be deleted but data in the remaining columns and rows will remain.
Text block component
Accordion block component
An accordion block is made up of one or more collapsible elements. When an accordion block is published, it will look something like this:
A reader will click the + sign to the right of the element named "Request equipment" to see what detail lies beneath.
In this case, they would see:
This is what the data entry screen looks like for an accordion block.
When you are entering that information into an accordion block, you will need the accordion block title (Borrowing equipment), one or more element titles (Request equipment) and the text you want people to see when they expand the element by clicking the + sign.
Click on the Add accordion element to add more elements.
Feature profiles component
Feature testimonials component
Media block component
Call to action component
how to add/edit Text and media blocks, refer to these instructions.
Table component
To add a table to your page, click the Add Table component button. To edit an existing table block, click the Edit button to the right of the block.
For more information about how to add/edit Accordion blocks, refer to these instructions.
Text block component
To add a Text block, click the grey button that says Add a Text block. To edit an existing one, click the Edit button to the right of the block.
For more information about how to add/edit Accordion blocks, refer to these instructions.
Accordion block component
To add an Accordion block, click the grey button that says Add an Accordion block. To edit an existing one, click the Edit button to the right of the block.
For more information about how to add/edit Accordion blocks, refer to these instructions.
Feature profiles component
To add a Feature profiles block, click the grey button that says Add Feature profile. To edit an existing one, click the Edit button to the right of the block.
For more information about how to add/edit the Feature profile block, refer to these instructions.
Feature testimonials component
To add a Feature testimonial component, click the grey button that says Add Feature testimonial. To edit an existing one, click the Edit button to the right of the block.
For more information about how to add/edit the Feature testimonial block, refer to these instructions.
PDF Listing component
To add a PDF listing component, click the grey button that says Add a PDF listing. To edit an existing one, click the Edit button to the right of the block.
For more information about how to add/edit a PDF listing component, refer to these instructions.
Media block component
To add a Media block, click the grey button that says Add a Media block. To edit an existing one, click the Edit button to the right of the block.
For more information about how to add/edit Media blocks, refer to these instructions.
Call to action component
To add a Call to action component, click the grey button that says Add Call to action. To edit an existing one, click the Edit button to the right of the block.
For more information about how to add/edit Call to action components, refer to these instructions.
After components have been added
...