Skip to content

Edit lesson pages

Mika Tompuri edited this page Jun 23, 2025 · 10 revisions

This page explains the general flow of creating / editing content on lesson pages.

Before you can edit lesson pages, you need to create them: See instructions on the Add chapter and lesson pages.

General

  • Lesson pages consist of content blocks, such as headings, text, images and exercises.

2023-02-07_blocks_demo_edit2


  • To see a list of all available blocks: In the bottom right corner of the screen, in the Toggle view menu, select Add block / All available blocks.

2023-02-07_all_available_blocks

Frequently used blocks

The following blocks are often used to create course materials:

  • Heading: Add headings to your page. Use heading sizes consistently: Start with the largest and use smaller ones for subheadings hierarchically.
  • Paragraph: Add paragraphs of text to your page. You can change the style of the text (italic, bold) or insert hyperlinks through the tool ribbon.
  • Image: Add images to your page. See Image guidelines wiki page for guidelines.
  • Exercise: Add exercises to your page. See Exercise types wiki page for a list of different exercise types.
  • Youtube or Vimeo block: Embed videos to your page.
  • Learning Objective Section: Add a list of learning objectives for each content page.

Adding blocks

There a few different ways to add blocks:

Add block button.

2023-02-07_add_block_button


Through an existing block

  1. Highlight an existing block by clicking it
  2. Click on the "..." icon and select Insert before or Insert after

2023-02-07_insert_block

Rearranging blocks

  1. Click a block to highlight it.
  2. In the tool ribbon,
  • use the up and down arrows to move a block one step up or down, OR
  • use the dotted icon to drag and drop the block.

2023-02-07_move_block

Deleting blocks

  1. Click a block to highlight it.
  2. Click on the "..." icon and select Remove

2023-02-07_remove_block_edit

Save or discard changes

  • To save changes you have made to a page: Click on the Save button in the bottom right corner.
  • To discard changes you have made after the previous save: Click the Reset button in the bottom right corner.

2023-02-07_save_or_discard_changes


Advanced

Add a link to specific block within the course material

The HTML anchor tag is currently not supported. However, there is a way to add a link to any specific block in the course material.

  1. Edit the page that contains the block you want to link to.
  2. Scroll to the bottom of the page and click on the debug view button (looks like a bug).
  3. In the debug window, find the block you want to link to. Copy the the ClientIdof the block.
  4. Create the link: [page address in student view]#[ClientId of the block]. For example: https://courses.mooc.fi/org/uh-cs/courses/computational-affective-modelling/chapter-15/an-equation-to-compute-frustration#7824cd05-af79-448d-a73e-4735d4def0f8
Clone this wiki locally