Tutorial: Adding & Editing Images
Maybe you have new headshots, photos from an event, a fresh body of work... whatever the reason may be, it’s very likely that you will need to replace and/or add additional imagery to your website at some point. When the time comes, utilize these directions for a smooth process.
For single images:
To replace a photo already on the site, hop into edit mode and click the image you’d like to change. Double click Replace. Select Upload File if you’d like to use a brand new image. Choose Select From Library if you’d like to use an image found elsewhere on your site.
To add a new photo, click Add Block and select Image. You can then choose an image for that block by either selecting Upload File or Select From Library.
Refer to the tutorial video for guidance on the design aspects of an image.
For galleries:
In edit mode, hover your mouse over your gallery of images, and click Edit Gallery. To add new images, click the + symbol on the right above your collection of images. Either upload new files or select from your library of images on the site.
To add a description of the newly added images, just type in the Description field.
To italicize text, add <i> your text </i> around the text.
To made text bold, add <b> your text </b> around the text.
To add line breaks, add <br> to the end of each text line to act as the return key.
For video:
In edit mode, click on the video you’d like to replace, and select Replace. You can then choose a video for that block by either selecting Upload File, Select From Library, or Add From Link for a Youtube or Vimeo video.
To add a new video, click Add Block and select Video. You can then choose a video for that block by either selecting Upload File, Select From Library, or Add From Link for a Youtube or Vimeo video.
I always recommend having a Custom Feature Image. Toggle that on and upload an image from your computer or within your website’s asset library. This can be as simple as a screenshot from the video, or any other image that works as a cover image.
Important Reminders:
Don’t forget to click Save.
Always check how everything looks in Mobile! Watch this tutorial for advice.
Properly name your Image files. Refer to the SEO Basics tutorial for further directions.
© Katie Barrie Studio