{"id":176,"date":"2024-03-10T17:49:27","date_gmt":"2024-03-10T17:49:27","guid":{"rendered":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/?p=176"},"modified":"2024-03-10T17:56:21","modified_gmt":"2024-03-10T17:56:21","slug":"add-images-and-other-media","status":"publish","type":"post","link":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/add-images-and-other-media\/","title":{"rendered":"Add images and other media"},"content":{"rendered":"\n

Add images and other media<\/h2>\n\n\n\n

Uploading images<\/strong><\/h3>\n\n\n\n

1. To upload images or other media (e.g. pdfs, Word docs, txt files) to a post or a page, go to your\u00a0Dashboard<\/strong>\u00a0>\u00a0Posts<\/strong>\u00a0>\u00a0Add New<\/strong>\u00a0or\u00a0Pages<\/strong>\u00a0>\u00a0Add New<\/strong>.\u00a0 Click the\u00a0Add block button<\/strong>. A block library will appear: click\u00a0Image<\/strong>\u00a0to add an image to your page or post.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2. You can select files saved to your computer or flash drive by clicking\u00a0Upload<\/strong>. Then, either drag-and-drop files from saved to your computer or select a file.\u00a0 You also have the option to select an image or other files from your media library by clicking the\u00a0Media Library<\/strong>\u00a0tab, or inserting an image from a URL by clicking the\u00a0Insert from URL\u00a0<\/strong>tab.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

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 \u201cAlignment\u201d of the image, and choose between the default rectangular style and a rounded image style. You can change the \u201cSize\u201d of the image by dragging its edges.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

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\u2019t see the block settings, click the three dots in the block toolbar and select\u00a0Show Block Settings.\u00a0<\/strong>\u00a0<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

6. After you are finished making adjustments, click anywhere in the block editor away from the image. The image will appear in your post.\u00a0 When you\u2019re finished with the post, click\u00a0Publish<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

7. You can also add images to your media library to use later in posts and pages.\u00a0 Go to your site\u00a0Dashboard<\/a>\u00a0and click\u00a0Media > Add New<\/strong>\u00a0in the left-hand menu.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Embedding externally-hosted images<\/strong><\/h3>\n\n\n\n

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 \u201cAdd New Post\u201d or \u201cAdd New Page\u201d screen, click the\u00a0Add block button<\/strong>. A block library will appear: click\u00a0Image<\/strong>\u00a0to add an image to your page or post.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2. Click\u00a0Insert from URL<\/strong>.\u00a0 Paste or type the URL for the image.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3. Click enter <\/strong>or the black arrow <\/strong>to Insert into Post.<\/p>\n\n\n\n

4. Once you have inserted your image, you can make adjustments to the file using the options in the block toolbar.\u00a0 You can add a caption to appear underneath the image and change the \u201cAlignment\u201d of the image.\u00a0<\/p>\n\n\n\n

Uploading other media<\/strong><\/h3>\n\n\n\n

1. To upload other media (e.g. pdfs, Word docs, txt files) to a post or a page, go to your\u00a0Dashboard<\/strong>\u00a0>\u00a0Posts<\/strong>\u00a0>\u00a0Add New<\/strong>\u00a0or\u00a0Pages<\/strong>\u00a0>\u00a0Add New<\/strong>.\u00a0 Click the\u00a0Add block button<\/strong>. A block library will appear: click\u00a0File<\/strong>\u00a0to add a file to your page or post.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2. You can select files saved to your computer or flash drive by clicking\u00a0Upload<\/strong>. Then, either drag-and-drop files from saved to your computer or select a file.\u00a0 You also have the option to select files from your media library by clicking the\u00a0Media Library<\/strong>\u00a0tab.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3. The link to the file will appear in your post.\u00a0 When you\u2019re finished with the post, click\u00a0Publish<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

4. You can also add files to your media library to use later in posts and pages.\u00a0 Go to your site\u00a0Dashboard<\/a>\u00a0and click\u00a0Media > Add New<\/strong>\u00a0in the left-hand menu.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

This article is adapted from\u00a0City Tech OpenLab Help<\/a>, under a\u00a0CC BY-NC-SA license<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

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\u00a0Dashboard\u00a0>\u00a0Posts\u00a0>\u00a0Add New\u00a0or\u00a0Pages\u00a0>\u00a0Add New.\u00a0 Click the\u00a0Add block button. A block library will appear: click\u00a0Image\u00a0to add an image to your page or post. 2. You can select files saved […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[],"class_list":["post-176","post","type-post","status-publish","format-standard","hentry","category-wordpress-basics"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":1,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/176\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/176\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/media?parent=176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/categories?post=176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/tags?post=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}