Media (Images, Videos, Audio)#
Use the media component to add images, videos, and audio files to your page as a stand-alone element.
If you upload an image to the image library or if you add a remote image via URL, you must have permission to share the image on our website. Get tips on finding images.
Some media functionality is only available in the text component. See: Images with Caption and Linked Images
Add an Image from the Media Library#
-
Go to the Content tab. Add the Media component to your post.
-
Click the Select Media button.
-
Add an image already uploaded to the website using the Library tab.
-
Use the dropdown to select images. Type a keyword in the filename box to help filter the images (optional).
-
Check the box next to your image.
-
Click Select Media to add the selected image to your page.
-
Once selected, a thumbnail will be visible in the media box on your page.
Upload a New Image#
-
Go to the Content tab. Add the Media component to your post.
-
Click the Select Media button.
-
Upload a new image to the website using the Add Image tab.
-
Select Choose File.
-
Upload an image from your computer.
-
Add alt text and save your image.
-
Once added, a thumbnail will be visible in the media box on your page.
Add a Remote Image via URL#
-
Go to the Content tab. Add the Media component to your post.
-
Click the Select Media button.
-
Add a remote image (from Instagram, Flickr, etc.) using the Add Remote Image tab.
-
Paste the URL of an image into the Remote Image URL box.
-
Save.
-
Once added, your image will be visible in the media box on your page.
Add a Caption to an Image#
Currently, you must use the Text Component to add a caption to an image.
See Text Component > Add Image with Caption
Add a Link to an Image#
Currently, you must use the Text Component to add a link to an image.
See Text Component > Create a Linked Image
Add a Flickr Slideshow#
Add Photos to Flickr#
If you need login information for Flickr, contact Marketing and Communications.
-
Add photos to Nashville Public Library's Flickr.
-
Create a photo album.
Add Slideshow to the Website#
-
Select Albums.
-
Click on an album cover to go to that photo album.
-
On the album page, copy the URL from the address bar. Save this URL.
-
Go to the Content tab. Add the Media component to your post.
-
Click the Select Media button.
-
Select Add Remote Image, then paste in the URL that you grabbed from the Flickr embed code. Save Remote Image.
-
If successful, you should see your slideshow display in the Media Reference field.
-
Save the page. Review the slideshow to ensure it looks correct.
Add a Video#
Upload Videos to YouTube or Vimeo#
Videos posted on the website need to be hosted on NPL's YouTube. Videos hosted on other YouTube/vimeo channels may used, when these are relevant to the post, and appropriate to be re-used by NPL.
If you need login information for YouTube, contact Marketing and Communications.
Add Video to the Website#
-
In the content area, select the Media component.
-
Under Media Reference, click the Select Media button.
-
Select Add Video. Paste the URL for the video on YouTube. To get the URL, find your video on YouTube then copy the link from the address bar.
-
Click Save Video. If successful, you’ll see your video in the Media Reference field.
-
Save page.
Add an Audio File#
-
In the content area, select the Media component.
-
Under Media Reference, click the Select Media button.
-
Select Add Audio. Then click Choose File to upload your media file.
-
Once your file is uploaded, click Save Audio. If successful, you’ll see your audio file in the Media Reference field.
-
Save the page.