{"id":23119,"date":"2025-11-13T01:35:00","date_gmt":"2025-11-13T01:35:00","guid":{"rendered":"https:\/\/ourdemy.dev\/?p=23119"},"modified":"2025-11-20T08:42:35","modified_gmt":"2025-11-20T08:42:35","slug":"how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility","status":"publish","type":"post","link":"https:\/\/ourdemy.com\/en\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/","title":{"rendered":"How do I insert an Image, adjust its alignment, and add alt text for accessibility?"},"content":{"rendered":"\n
\n
\n
\n
\n
\n \n 1\n <\/span>\n <\/div>\n
\n
Click Pages<\/span> in the dashboard to access your pages list.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 2\n <\/span>\n <\/div>\n
\n
Click the Edit page<\/span> input next to the page you want to customize, (e.g., Home<\/span> page).<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 3\n <\/span>\n <\/div>\n
\n
Click Edit with Page Editor<\/span> to open the visual page builder.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 4\n <\/span>\n <\/div>\n
\n
To add an image, go to the left menu bar, click and hold the Image<\/span> element, drag it, and drop it into the position where you want to add it.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 5\n <\/span>\n <\/div>\n
\n
Click Select Image<\/span> to select an image and add it to the selected position.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 6\n <\/span>\n <\/div>\n
\n
Click Upload<\/span> to upload an image if you don\u2019t have any available in the library to select. Alternatively, you can drag an image from your device and drop it into the upload area to upload it.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 7\n <\/span>\n <\/div>\n
\n
Click on the image you want to select for use, (e.g., 1.jpg<\/span>).<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 8\n <\/span>\n <\/div>\n
\n
Click on input rounded<\/span> to change the rounded of the image.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 9\n <\/span>\n <\/div>\n
\n
Click Draft<\/span> and then click Save Draft<\/span> to save your changes without publishing them live.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n \n
\n
\n
\n
\n
\n \n 10\n <\/span>\n <\/div>\n
\n
Or click Publish<\/span> to make your changes live on the site.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n
\n
\n \"Screenshot\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n\n\n","protected":false},"excerpt":{"rendered":"

1 Click Pages in the dashboard to access your pages list. 2 Click the Edit page input next to the page you want to customize, (e.g., Home page). 3 Click Edit with Page Editor to open the visual page builder. 4 To add an image, go to the left menu bar, click and hold the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,34],"tags":[],"class_list":["post-23119","post","type-post","status-publish","format-standard","hentry","category-customize-your-site","category-help-center"],"yoast_head":"\nHow do I insert an Image, adjust its alignment, and add alt text for accessibility? - Ourdemy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ourdemy.com\/en\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How do I insert an Image, adjust its alignment, and add alt text for accessibility? - Ourdemy\" \/>\n<meta property=\"og:description\" content=\"1 Click Pages in the dashboard to access your pages list. 2 Click the Edit page input next to the page you want to customize, (e.g., Home page). 3 Click Edit with Page Editor to open the visual page builder. 4 To add an image, go to the left menu bar, click and hold the […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ourdemy.com\/en\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"Ourdemy\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-13T01:35:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-20T08:42:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-593fc40603c84cbe-1763627832.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1671\" \/>\n\t<meta property=\"og:image:height\" content=\"938\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/person\\\/e7a7e53bb8a94cce8f134c3718702e42\"},\"headline\":\"How do I insert an Image, adjust its alignment, and add alt text for accessibility?\",\"datePublished\":\"2025-11-13T01:35:00+00:00\",\"dateModified\":\"2025-11-20T08:42:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/\"},\"wordCount\":192,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-593fc40603c84cbe-1763627832.png\",\"articleSection\":[\"Customize Your Site\",\"Help Center\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/\",\"name\":\"How do I insert an Image, adjust its alignment, and add alt text for accessibility? - Ourdemy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-593fc40603c84cbe-1763627832.png\",\"datePublished\":\"2025-11-13T01:35:00+00:00\",\"dateModified\":\"2025-11-20T08:42:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-593fc40603c84cbe-1763627832.png\",\"contentUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/remote-img-593fc40603c84cbe-1763627832.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ourdemy.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How do I insert an Image, adjust its alignment, and add alt text for accessibility?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#website\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/\",\"name\":\"Ourdemy\",\"description\":\"Make your own online academy\",\"publisher\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ourdemy.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#organization\",\"name\":\"Ourdemy\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/ouracademy-02.svg\",\"contentUrl\":\"https:\\\/\\\/ourdemy.com\\\/wp-content\\\/uploads\\\/2023\\\/09\\\/ouracademy-02.svg\",\"width\":3163,\"height\":884,\"caption\":\"Ourdemy\"},\"image\":{\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ourdemy.com\\\/#\\\/schema\\\/person\\\/e7a7e53bb8a94cce8f134c3718702e42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/ourdemy.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How do I insert an Image, adjust its alignment, and add alt text for accessibility? - Ourdemy","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:\/\/ourdemy.com\/en\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/","og_locale":"en_US","og_type":"article","og_title":"How do I insert an Image, adjust its alignment, and add alt text for accessibility? - Ourdemy","og_description":"1 Click Pages in the dashboard to access your pages list. 2 Click the Edit page input next to the page you want to customize, (e.g., Home page). 3 Click Edit with Page Editor to open the visual page builder. 4 To add an image, go to the left menu bar, click and hold the […]","og_url":"https:\/\/ourdemy.com\/en\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/","og_site_name":"Ourdemy","article_published_time":"2025-11-13T01:35:00+00:00","article_modified_time":"2025-11-20T08:42:35+00:00","og_image":[{"width":1671,"height":938,"url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-593fc40603c84cbe-1763627832.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/#article","isPartOf":{"@id":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/"},"author":{"name":"admin","@id":"https:\/\/ourdemy.com\/#\/schema\/person\/e7a7e53bb8a94cce8f134c3718702e42"},"headline":"How do I insert an Image, adjust its alignment, and add alt text for accessibility?","datePublished":"2025-11-13T01:35:00+00:00","dateModified":"2025-11-20T08:42:35+00:00","mainEntityOfPage":{"@id":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/"},"wordCount":192,"commentCount":0,"publisher":{"@id":"https:\/\/ourdemy.com\/#organization"},"image":{"@id":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/#primaryimage"},"thumbnailUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-593fc40603c84cbe-1763627832.png","articleSection":["Customize Your Site","Help Center"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/","url":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/","name":"How do I insert an Image, adjust its alignment, and add alt text for accessibility? - Ourdemy","isPartOf":{"@id":"https:\/\/ourdemy.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/#primaryimage"},"image":{"@id":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/#primaryimage"},"thumbnailUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-593fc40603c84cbe-1763627832.png","datePublished":"2025-11-13T01:35:00+00:00","dateModified":"2025-11-20T08:42:35+00:00","breadcrumb":{"@id":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/#primaryimage","url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-593fc40603c84cbe-1763627832.png","contentUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2025\/11\/remote-img-593fc40603c84cbe-1763627832.png"},{"@type":"BreadcrumbList","@id":"https:\/\/ourdemy.com\/how-do-i-insert-an-image-adjust-its-alignment-and-add-alt-text-for-accessibility\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ourdemy.com\/"},{"@type":"ListItem","position":2,"name":"How do I insert an Image, adjust its alignment, and add alt text for accessibility?"}]},{"@type":"WebSite","@id":"https:\/\/ourdemy.com\/#website","url":"https:\/\/ourdemy.com\/","name":"Ourdemy","description":"Make your own online academy","publisher":{"@id":"https:\/\/ourdemy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ourdemy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ourdemy.com\/#organization","name":"Ourdemy","url":"https:\/\/ourdemy.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ourdemy.com\/#\/schema\/logo\/image\/","url":"https:\/\/ourdemy.com\/wp-content\/uploads\/2023\/09\/ouracademy-02.svg","contentUrl":"https:\/\/ourdemy.com\/wp-content\/uploads\/2023\/09\/ouracademy-02.svg","width":3163,"height":884,"caption":"Ourdemy"},"image":{"@id":"https:\/\/ourdemy.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/ourdemy.com\/#\/schema\/person\/e7a7e53bb8a94cce8f134c3718702e42","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/042968b872d529b85b5b0faae638766460238b6758e95a7094fdb8c7c37635db?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/ourdemy.com"]}]}},"_links":{"self":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/comments?post=23119"}],"version-history":[{"count":6,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23119\/revisions"}],"predecessor-version":[{"id":24324,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/posts\/23119\/revisions\/24324"}],"wp:attachment":[{"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/media?parent=23119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/categories?post=23119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ourdemy.com\/en\/wp-json\/wp\/v2\/tags?post=23119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}