{"id":22616,"date":"2021-04-12T15:00:29","date_gmt":"2021-04-12T13:00:29","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=22616"},"modified":"2022-02-02T10:33:00","modified_gmt":"2022-02-02T09:33:00","slug":"how-to-add-an-image-to-wordpress-sidebar","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-add-an-image-to-wordpress-sidebar\/","title":{"rendered":"How to Add an Image to the WordPress Sidebar"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Sidebars are widget-ready areas created to improve the user experience on your site. They can be placed on either side of the main content area, taking up a considerate amount of screen estate. As such, they play an important role in effective web design, especially if you <a href=\"https:\/\/qodeinteractive.com\/magazine\/add-different-sidebar-to-wordpress-page-post\/\">add a different sidebar to each page<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The purpose of sidebars is to assist users and allow them quick access to information or links you believe may be of their interest. Because of that, it\u2019s important to keep sidebars decluttered, to avoid distracting visitors from the primary content and interrupting the site\u2019s flow.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In most cases, sidebars contain supplemental information or options that could be of use to any site visitor, such as a search field, <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-add-social-media-icons-to-wordpress-sidebar\/\">social media icons<\/a>, most recent or most popular articles, or email sign-up forms. But what makes them visually appealing to users are images.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]An image sidebar is a great way of unobtrusively displaying your brand\u2019s logo, <a href=\"https:\/\/qodeinteractive.com\/magazine\/add-instagram-feed-to-wordpress\/\">Instagram feed<\/a>, or imagery that is related to your business. But how does one add an image to their sidebar in WordPress? There are two most common ways of going about it and we will go into great detail explaining how to use both methods:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#add-image-to-sidebar-using-widgets\">How to Add an Image to the Sidebar by Using Widgets<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#add-image-to-sidebar-using-plugin\">How to Add an Image to the Sidebar by Using a Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"add-image-to-sidebar-using-widgets\"><\/a>How to Add an Image to the Sidebar by Using Widgets<\/h2>\n<p>[\/vc_column_text][vc_column_text]In WordPress, you can use a myriad of practical and <a href=\"https:\/\/qodeinteractive.com\/magazine\/useful-wordpress-widgets\/\">useful widgets<\/a> to make your website really mean and lean. They stand as a fast and easy way of adding numerous handy elements to your sidebar areas, photos included. In fact, you can use two widgets to include images \u2013 the Image and Text widgets. We will show you how to do it with both.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Adding an Image to the Sidebar With the Image Widget<\/h3>\n<p>[\/vc_column_text][vc_column_text]Start by clicking on <em><strong>Appearance &gt; Widgets<\/strong><\/em> and then locate the <em><strong>Image<\/strong> <\/em>widget.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Image Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next up, add the Image widget to your sidebar. Click on the down-pointing arrow in the right corner, and from the dropdown menu select <em><strong>Sidebar<\/strong><\/em>. Then, press<em><strong> Add Widget<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"550\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Image-Widget-to-Sidebar.jpg\" class=\"attachment-full size-full\" alt=\"Add Image Widget to Sidebar\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Image-Widget-to-Sidebar.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Image-Widget-to-Sidebar-300x170.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Image-Widget-to-Sidebar-768x436.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Image-Widget-to-Sidebar-620x352.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, click on the <em><strong>Add Image<\/strong><\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"600\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Sidebar-Add-Image.jpg\" class=\"attachment-full size-full\" alt=\"Sidebar Add Image\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Sidebar-Add-Image.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Sidebar-Add-Image-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Sidebar-Add-Image-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Sidebar-Add-Image-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This action will launch your<em><strong> Media Library<\/strong><\/em>, letting you either select a photo that already exists in the library or upload a new file. Before you press the<em><strong> Add to Widget<\/strong><\/em> button, consider <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-optimize-wordpress-images-for-search-engines\/\">optimizing your image for search engines<\/a> by adding the title, caption, description, alt-text, and link.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Image-Media-Library.jpg\" class=\"attachment-full size-full\" alt=\"Add Image Media Library\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Image-Media-Library.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Image-Media-Library-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Image-Media-Library-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Image-Media-Library-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The image will now appear inside the widget, where you can enter the title and link (in case you skipped adding them in the Media Library).<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"665\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Title-and-Link.jpg\" class=\"attachment-full size-full\" alt=\"Image Widget Title and Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Title-and-Link.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Title-and-Link-300x206.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Title-and-Link-768x527.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Title-and-Link-620x425.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once everything\u2019s ready, click <em><strong>Save<\/strong> <\/em>and the image will now appear in your blog\u2019s sidebar.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"1616\" height=\"743\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Llive-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Image Widget Live Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Llive-Preview.jpg 1616w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Llive-Preview-300x138.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Llive-Preview-1024x471.jpg 1024w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Llive-Preview-768x353.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Llive-Preview-1536x706.jpg 1536w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Llive-Preview-1240x570.jpg 1240w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Llive-Preview-970x446.jpg 970w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Llive-Preview-620x285.jpg 620w\" sizes=\"auto, (max-width: 1616px) 100vw, 1616px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you would like to create an image sidebar on your pages, consider installing one of <a href=\"https:\/\/qodeinteractive.com\/themes-list\/\">our themes<\/a>, as most of them include the Sidebar Page widget area. The process would be the same, except that you would add the Image widget into the Sidebar Page area.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Adding an Image to the Sidebar With the Text Widget<\/h3>\n<p>[\/vc_column_text][vc_column_text]The Text Widget is very versatile and a great choice when you wish to add different types of content to your sidebar. Aside from text, you can use it to include images, GIFs, and videos.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The first step to creating an image sidebar with the Text widget is to add the widget itself to the sidebar, just like we did in the previous method. Once again, head over to <em><strong>Appearance &gt; Widgets<\/strong><\/em>, select the <em><strong>Text<\/strong> <\/em>widget, add it to the sidebar, and click on the <em><strong>Add Media<\/strong><\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"638\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Add-Media.jpg\" class=\"attachment-full size-full\" alt=\"Text Widget Add Media\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Add-Media.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Add-Media-300x198.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Add-Media-768x506.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Add-Media-620x408.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Your Media Library will open next, for you to select the picture you wish to display in the sidebar. Once you\u2019re happy with your choice and you finish with the SEO image optimization, click on <em><strong>Insert Into Post<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Insert-Image-Into-Post.jpg\" class=\"attachment-full size-full\" alt=\"Insert Image Into Post\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Insert-Image-Into-Post.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Insert-Image-Into-Post-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Insert-Image-Into-Post-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Insert-Image-Into-Post-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Your image will now appear within the Text widget. You can edit\/add a title to your file as well as a link.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"480\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Title-And-Link.jpg\" class=\"attachment-full size-full\" alt=\"Text Widget Title And Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Title-And-Link.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Title-And-Link-300x149.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Title-And-Link-768x380.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Title-And-Link-620x307.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once everything\u2019s ready, click on <em><strong>Save<\/strong> <\/em>and go take a look at the image sidebar you\u2019ve just created on your site.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"471\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Live-Preview-Sidebar.jpg\" class=\"attachment-full size-full\" alt=\"Text Widget Live Preview Sidebar\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Live-Preview-Sidebar.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Live-Preview-Sidebar-300x146.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Live-Preview-Sidebar-768x373.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Text-Widget-Live-Preview-Sidebar-620x301.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"add-image-to-sidebar-using-plugin\"><\/a>How to Add an Image to the Sidebar by Using a Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]If using widgets isn\u2019t really up your alley or you notice that theme authors (or admins) have removed the widget for some reason, <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">installing a plugin<\/a> is the way to go. That way, you will have even more customization options at hand than the widget packs by default. We recommend using <a href=\"https:\/\/wordpress.org\/plugins\/image-widget\/\" target=\"_blank\" rel=\"noopener\">Image Widget<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-1.jpg\" class=\"attachment-full size-full\" alt=\"Image Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-1.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-1-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-1-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-1-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Upon installing and activating the plugin, go to <em><strong>Appearance &gt; Widgets<\/strong><\/em>, select <em><strong>Image Widget<\/strong><\/em>, and add it to the sidebar. Then, press the <em><strong>Select an Image<\/strong><\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Select-Image.jpg\" class=\"attachment-full size-full\" alt=\"Image Widget Plugin Select Image\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Select-Image.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Select-Image-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Select-Image-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Select-Image-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next up, find the picture you had in mind within the Media Library (or upload it), and click on<em><strong> Insert Into Widget<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Insert-Into-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Insert Into Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Insert-Into-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Insert-Into-Widget-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Insert-Into-Widget-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Insert-Into-Widget-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The Image Widget plugin includes several customization options, allowing you to add title, alt text, <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-image-captions\/\">caption<\/a>, link, but also <strong>link title, link ID, as well as HTML5 extensions<\/strong>. Moreover, you can specify if the inserted link should <strong>open in the same or new window<\/strong>, select the size of your file, and adjust alignment.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"456\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Options-1.jpg\" class=\"attachment-full size-full\" alt=\"Image Widget Plugin Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Options-1.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Options-1-300x141.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Options-1-768x361.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Options-1-620x292.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;60px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"392\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Options-2.jpg\" class=\"attachment-full size-full\" alt=\"Image Widget Plugin Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Options-2.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Options-2-300x121.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Options-2-768x311.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Options-2-620x251.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]When you finish making adjustments, click on <em><strong>Save<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"530\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Live.jpg\" class=\"attachment-full size-full\" alt=\"Image Widget Plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Live.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Live-300x164.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Live-768x420.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Image-Widget-Plugin-Live-620x339.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]Image sidebar is an effective way of subtly displaying photos that are not the main focus on your site but are still relevant to your business. And all it takes to create one are just a few clicks of your mouse. Whether you decide to use widgets or a plugin is irrelevant, as both methods are rookie-friendly and don\u2019t require any coding knowledge.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text]Sidebars are widget-ready areas created to improve the user experience on your site. They can be placed on either side [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":22697,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27,14,15,4,13],"class_list":["post-22616","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-content","tag-core","tag-plugins","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/22616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=22616"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/22616\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/22697"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=22616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=22616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=22616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}