SJU Web Team
Created Apr 17, 2025How to Create a Landing Page
Here, I'm selecting Department of Biology from "School Theme." That's the theme my test account has access to. If you don't see your entity in "School Theme," then try "Minisite Theme." If you still can't find your theme, please put in a ticket.

#
Adding a Hero Image
How to add a Hero image to pages through the site editor.
#
Adding an Image to a Component
Every component using an image, including Heros, has a required width and height that assures optimal resolution for all types of systems and browsers. This Hero image happens to require a 3200x1600 image. Go to the images section of the Web Guide to find out where to get these dimensions.

You'll get the first page of your search results. Use the numbers at the bottom of the grid to navigate through your results. Click on an image to select it and a green checkmark will appear. Be sure that only one image is checked at a time.

To upload your own image to the site, click the grey Chooe File button rather than Browse when the image popup comes up. Navigate to the location of the file and uploaded. Be sure to fill out the pop-up for ALT text when it's presented. See Web Guide Image Section.
You will be asked to select an image from your local storage.

#
Adding a New Componet
#
Adding an Additional New Component
"Normal" keeps the blocks so all of their edges are aligned. "Staggered" offsets the rows of blocks for a more dynamic look. Below is an example of the "Staggered" look.
Here is a live example of the "Normal" look featuring 6 teaser blocks: https://www.sju.edu/academics/graduate
Here is a live example of the staggered look: https://www.sju.edu/college-arts-and-sciences

Like the Stats Bar component, Teaser Blocks are composed of individual Blocks that you will have to add. Users typically use 4 blocks, but you are not limited to that as a hard and fast rule. When using the staggered layout, more than 4 blocks can, however, be problematic.
