The Pages feature in the Site Admin offers a powerful tool for real-time layout editing with an intuitive interface. This guide will walk you through creating pages, adding modules, and customizing them on your website.
Create new Manage pages | Saving changes and deleting pages | Adding modules | Editing modules | Saving your changes | Additional tips | Other modules
...
...
Manage pages
| Anchor |
|---|
...
|
...
|
...
Creating new
...
pages
Select the Create New Page button to start creating a new page.
Enter page details
In the Create a New Page window, enter a Name for your page. (this name is seen on the front end)
Optionally, edit the auto-generated slug for the page.
Select Create to proceed or Cancel to discard.
...
...
Customizing pages
Once created, select the newly created page from the Grid to customize it.
The left-side navigation panel allows you to add and customize modules.
The right side displays a preview of the page.
Saving changes and deleting pages
| Anchor | ||||
|---|---|---|---|---|
|
Saving Changes
After making your edits, locate the Save Page button on the bottom right of the navigation panel.
Select the Save Page button to ensure all your changes are preserved.
Deleting Pages
To delete an entire page, find the Delete Page button on the bottom left of the navigation panel.
Select the Delete Page button, then confirm the deletion to remove the page.
...
Adding modules
| Anchor | ||||
|---|---|---|---|---|
|
...
Locate and select the module you want to edit. You will then be directed to the module, where you can make edits.
Edit moduleEditing modules
Use the provided options to modify the module's content and settings.
Arrange Arranging Modules
When multiple modules are present, you can reorder them by dragging and dropping the modules into different positions.
See the specific module options below.
...
Pre-populated text
Similar to the Banner module, Side-By-Side modules come with dummy text.
Adding an image
Upload images for your module by using drag-and-drop or the file selector.
Supported file types include png, jpg, jpeg, gif, webp, bmp, svg.
You can edit the image multiple times by using the pencil icon or delete it and start over using the trash can icon.
Image alignment
Choose which side you want your image on using the radio button options for Left or Right
Button design and destination
If you're adding a button to the banner, follow these steps:
Label the button appropriately.
Choose a color for the button from the available options.
Specify the destination for the button:
For an Internal item (default), search for the name of a course, page, group, or session already created in the Search field.
For an External item, select External using the radio button and enter a valid URL in the URL field.
...
Remember to save your page updates when you are done editing any module to avoid losing progress by selecting the Save Page button.
...
Additional tips
| Anchor | ||||
|---|---|---|---|---|
|
Experiment with different module types and configurations to achieve the layout you want.
Seek assistance from your JUNO team representative if you encounter any difficulties.
...