Explore

Guide to Adding Photos to the Website

Step 1: Access the Photo Gallery

0:00⁠

⁠

⁠

Locate the folder containing the gallery of photos to be added to the website.

Note: Only focus on the photos, not the video clip.

Step 2: Resize the Photos

0:14⁠

⁠

⁠

Use the provided resize folder or your own.

Upload images to the resize tool:

Select images and find the download option.

Click on 'file size' and then 'image size'.

Change the image format to WebP.

Click 'start' to optimize and download a zip file.

Step 3: Rename the Photos

0:57⁠

⁠

⁠

Follow the naming convention provided:

Format: event title_001 (e.g., Women Empowerment Brunch_001).

Ensure each photo is renamed according to the event it represents.

Step 4: Update the Website Home Page

2:16⁠

⁠

⁠

Go to the home page of the website.

Remove the existing 'level up' section to keep only the latest conference.

Step 5: Create the Gallery Page

2:57⁠

⁠

⁠

Navigate to the gallery page, which is currently empty.

Clone the home page to use the same structure for the gallery.

Step 6: Add the Gallery Title

3:33⁠

⁠

⁠

Keep the hero section and add a title for the gallery.

Step 7: Insert the Conference Images

4:03⁠

⁠

⁠

Clone the row for the latest event (e.g., Women Empowerment Brunch).

Update the module settings to upload the renamed images.

Step 8: Ensure Correct File Uploads

4:27⁠

⁠

⁠

When uploading files, select the 'gallery photos' folder.

Avoid uploading to 'unassigned files' to ensure proper organization.

Step 9: Finalize the Gallery

4:57⁠

⁠

⁠

Confirm that both events are added to the gallery.

Ensure all photos are renamed and optimized for web use.

Step 10: Completion

5:07⁠

⁠

⁠

Review the completed tasks and ensure everything is in order.

Thank you for your work!

Link to Loom

⁠

https://www.loom.com/share/33b07d4472eb4817a185c6a5ee48f72c⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.