Add images and other media

Uploading images

1. To upload images or other media (e.g. pdfs, Word docs, txt files) to a post or a page, go to your Dashboard > Posts > Add New or Pages > Add New.  Click the Add block button. A block library will appear: click Image to add an image to your page or post.

2. You can select files saved to your computer or flash drive by clicking Upload. Then, either drag-and-drop files from saved to your computer or select a file.  You also have the option to select an image or other files from your media library by clicking the Media Library tab, or inserting an image from a URL by clicking the Insert from URL tab.

3. Once you have uploaded or inserted your image, you can make adjustments to the file using the options in the block toolbar.  You can add a caption to appear underneath the image, change the “Alignment” of the image, and choose between the default rectangular style and a rounded image style. You can change the “Size” of the image by dragging its edges.

4. It is important to include alt text for your image. To do this, enter your alt text in the designated box in the block settings panel that appears on the left hand side of your screen. If you don’t see the block settings, click the three dots in the block toolbar and select Show Block Settings.  

6. After you are finished making adjustments, click anywhere in the block editor away from the image. The image will appear in your post.  When you’re finished with the post, click Publish.

7. You can also add images to your media library to use later in posts and pages.  Go to your site Dashboard and click Media > Add New in the left-hand menu.

Embedding externally-hosted images

1. You can also embed images hosted elsewhere (from another site, such as WikiMedia or from your own external storage service, such as Google Drive, Dropbox, or Flickr, among others). On the “Add New Post” or “Add New Page” screen, click the Add block button. A block library will appear: click Image to add an image to your page or post.

2. Click Insert from URL.  Paste or type the URL for the image.

3. Click enter or the black arrow to Insert into Post.

4. Once you have inserted your image, you can make adjustments to the file using the options in the block toolbar.  You can add a caption to appear underneath the image and change the “Alignment” of the image. 

Uploading other media

1. To upload other media (e.g. pdfs, Word docs, txt files) to a post or a page, go to your Dashboard > Posts > Add New or Pages > Add New.  Click the Add block button. A block library will appear: click File to add a file to your page or post.

2. You can select files saved to your computer or flash drive by clicking Upload. Then, either drag-and-drop files from saved to your computer or select a file.  You also have the option to select files from your media library by clicking the Media Library tab.

3. The link to the file will appear in your post.  When you’re finished with the post, click Publish.

4. You can also add files to your media library to use later in posts and pages.  Go to your site Dashboard and click Media > Add New in the left-hand menu.

This article is adapted from City Tech OpenLab Help, under a CC BY-NC-SA license.

Was this helpful?

0 / 0