How to Add Content to a Page
|
1. |
Make sure the Page Builder is opened. (Remember that you can access the Page Builder by clicking Page Builder in the Page Editor.)
|
|
2. |
To add new content, click the + button on the top-right toolbar:
|
|
3. |
Then select the type of content you would like to add from the list that appears:
|
|
4. |
The block of content you select will now appear in the main area:
|
How to Resize and Move Content
To resize a block of content, make sure it is selected by clicking it. Then hover over one of the handles that appear around the content. Click and drag to change the size:
To move this content simply click and drag it to a new position:
You can rotate this content using the top control point:
Click on the central control point and drag to rotate the content:
Editing Content
To edit content, make sure it is selected by clicking on it. The left-side panel will show you options to edit the content:
Note: If the left-side panel is not visible, click on the Toggle Left-Side Panel button on the upper toolbar, and it will appear.
When editing content, make sure the Content tab is selected. The Content tab can be found at the top of the side panel, or directly above the content in the main area:
This tab will be named based on the type of content you are editing. In this example, the Text tab appears as text content is being edited.
Some general editing options can be found at the bottom of the side panel for all content types:
Let’s take a look at these options in more detail:
You can move content forward or backward (1) relative to other blocks on the page. For example, if one block is placed on top of another, you can change which block appears on the top using these buttons.
You can duplicate the entire block by clicking the duplicate button (2). A copy will be made of the block that you can then move and edit.
You can delete the block by clicking the trash can icon (3).
Clicking the </> icon (4) will open the developer tools menu. Here you can add and edit HTML, CSS, or JavaScript coding for your page. When you click this icon, a coding field will be displayed; make your changes in the field, and click Update to apply changes:
Clicking the Navigator icon (5) will open the Page Builder navigator. A pop-up will appear that shows the structure of the page you are editing. Clicking on a label will take you to that section. This tool can be helpful when you have multiple sections added to the same page.
Clicking the Inspector icon (6) will open the Inspector tool. The Inspector can be used to adjust the padding and margin values for this block. You can click in one of the blanks and type a number. Then you can select a unit for this value by clicking either px (pixels), em, or % (percentage).
You can also click the Chain icon to automatically make all four values (left, right, up, and down) equal. Now, when you change one value, the others will be automatically changed to match:
Finally, you can also select one of the three available device dimension options (7).
Types of Content
The Page Builder includes a number of types of content that you can include on your course pages:
Content types include titles and headings, paragraphs, images, shapes, maps, videos, buttons, tables, icons, sliders, and code.
How to Delete Content
To delete content, click the Trash can icon. It can be found either at the bottom on the Content tab on the side panel, or on the mini-toolbar below the content in the main area:
You can also select the content and click Delete on your keyboard.
Related Tutorial Video