Uploading a photo to create a slide
Once you know the format and size of your slideshow, you're ready to upload a photo to create a slide. Here are the steps:
Upload a photoLog in to your site and go to your homepage. Then, hover your cursor in the area of the slideshow and click on the settings icon in the top right corner.This opens the Slideshow Settings dialog. Click Add Slide, then select the File Source for your new slideshow image.
- Upload - Select an image file from your computer's hard drive
- Site Files - Select an image that has already been uploaded to your eCatholic website's File Manager
- Stock Photos - Select an image from the eCatholic Stock Photos library*
( *This option will only appear if you have an eCatholic Stock Photos subscription.)
NOTE: You can upload 1-15 photos to your slideshow. However, we recommend publishing no more than 3-4 images in your slideshow.
Crop the photoYour photo will then open in the Image Cropper. Remember that your slideshow has specific pixel dimensions. As a result, any photos you upload must fill the entire area. Use the built-in image cropper to crop your slideshow images.
Cropping a horizontal photoLarge photos with a horizontal orientation will be shrunk to fit the width of your slideshow ( illustrated below). You can then use the slider bar to magnify/zoom into a portion of the photo. Next, click and drag the photo to reposition as you see fit. Then click Save and your photo will be cropped to fit in the slideshow.
Cropping a vertical photoLarge photos with a vertical orientation are also shrunk to fit the width of your slideshow ( illustrated below). Use the slider bar to magnify/zoom into a portion of the photo, then click and drag the photo to reposition. Click Save to crop the photo and add it to your slideshow.
NOTE : If you have image editing software, you can crop your photos yourself to the exact dimensions of your slideshow. Then, the photos will fit perfectly once you upload them to your slideshow.
Add a title and caption to the slide (optional)If you’d like, enter a title and caption to overlay your image.
Create a Call to Action button + link (optional)
You can choose to add a Call to Action button: a button on the slide that directs visitors to a specific URL. To do so, enter the following information:
- Call to Action button text - One or two words that will appear on the button (e.g., "Learn More")
- Link Type - Select External or Internal
- Link URL - The URL to which you would like to direct visitors
- If the Link Type is internal (which means it links to a page of your own website) you can simply select the destination page from the Link to Page dropdown.
Organize all slides
Next, you’ll return to the Slideshow Settings dialog. Here, you can change the order of your slides. Use the orange handle to drag and drop slides into the preferred order. Once set, click Save, and you’re done!
Here's an example of how a finished slide can look on both desktop and mobile screens:
Editing your slides
Customizing your slideshow: Timing and transitions
Next step: Best practices for your homepage
We've outlined some additional best practices for your homepage via the blog; check out How to make your homepage less cluttered.