13 Adding Media

 

How to Upload Image  Files

There are two ways to upload images files:

1. from the left-side dashboard menu, you can access your media library and add or delete files or
2. as you’re writing, you can insert media in a chapter, front matter, back matter or part.
   
   Uploading media files using the media library:

• Go to your dashboard.
• Click on Media.
• Your library will appear.
• Click Add New either in the left menu or at the top of the main panel.
• A screen will appear where you can upload your images.
• You can drag files from your computer onto this screen.
• Or, click on Select Files to browse for the correct media files on your computer. Click on the file names and the files will upload.
• To edit files you have uploaded, click on Media Library.
• Hover over a file to see the options, then click Edit.

          Uploading Image Files from Within a chapter

• Go to the chapter in which you would like to add an image.
• Put your cursor where you would like the image to appear.
• Click on Add Media.

• The Insert Media screen will appear. An interface will appear with the option to drag and drop or select files.
• You can also find and select a file that you have already uploaded previously by clicking on Media Library.

Upload Image from URL:  When you are uploading media from within a post, you can also click on Insert from URL to pull in a link to a photo on the Internet. This image will not be added to your media library.

Once you’ve uploaded your image and inserted it where you want it, for best results, you’ll want to give it some styling.

• Once your image uploads, click on it.
• The Attachment Details menu will appear to the right.

• Give your photo a caption. Photos without captions will not render properly in all e-readers.
• It’s best practice to write Alt Text, which will be read to visually impaired readers by a screen reader or accessibility device.
• Add a Title and Description for your image here.
• Scroll down.

Customize how an image displays

• Select the preferred alignment for your image.
• Have your image link to itself, or somewhere offsite.
• Choose the size at which your image will display. (You’ll want to know your publisher or bookstore’s specs.)

All in all it is important to give your media(image)  proper metadata: Title, Caption and Copyright attribution, the latter will appear on hovering over the image

Make a Thumbnail Open as a Larger Image in a Webbook

To have a thumbnail image open into a larger image in a lightbox, follow these steps:

1. Open your chapter
2. Click Add Media to choose from existing images in your media library or upload a new image file
3. Choose Thumbnail from the drop down menu under Attachment Display Settings > Size in the Add Media window
4. Click Insert into chapter

Your image will appear in your Visual Editor.

1. Click the image, then click the Edit icon,This will open up the Image Details window.
2. Click the drop down menu next to Link To and choose Media File
3. Click Update
4. Click Save on your chapter
5. Your image will appear as a thumbnail in your webbook, but open as a larger image once clicked.

Enabling and Using Lightboxes for Images

Using Lightbox, you can set the linked images in your webbook to open within a chapter webpage as a pop-up.

To enable this setting from your book’s dashboard:

1. Click Appearance
2. Click Theme Options
3. Click Web Options
4. Check the box next to Enable Image Lightbox
5. Click Save

Click on the image to open the editor

Crop, Rotate, or Scale an Image

To access additional image editing options, select the Edit Original button beneath the image on the right side of the Image Details window. This will bring you to the Edit Image page.

Available image editing options include the ability to:

• Crop
• Rotate an image left or right
• Flip an image vertically
• Flip an image horizontally
• Scale an image to your custom pixel dimensions
• Crop an image to custom pixel dimensions and aspect ratio
• Select whether customized image settings apply to the thumbnail version of an image

You can also upload other files for example Word.docs, pdf or powerpoint using the add media button.

Importing and embedding media

There are three ways to embed content:

• Copy/paste the URL
• Use the Embed shortcode

First Step: Copy/Paste your URL into the Visual Editor (Chapter)

1. Copy the URL of the video, audio, or other media
2. Paste the URL into the Visual editor
3. Click Save 
4. The best way is to rightclick on the video and get the video url: https://you.tu.be/y98se7uVXnnbnBw

Second Step: Use the Embed Shortcode

1. Copy the URL or file name of the media
2. Add the embed shortcode in the visual or text editor and paste in your file so that the shortcode wraps around it
3. Click Save

This method also allows you to specify the height and width of your media embed.

Align embedded videos

When a video is embedded on a book’s webpage in Pressbooks, it aligns to the left by default. This alignment can be adjusted as follows:

1. Enter the video URL. This action will automatically embed the video, which makes it difficult to align.
2. Go to the Text (HTML) editor and locate the video’s URL.
3. Click any part of the video URL.
4. Return to the Visual Editor and you should see that the video has converted from its embedded form to its URL.
5. Use the Align feature in the WYSIWYG toolbar to align the URL centre or right and click “Save.”
6. Click “View Chapter” to navigate to the webbook. The embedded video should be aligned correctly. Note: While the embedded video will appear in the webbook, the Visual editor view will only show the video’s URL.