How Can I Add Images To My Content Page?
What is the image block?
The image block makes it really easy to create beautiful and interesting page layouts in Safari Portal. To create different photo layouts, let's first understand all the layouts available using the image block. The layouts that are available using the photo block include:
-
Single photo spread - consisting of a single image
-
Photo grid - consisting of a two images side-by-side
-
Slideshow - consisting of three or more images
Now that you understand all the possibilities, let's look at how to add them onto your page.
First, let's add a single photo to a page:
-
Hover underneath the first text block on right hand side of the content page. This will display the blue Add New Element line.
-
Next, click on the blue line to add a new element.
-
From the Element Library, select the Images element.
-
Click on the Add Photos button.
-
Next, search and select one photo from the media library or you can upload your own. Then click Save.
Now, let's add a double photo column to a page:
Great job! Next, let's add a double photo column directly underneath the newly added single column photo.
-
Hover underneath the new single photo column to display the blue Add New Element line.
-
Next, click on the blue line to add a new element.
-
From the Element Library, select the Images element.
- Click on the Add Photos button.
-
Next, search and select two photos from the media library or upload your own. Then click Save.
Finally, let's add a slideshow to a page:
Awesome work, see how easy that was! Finally, let's add a slideshow directly underneath the newly added two column grid.
-
Hover underneath the new single photo column to display the blue Add New Element line.
-
Next, click on the blue line to add a new element.
-
From the Element Library, select the Images element.
- Click on the Add Photos button.
-
Next, search and select two photos from the media library or upload your own. Then click Save.
📌 Note: that you can always add or remove photos from any photo layout by clicking the image icon when hovering over any image element on the page.
💥 Any images you upload into an Image block within a page will automatically be saved to your Media Library.
Great job! Now that you know how to create different photo layouts the arrangements are endless.
Make sure to watch the video tutorial at the top of the screen for more information on photo layouts and how to reposition the focus point of an image.