{"id":1458,"date":"2021-09-23T11:34:18","date_gmt":"2021-09-23T11:34:18","guid":{"rendered":"https:\/\/www.34sp.com/kb\/?p=1458"},"modified":"2026-01-28T11:39:11","modified_gmt":"2026-01-28T11:39:11","slug":"how-to-add-images-and-image-galleries-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress","title":{"rendered":"How to add images and image galleries in WordPress"},"content":{"rendered":"\n<div class=\"wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\" style=\"background-color:#f6faff\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Applies to:<\/strong><br>Professional Hosting<br>Universal Hosting<br>Reseller Hosting<br>WordPress Hosting<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Difficulty:<\/strong><br>Easy<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-black-color has-text-color wp-block-paragraph\"><strong>Time Needed:<\/strong><br>5 minutes<\/p>\n<\/div>\n<\/div>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress\/#Introduction\" >Introduction<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress\/#Creating_cover_images\" >Creating cover images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress\/#Creating_an_image_gallery\" >Creating an image gallery<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introduction\"><\/span>Introduction<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is a step-by-step walkthrough for uploading and using images in WordPress.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 1<\/h5>\n\n\n\n<h4 class=\"wp-block-heading\">Create a new post or page<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Firstly, you&#8217;ll need to log in to the WordPress admin dashboard and create a new post or page. If you are unsure how to do this, see the following guides.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>How to add a new post in WordPress<\/li><li>How to add a new page in WordPress<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-posts-002.1-2.jpg\" alt=\"\" class=\"wp-image-1459\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-posts-002.1-2.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-posts-002.1-2-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-posts-002.1-2-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 2<br>Add an image block<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">To add an image into your content, simply click on the&nbsp;<strong>+<\/strong>&nbsp;icon, in the top left hand corner of the editor. Clicking this button will open the block browser.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-3.jpg\" alt=\"\" class=\"wp-image-1460\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-3.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-3-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-3-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 3<br>Choose &#8216;Image&#8217;<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Scroll down the block browser and click on the heading&nbsp;<strong>&#8216;Common Blocks&#8217;<\/strong>, then choose&nbsp;<strong>&#8216;Image&#8217;<\/strong>.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-001.1.jpg\" alt=\"\" class=\"wp-image-1461\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-001.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-001.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-001.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 4<br>Add your image<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">There are three different ways you can add your image.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Upload an image from your computer<\/li><li>Choose an image from your media library<\/li><li>Insert from URL<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking&nbsp;<strong>&#8216;Upload&#8217;<\/strong>&nbsp;will open a file browser, then you can use the file browser to locate the image stored on your computer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Media Library&#8217;<\/strong>&nbsp;will open up your WordPress media library, which is way of browsing media files you have previously uploaded to your site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to use an image that is already online click&nbsp;<strong>&#8216;Insert from URL&#8217;<\/strong>. Then simply enter the full URL into the text field provided.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-002.1.jpg\" alt=\"\" class=\"wp-image-1462\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-002.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-002.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-002.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 5<br>Resizing your image<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">After adding your image to your page or post, there are various options to change how the image is displayed within your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking on your image will give you 2 blue circular &#8216;handles&#8217;, which you can click and drag to resize your image.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-003.1.jpg\" alt=\"\" class=\"wp-image-1463\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-003.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-003.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-003.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 6<br>Aligning your image<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking on your image will also make the image toolbar appear above your image. The toolbar lets you choose how your image sits within your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Align left&#8217;<\/strong>&nbsp;or&nbsp;<strong>&#8216;Align right&#8217;<\/strong>&nbsp;will position your image to either the left or right of the page. It will mean that any text you write will &#8216;wrap&#8217; around the image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Wide width&#8217;<\/strong>&nbsp;will remove any image resizing adjustments you have made, and force the image to display the full width of your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Full width&#8217;<\/strong>&nbsp;will also remove any image resizing adjustment you have made, and force the image to display the whole width of your site.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-004.1.jpg\" alt=\"\" class=\"wp-image-1464\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-004.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-004.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-004.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 7<br>Adding a caption to your image<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">If you wish to add a caption to your image, simply click on the text that reads&nbsp;<strong>&#8216;Write caption&#8217;<\/strong>&nbsp;and start typing.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-005.1.jpg\" alt=\"\" class=\"wp-image-1465\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-005.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-005.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-005.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 8<br>Image settings<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Additionally, when you click on your image, a range of settings appear in the right-hand menu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These options include entering your images alternative text (hidden text used to describe your image for screen readers), as well as more image size options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also add a link to your image, either choosing for the image to link through to a full size version of itself, or a custom URL of your choosing.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-006.1-1.jpg\" alt=\"\" class=\"wp-image-1466\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-006.1-1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-006.1-1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-006.1-1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_cover_images\"><\/span>Creating cover images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 1<br>Add your cover image<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Cover images are a new addition to WordPress, and are a great way to add large images, or call to actions, to your posts or pages. Cover images are an effective way to break up sections of your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add an image into your content, simply click on the&nbsp;<strong>+<\/strong>&nbsp;icon, in the top left hand corner of the editor. Clicking this button will open the block browser.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-1-1.jpg\" alt=\"\" class=\"wp-image-1467\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-1-1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-1-1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-1-1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 2<br>Choose &#8216;Cover&#8217;<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Scroll down the block browser and click on the heading&nbsp;<strong>&#8216;Common Blocks&#8217;<\/strong>, then choose&nbsp;<strong>&#8216;Cover&#8217;<\/strong>.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-007.1.jpg\" alt=\"\" class=\"wp-image-1468\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-007.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-007.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-007.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 3<br>Add your cover image<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">When picking an image to use as a cover image, it&#8217;s important to use an image that isn&#8217;t too small. Smaller images will not scale well, and are likely to look pixalated.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are two different ways you can add your cover image.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Upload an image from your computer<\/li><li>Choose an image from your media library<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking&nbsp;<strong>&#8216;Upload&#8217;<\/strong>&nbsp;will open a file browser, then you can use the file browser to locate the image storaged on your computer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Media Library&#8217;<\/strong>&nbsp;will open up your WordPress media library, which is way of browsing every image you&#8217;ve upload to your site.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-008.1.jpg\" alt=\"\" class=\"wp-image-1469\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-008.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-008.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-008.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 4<br>Aligning your cover image<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking on your cover image will make the image toolbar appear above your cover image. The toolbar lets you choose how your cover image sits within your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Align left&#8217;<\/strong>&nbsp;or&nbsp;<strong>&#8216;Align right&#8217;<\/strong>&nbsp;will position your cover image to either the left or right of the page. It will mean that any text you write will &#8216;wrap&#8217; around the image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Wide width&#8217;<\/strong>&nbsp;will force the image to display the full width of your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Full width&#8217;<\/strong>&nbsp;will force the image to display the whole width of your site.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-009.1.jpg\" alt=\"\" class=\"wp-image-1470\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-009.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-009.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-009.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 5<br>Aligning the text within the cover image<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Should you wish to, you cover image can contain text overlaying your image. Using the image toolbar, you can choose to align your text to the left, right or center.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-010.1.jpg\" alt=\"\" class=\"wp-image-1471\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-010.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-010.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-010.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 6<br>Cover image settings<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Additionally when you click on your cover image, a range of settings appear in the right-hand menu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These options include toggling&nbsp;<strong>&#8216;Fixed Background&#8217;<\/strong>, which when turned on, gives your cover image a parallax style effect.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also adjust the color of the overlay on your cover image, which acts as a tint so that your cover image text is readable. You can also adjust\u00a0<strong>&#8216;Background Opacity&#8217;<\/strong>, which controls the transparency of your overlay.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-011.1.jpg\" alt=\"\" class=\"wp-image-1472\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-011.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-011.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-011.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 7<br>Add your cover image text<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Should you wish to add text to your cover image, just click on image and click on th text that reads&nbsp;<strong>&#8216;Write title&#8217;<\/strong>, and start typing.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-012.1.jpg\" alt=\"\" class=\"wp-image-1473\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-012.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-012.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-012.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_an_image_gallery\"><\/span>Creating an image gallery<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 1<br>Create a cover image<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">To add an image gallery to your content, simply click on the&nbsp;<strong>+<\/strong>&nbsp;icon, in the top left hand corner of the editor. Clicking this button will open the block browser.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-2-1.jpg\" alt=\"\" class=\"wp-image-1474\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-2-1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-2-1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-gutenberg-001.1-2-1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 2<br>Choose &#8216;Gallery&#8217;<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Scroll down the block browser and click on the heading&nbsp;<strong>&#8216;Common Blocks&#8217;<\/strong>, then choose&nbsp;<strong>&#8216;Gallery&#8217;<\/strong>.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-013.1.jpg\" alt=\"\" class=\"wp-image-1475\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-013.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-013.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-013.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 3<br>Add the images for your gallery<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">There are two different ways you can add images to your gallery.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Upload an image from your computer<\/li><li>Choose an image from your media library<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking&nbsp;<strong>&#8216;Upload&#8217;<\/strong>&nbsp;will open a file browser, then you can use the file browser to locate the images storaged on your computer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Media Library&#8217;<\/strong>&nbsp;will open up your WordPress media library, which is way of browsing every image you&#8217;ve upload to your site.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-014.1.jpg\" alt=\"\" class=\"wp-image-1476\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-014.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-014.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-014.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 4<br>Aligning your gallery<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking on your gallery will make the gallery toolbar appear above your images. The toolbar lets you choose how your gallery sits within your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Align left&#8217;<\/strong>&nbsp;or&nbsp;<strong>&#8216;Align right&#8217;<\/strong>&nbsp;will position your gallery to either the left or right of the page. It will mean that any text you write will &#8216;wrap&#8217; around the image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Wide width&#8217;<\/strong>&nbsp;will make the gallery display the full width of your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing&nbsp;<strong>&#8216;Full width&#8217;<\/strong>&nbsp;will make the gallery display the whole width of your site.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-015.1.jpg\" alt=\"\" class=\"wp-image-1477\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-015.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-015.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-015.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 5<br>Editing your images gallery<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">If you wish to edit your gallery to add or remove images, click on the pencil icon, located on the gallery toolbar.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-017.1.jpg\" alt=\"\" class=\"wp-image-1478\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-017.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-017.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-017.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 6<br>Uploading more images gallery<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">If you wish to upload more images to your gallery, simply scroll down and find the\u00a0<strong>&#8216;Upload your image&#8217;<\/strong>, which will be underneath your images. Click this link to open a file browser, that you can use to locate the images stored on your computer.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-018.1.jpg\" alt=\"\" class=\"wp-image-1479\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-018.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-018.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-018.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 7<br>Gallery settings<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Additionally when you click on your gallery image, a range of settings appear in the right-hand menu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These options include adjusting the number of columns uses to display your images. Adjusting this means your gallery images will automatically resize to fit whichever column layout you prefer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By default, your gallery images are cropped to thumbnails, so so that they are all the same size. You can displayed this setting by clicking on the&nbsp;<strong>&#8216;Crop images&#8217;<\/strong>&nbsp;toggle button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, you can add a link to your gallery images, so they link through to a full size version of the image.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-019.1.jpg\" alt=\"\" class=\"wp-image-1480\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-019.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-019.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-019.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">STEP 8<br>Adding captions to your images<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">If you wish to add a caption to your gallery images, firstly click on the image you want to edit. Then simply click on the text that reads&nbsp;<strong>&#8216;Write caption&#8217;<\/strong>&nbsp;and start typing.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"540\" src=\"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-019.1.jpg\" alt=\"\" class=\"wp-image-1480\" srcset=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-019.1.jpg 900w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-019.1-300x180.jpg 300w, https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-images-019.1-768x461.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Applies to:Professional HostingUniversal HostingReseller HostingWordPress Hosting Difficulty:Easy Time Needed:5 minutes Introduction This is a step-by-step walkthrough for uploading and using images in WordPress. STEP 1 Create a new post or&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,30,2],"tags":[],"class_list":["post-1458","post","type-post","status-publish","format-standard","hentry","category-professional-hosting","category-universal-hosting","category-wordpress-hosting"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to add images and image galleries in WordPress | Knowledge Base<\/title>\n<meta name=\"description\" content=\"This is a step-by-step walkthrough for uploading and using images in WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add images and image galleries in WordPress | Knowledge Base\" \/>\n<meta property=\"og:description\" content=\"This is a step-by-step walkthrough for uploading and using images in WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/34SPWebsiteHosts\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/34SPWebsiteHosts\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-23T11:34:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-28T11:39:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-posts-002.1-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kayleigh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@34sp\" \/>\n<meta name=\"twitter:site\" content=\"@34sp\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kayleigh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress\"},\"author\":{\"name\":\"Kayleigh\",\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/#\\\/schema\\\/person\\\/daa527106d35aab27ee3d39e12112172\"},\"headline\":\"How to add images and image galleries in WordPress\",\"datePublished\":\"2021-09-23T11:34:18+00:00\",\"dateModified\":\"2026-01-28T11:39:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress\"},\"wordCount\":1448,\"publisher\":{\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kb.34sp.com\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/wpadmin-posts-002.1-2.jpg\",\"articleSection\":[\"Professional Hosting\",\"Universal Hosting\",\"WordPress Hosting\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress\",\"url\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress\",\"name\":\"How to add images and image galleries in WordPress | Knowledge Base\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kb.34sp.com\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/wpadmin-posts-002.1-2.jpg\",\"datePublished\":\"2021-09-23T11:34:18+00:00\",\"dateModified\":\"2026-01-28T11:39:11+00:00\",\"description\":\"This is a step-by-step walkthrough for uploading and using images in WordPress.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress#primaryimage\",\"url\":\"https:\\\/\\\/www.34sp.com\\\/kb\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/wpadmin-posts-002.1-2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.34sp.com\\\/kb\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/wpadmin-posts-002.1-2.jpg\",\"width\":900,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/how-to-add-images-and-image-galleries-in-wordpress#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kb.34sp.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add images and image galleries in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/#website\",\"url\":\"https:\\\/\\\/kb.34sp.com\\\/\",\"name\":\"\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kb.34sp.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/#organization\",\"name\":\"34SP.com Limited\",\"url\":\"https:\\\/\\\/kb.34sp.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/kb.34sp.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/34sp-logo-horizontal-blue.png\",\"contentUrl\":\"https:\\\/\\\/kb.34sp.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/34sp-logo-horizontal-blue.png\",\"width\":3000,\"height\":1286,\"caption\":\"34SP.com Limited\"},\"image\":{\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/34SPWebsiteHosts\\\/\",\"https:\\\/\\\/x.com\\\/34sp\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/kb.34sp.com\\\/#\\\/schema\\\/person\\\/daa527106d35aab27ee3d39e12112172\",\"name\":\"Kayleigh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cee8c3564bca088c8f3300447726634e7e34d11b2002b3de29996ba4da754343?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cee8c3564bca088c8f3300447726634e7e34d11b2002b3de29996ba4da754343?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/cee8c3564bca088c8f3300447726634e7e34d11b2002b3de29996ba4da754343?s=96&d=mm&r=g\",\"caption\":\"Kayleigh\"},\"description\":\"As part of the Customer Experience team, Kayleigh ensures that all of our customers get the highest quality of service. Kayleigh started with 34SP in 2014 and is one of our WordPress experts. Kayleigh provides all of our support staff with ongoing training and works to improve their knowledge across a broad range of subjects.\",\"sameAs\":[\"https:\\\/\\\/www.34SP.com\",\"https:\\\/\\\/www.facebook.com\\\/34SPWebsiteHosts\",\"https:\\\/\\\/www.instagram.com\\\/34sp\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/34sp.com\",\"https:\\\/\\\/www.pinterest.co.uk\\\/34SP\",\"https:\\\/\\\/x.com\\\/34sp\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/34SPcomLtd\"],\"url\":\"https:\\\/\\\/kb.34sp.com\\\/author\\\/wp7ctmdod3qm\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add images and image galleries in WordPress | Knowledge Base","description":"This is a step-by-step walkthrough for uploading and using images in WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress","og_locale":"en_US","og_type":"article","og_title":"How to add images and image galleries in WordPress | Knowledge Base","og_description":"This is a step-by-step walkthrough for uploading and using images in WordPress.","og_url":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress","article_publisher":"https:\/\/www.facebook.com\/34SPWebsiteHosts\/","article_author":"https:\/\/www.facebook.com\/34SPWebsiteHosts","article_published_time":"2021-09-23T11:34:18+00:00","article_modified_time":"2026-01-28T11:39:11+00:00","og_image":[{"width":900,"height":540,"url":"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-posts-002.1-2.jpg","type":"image\/jpeg"}],"author":"Kayleigh","twitter_card":"summary_large_image","twitter_creator":"@34sp","twitter_site":"@34sp","twitter_misc":{"Written by":"Kayleigh","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress#article","isPartOf":{"@id":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress"},"author":{"name":"Kayleigh","@id":"https:\/\/www.34sp.com/kb\/#\/schema\/person\/daa527106d35aab27ee3d39e12112172"},"headline":"How to add images and image galleries in WordPress","datePublished":"2021-09-23T11:34:18+00:00","dateModified":"2026-01-28T11:39:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress"},"wordCount":1448,"publisher":{"@id":"https:\/\/www.34sp.com/kb\/#organization"},"image":{"@id":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress#primaryimage"},"thumbnailUrl":"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-posts-002.1-2.jpg","articleSection":["Professional Hosting","Universal Hosting","WordPress Hosting"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress","url":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress","name":"How to add images and image galleries in WordPress | Knowledge Base","isPartOf":{"@id":"https:\/\/www.34sp.com/kb\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress#primaryimage"},"image":{"@id":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress#primaryimage"},"thumbnailUrl":"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2021\/09\/wpadmin-posts-002.1-2.jpg","datePublished":"2021-09-23T11:34:18+00:00","dateModified":"2026-01-28T11:39:11+00:00","description":"This is a step-by-step walkthrough for uploading and using images in WordPress.","breadcrumb":{"@id":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress#primaryimage","url":"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-posts-002.1-2.jpg","contentUrl":"https:\/\/www.34sp.com\/kb\/wp-content\/uploads\/2021\/09\/wpadmin-posts-002.1-2.jpg","width":900,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/www.34sp.com/kb\/how-to-add-images-and-image-galleries-in-wordpress#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.34sp.com/kb\/"},{"@type":"ListItem","position":2,"name":"How to add images and image galleries in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.34sp.com/kb\/#website","url":"https:\/\/www.34sp.com/kb\/","name":"","description":"","publisher":{"@id":"https:\/\/www.34sp.com/kb\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.34sp.com/kb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.34sp.com/kb\/#organization","name":"34SP.com Limited","url":"https:\/\/www.34sp.com/kb\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.34sp.com/kb\/#\/schema\/logo\/image\/","url":"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2022\/06\/34sp-logo-horizontal-blue.png","contentUrl":"https:\/\/www.34sp.com/kb\/wp-content\/uploads\/2022\/06\/34sp-logo-horizontal-blue.png","width":3000,"height":1286,"caption":"34SP.com Limited"},"image":{"@id":"https:\/\/www.34sp.com/kb\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/34SPWebsiteHosts\/","https:\/\/x.com\/34sp"]},{"@type":"Person","@id":"https:\/\/www.34sp.com/kb\/#\/schema\/person\/daa527106d35aab27ee3d39e12112172","name":"Kayleigh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/cee8c3564bca088c8f3300447726634e7e34d11b2002b3de29996ba4da754343?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/cee8c3564bca088c8f3300447726634e7e34d11b2002b3de29996ba4da754343?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/cee8c3564bca088c8f3300447726634e7e34d11b2002b3de29996ba4da754343?s=96&d=mm&r=g","caption":"Kayleigh"},"description":"As part of the Customer Experience team, Kayleigh ensures that all of our customers get the highest quality of service. Kayleigh started with 34SP in 2014 and is one of our WordPress experts. Kayleigh provides all of our support staff with ongoing training and works to improve their knowledge across a broad range of subjects.","sameAs":["https:\/\/www.34SP.com","https:\/\/www.facebook.com\/34SPWebsiteHosts","https:\/\/www.instagram.com\/34sp\/","https:\/\/www.linkedin.com\/company\/34sp.com","https:\/\/www.pinterest.co.uk\/34SP","https:\/\/x.com\/34sp","https:\/\/www.youtube.com\/c\/34SPcomLtd"],"url":"https:\/\/www.34sp.com/kb\/author\/wp7ctmdod3qm"}]}},"_links":{"self":[{"href":"https:\/\/www.34sp.com/kb\/wp-json\/wp\/v2\/posts\/1458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.34sp.com/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.34sp.com/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.34sp.com/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.34sp.com/kb\/wp-json\/wp\/v2\/comments?post=1458"}],"version-history":[{"count":1,"href":"https:\/\/www.34sp.com/kb\/wp-json\/wp\/v2\/posts\/1458\/revisions"}],"predecessor-version":[{"id":1481,"href":"https:\/\/www.34sp.com/kb\/wp-json\/wp\/v2\/posts\/1458\/revisions\/1481"}],"wp:attachment":[{"href":"https:\/\/www.34sp.com/kb\/wp-json\/wp\/v2\/media?parent=1458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.34sp.com/kb\/wp-json\/wp\/v2\/categories?post=1458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.34sp.com/kb\/wp-json\/wp\/v2\/tags?post=1458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}