{"id":4696,"date":"2022-06-01T08:55:37","date_gmt":"2022-06-01T05:55:37","guid":{"rendered":"https:\/\/www.scalahosting.com\/kb\/?p=4696"},"modified":"2023-02-16T17:23:20","modified_gmt":"2023-02-16T15:23:20","slug":"how-to-add-multimedia-to-a-wordpress-post","status":"publish","type":"post","link":"https:\/\/www.scalahosting.com\/kb\/how-to-add-multimedia-to-a-wordpress-post\/","title":{"rendered":"How to Add Multimedia to a WordPress Post"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">We&#8217;ve come a long way since the <\/span><b>colorful HTML websites <\/b><span style=\"font-weight: 400;\">we had about twenty years ago. Those who remember the early days of the internet can tell you a lot about weirdly placed images, vibrant backgrounds, and low-res GIF animations. Web design has evolved a lot since then, but despite this, multimedia is as crucial as ever.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">In fact, as users&#8217; attention span is shrinking, the importance of images, audio, and video files is growing. You probably won&#8217;t be too surprised to learn that <\/span><b>adding multimedia to your WordPress posts is not difficult at all<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Let&#8217;s look at what we have.<\/span><b><\/b><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Uploading Multimedia Files to Your WordPress Website<\/b><b><\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">WordPress has a central library for managing all your site&#8217;s multimedia files. To access it, log in to your WP dashboard, and go to <\/span><b>Media <\/b><span style=\"font-weight: 400;\">&gt; <\/span><b>Library<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"162\" height=\"107\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/1.png\" alt=\"How to Add Multimedia to a WordPress Post, Uploading Multimedia Files to Your WordPress Website\" class=\"wp-image-4716\"\/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">You can see all media files currently uploaded to your site. At the top, you can change the way they are laid out, and you can also filter them by type and date of upload. A <\/span><b>search box<\/b><span style=\"font-weight: 400;\"> is available to save you the time of rummaging through a large number of files.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"223\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/2-1024x223.png\" alt=\"How to Add Multimedia to a WordPress Post, Uploading Multimedia Files to Your WordPress Website 2\" class=\"wp-image-4697\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/2-1024x223.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/2-300x65.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/2-768x167.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/2-1536x334.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/2.png 1753w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">You also have an <\/span><b>Add New <\/b><span style=\"font-weight: 400;\">button, though you could argue that it&#8217;s a bit redundant nowadays. <\/span><b>Drag-and-drop functionality<\/b><span style=\"font-weight: 400;\"> was introduced to the WordPress Media Library a while ago, so now, you can just open the folder with the multimedia files on your personal computer and drag them to the browser window.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/3-1024x518.png\" alt=\"How to Add Multimedia to a WordPress Post, Uploading Multimedia Files to Your WordPress Website 3\" class=\"wp-image-4698\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/3-1024x518.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/3-300x152.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/3-768x389.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/3-1536x777.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/3.png 1915w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">You can also <\/span><b>drag and drop multiple files at once<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/4-1024x496.png\" alt=\"How to Add Multimedia to a WordPress Post, Uploading Multimedia Files to Your WordPress Website 4\" class=\"wp-image-4699\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/4-1024x496.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/4-300x145.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/4-768x372.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/4-1536x744.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/4.png 1915w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><b>Deleting Media Files<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">If you need to free up some storage space, you can delete multimedia files straight from the Media Library. Open it and click on the file you&#8217;d like to remove. A popup will appear with information about the<\/span><i><span style=\"font-weight: 400;\"> file&#8217;s size, type, name, when it was uploaded<\/span><\/i><span style=\"font-weight: 400;\">, etc.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">At the bottom, you can see a link saying <\/span><b>Delete permanently<\/b><span style=\"font-weight: 400;\">. Click on it and confirm your choice by selecting <\/span><b>OK<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/5-1024x486.png\" alt=\"How to Add Multimedia to a WordPress Post, Deleting Media Files\" class=\"wp-image-4700\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/5-1024x486.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/5-300x142.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/5-768x364.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/5-1536x729.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/5.png 1868w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><b>Editing Images in WordPress<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">The WordPress Media Library also lets you edit your site&#8217;s images. Granted, the features are somewhat limited, but you do get some basic tools to optimize the picture for your design.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">To edit an image in WordPress, navigate to the Media Library in the <\/span><a href=\"https:\/\/www.scalahosting.com\/blog\/navigating-your-wordpress-dashboard\/\"><b>dashboard<\/b><\/a><span style=\"font-weight: 400;\"> and click on the file to open the <\/span><b>Attachment details<\/b><span style=\"font-weight: 400;\"> popup. You&#8217;ll see a preview of the picture, and below it, there&#8217;s an <\/span><b>Edit Image<\/b><span style=\"font-weight: 400;\"> button<\/span><b>.<\/b><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/6-1024x487.png\" alt=\"How to Add Multimedia to a WordPress Post, Editing Images in WordPress\" class=\"wp-image-4701\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/6-1024x487.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/6-300x143.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/6-768x365.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/6-1536x731.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/6.png 1869w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><b>Here are the functions in the image editor:<\/b><i><\/i><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><i><span style=\"font-weight: 400;\">Crop<\/span><\/i><\/li>\n\n\n\n<li><i><span style=\"font-weight: 400;\">Rotate left<\/span><\/i><\/li>\n\n\n\n<li><i><span style=\"font-weight: 400;\">Rotate right<\/span><\/i><\/li>\n\n\n\n<li><i><span style=\"font-weight: 400;\">Flip vertical<\/span><\/i><\/li>\n\n\n\n<li><i><span style=\"font-weight: 400;\">Flip horizontal<\/span><\/i><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">There&#8217;s an <\/span><b>Undo <\/b><span style=\"font-weight: 400;\">button if you do something by mistake, and on the right, you can change the image&#8217;s size and crop it according to a set aspect ratio.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/7-1024x486.png\" alt=\"How to Add Multimedia to a WordPress Post, Editing Images in WordPress 2\" class=\"wp-image-4702\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/7-1024x486.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/7-300x142.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/7-768x364.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/7-1536x729.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/7.png 1869w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">When you&#8217;re finished editing, click <\/span><b>Save <\/b><span style=\"font-weight: 400;\">to apply the changes and update the file.<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Adding Links To Multimedia Files<\/b><b><\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Sometimes, you might prefer to <\/span><b>create a hyperlink to an image instead of inserting it in a post<\/b><span style=\"font-weight: 400;\">. To do that, you first need to find the file&#8217;s URL. Open the <\/span><i><span style=\"font-weight: 400;\">WordPress Media Library<\/span><\/i><span style=\"font-weight: 400;\"> and click on the file you need.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">This will open the <\/span><b>Attachment details<\/b><span style=\"font-weight: 400;\"> popup, displaying various information about the media. On the right, you should see the <\/span><b>File URL <\/b><span style=\"font-weight: 400;\">field along with a convenient <\/span><b>Copy URL to clipboard<\/b><span style=\"font-weight: 400;\"> button underneath it. Click the button.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/8-1024x487.png\" alt=\"How to Add Multimedia to a WordPress Post, Adding Links To Multimedia Files\" class=\"wp-image-4703\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/8-1024x487.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/8-300x143.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/8-768x365.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/8-1536x730.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/8.png 1866w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">Go back to your post and select the text that will act as a hyperlink. Click the button that looks like a chainlink on the toolbar above the text (it is also accessible via the <\/span><b>ctrl+k<\/b><span style=\"font-weight: 400;\"> keyboard shortcut).<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"989\" height=\"553\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/9.png\" alt=\"How to Add Multimedia to a WordPress Post, Adding Links To Multimedia Files 2\" class=\"wp-image-4704\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/9.png 989w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/9-300x168.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/9-768x429.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">Paste the URL in the field that appears and use the toggle switch to decide whether the link will open in a new tab.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"524\" height=\"256\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/10.png\" alt=\"How to Add Multimedia to a WordPress Post, Adding Links To Multimedia Files 3\" class=\"wp-image-4705\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/10.png 524w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/10-300x147.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">If you use the <\/span><b>Classic WordPress editor<\/b><span style=\"font-weight: 400;\">, the chainlink button is in the main toolbar above the post. You can use the <\/span><b>Gear<\/b><span style=\"font-weight: 400;\"> icon to modify the link&#8217;s behavior.<\/span><\/p>\n\n\n\n<h2 class=\"mpg-gallery wp-block-heading\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-4706\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/11-1024x350.png\" alt=\"How to Add Multimedia to a WordPress Post\" width=\"1024\" height=\"350\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/11-1024x350.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/11-300x102.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/11-768x262.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/11.png 1421w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><b><\/b><b>Inserting Multimedia Files Into a Post<\/b><b><\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Inserting a media file into a post requires a couple of clicks. If you use the block editor, position the cursor where you want to place the image, and click the <\/span><b>+<\/b><span style=\"font-weight: 400;\"> button from the toolbar at the top.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"953\" height=\"591\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/12.png\" alt=\"How to Add Multimedia to a WordPress Post, Inserting Multimedia Files Into a Post\" class=\"wp-image-4707\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/12.png 953w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/12-300x186.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/12-768x476.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">Next, click the <\/span><b>Image<\/b><span style=\"font-weight: 400;\"> icon from the menu that appears.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"355\" height=\"791\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/13.png\" alt=\"How to Add Multimedia to a WordPress Post, Inserting Multimedia Files Into a Post 2\" class=\"wp-image-4708\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/13.png 355w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/13-135x300.png 135w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">The block editor gives you three options:<\/span><b><\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Upload &#8211; <\/b><span style=\"font-weight: 400;\">you can upload your file from your local computer. The file will automatically be saved in the Media Library.<\/span><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"997\" height=\"725\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/14.png\" alt=\"How to Add Multimedia to a WordPress Post, Inserting Multimedia Files Into a Post 3\" class=\"wp-image-4709\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/14.png 997w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/14-300x218.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/14-768x558.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><b>Media Library &#8211; <\/b><span style=\"font-weight: 400;\">WordPress opens your Media Library and lets you choose a file you&#8217;ve already uploaded. You can also save new files when the Library is opened.<\/span><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/15-1024x488.png\" alt=\"How to Add Multimedia to a WordPress Post, Inserting Multimedia Files Into a Post 4\" class=\"wp-image-4710\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/15-1024x488.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/15-300x143.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/15-768x366.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/15-1536x731.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/15.png 1871w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><b>Insert from URL &#8211; <\/b><span style=\"font-weight: 400;\">If you have the file&#8217;s URL, you can paste it into the field. If the image is hosted on an outside source, it won&#8217;t be saved in the Media Library.<\/span><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/16-1024x332.png\" alt=\"How to Add Multimedia to a WordPress Post, Inserting Multimedia Files Into a Post 5\" class=\"wp-image-4711\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/16-1024x332.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/16-300x97.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/16-768x249.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/16.png 1066w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">When the image is inserted, you can resize it or add a caption.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1021\" height=\"831\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/17.png\" alt=\"How to Add Multimedia to a WordPress Post, Inserting Multimedia Files Into a Post 6\" class=\"wp-image-4712\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/17.png 1021w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/17-300x244.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/17-768x625.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">The Classic Editor gives you fewer options, but the process is more straightforward. You get an <\/span><b>Add Media <\/b><span style=\"font-weight: 400;\">button situated straight above the main toolbar. It opens the Media Library and lets you upload a new file or select from the ones already on the server.<\/span><b><\/b><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"501\" height=\"106\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/18.png\" alt=\"How to Add Multimedia to a WordPress Post, Inserting Multimedia Files Into a Post 7\" class=\"wp-image-4713\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/18.png 501w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/18-300x63.png 300w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><b>Adding Alt Text to Images<\/b><b><\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">While examining images in your WordPress Media Library, you may notice a field labeled &#8220;<\/span><b>Alternative Text<\/b><span style=\"font-weight: 400;\">.&#8221; It controls the <\/span><b>so-called ALT tag in HTML<\/b><span style=\"font-weight: 400;\">, which is more important than you think.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/19-1024x486.png\" alt=\"How to Add Multimedia to a WordPress Post, Adding Alt Text to Images\" class=\"wp-image-4714\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/19-1024x486.png 1024w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/19-300x142.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/19-768x364.png 768w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/19-1536x729.png 1536w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/19.png 1869w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><span style=\"font-weight: 400;\">In the field, you need to enter <\/span><b>a description of what&#8217;s depicted in the image<\/b><span style=\"font-weight: 400;\">. That way, when visually impaired people browse your website, their screen readers will be able to tell them what&#8217;s on display.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Improving your website&#8217;s accessibility is good for the entire project&#8217;s future, but this is not the only advantage of using ALT tags.<\/span><\/p>\n\n\n\n<p><b>Search engine crawlers also rely on images&#8217; alternative text<\/b><span style=\"font-weight: 400;\"> to understand what&#8217;s on your website. The more ALT tags, the more information they have, and the better the chance of your website appearing at the top of the search results pages when the relevant terms are entered.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">That&#8217;s why it&#8217;s important to fill in the <\/span><b>Alternative text<\/b><span style=\"font-weight: 400;\"> field on all images except for the purely decorative ones. Your descriptions should be clear, simple, and reasonably detailed without being too long.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">On the one hand, this will mean that more people can reach your website because it ranks higher on the search engine results pages. On the other, it will be more useful to a wider audience.<\/span><b><\/b><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Is Image Size Important?<\/b><b><\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">When you upload a picture, WordPress saves a total of four files. It stores the image in its original size, but it also creates three other versions:<\/span><b><\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Thumbnail (150x150px)<\/b><\/li>\n\n\n\n<li><b>Medium size (up to 300x300px)<\/b><\/li>\n\n\n\n<li><b>Large size (up to 1024x1024px)<\/b><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">The different sizes are created so that WordPress can use them in their respective places. For example, a thumbnail of a feature image is used in the Recent Articles widget. The medium size may be placed on the homepage, and the large size file will be displayed on the post itself.<\/span><span style=\"font-weight: 400;\">To change the size of the images, go to <\/span><b>Settings<\/b><span style=\"font-weight: 400;\"> &gt; <\/span><b>Media <\/b><span style=\"font-weight: 400;\">inside your WordPress dashboard.<\/span><\/p>\n\n\n<div class=\"wp-block-image mpg-gallery\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"770\" height=\"698\" src=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/20.png\" alt=\"How to Add Multimedia to a WordPress Post, Is Image Size Important?\" class=\"wp-image-4715\" srcset=\"https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/20.png 770w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/20-300x272.png 300w, https:\/\/www.scalahosting.com\/kb\/wp-content\/uploads\/2022\/06\/20-768x696.png 768w\" sizes=\"(max-width: 361px) 660px, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 910px, 1140px\" \/><\/figure>\n<\/div>\n\n\n<p><i><span style=\"font-weight: 400;\">But do you need to alter them?<\/span><\/i><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Well, you want the perfect <\/span><b>compromise between quality and size<\/b><span style=\"font-weight: 400;\">. The smaller the image, the quicker it will be loaded by visitors&#8217; browsers. At the same time, you don&#8217;t want pixelated or smudged photos.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Smaller images can improve your site&#8217;s performance, but the impact isn&#8217;t really that huge. You have other options you might want to explore, like <\/span><b>converting your photos to the new<\/b> <b>WEBP format<\/b><span style=\"font-weight: 400;\"> or installing an image optimization plugin that can significantly <\/span><a href=\"https:\/\/www.scalahosting.com\/blog\/how-to-speed-up-a-wordpress-website\/\"><b>speed up your WordPress website<\/b><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve come a long way since the colorful HTML websites we had about twenty years ago. Those who remember the early days of the internet can tell you a lot about weirdly placed images, vibrant backgrounds, and low-res GIF animations. Web design has evolved a lot since then, but despite this, multimedia is as crucial [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":5399,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[34],"tags":[],"class_list":["post-4696","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/4696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/comments?post=4696"}],"version-history":[{"count":5,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/4696\/revisions"}],"predecessor-version":[{"id":5400,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/posts\/4696\/revisions\/5400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media\/5399"}],"wp:attachment":[{"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/media?parent=4696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/categories?post=4696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scalahosting.com\/kb\/wp-json\/wp\/v2\/tags?post=4696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}