{"id":18310,"date":"2021-01-04T15:00:59","date_gmt":"2021-01-04T14:00:59","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=18310"},"modified":"2021-06-15T11:37:49","modified_gmt":"2021-06-15T09:37:49","slug":"how-to-add-social-media-icons-to-wordpress-sidebar","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-add-social-media-icons-to-wordpress-sidebar\/","title":{"rendered":"How to Add Social Media Icons to Your WordPress Sidebar"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]If you have a social media presence (and who doesn\u2019t, these days), you want to <strong>use it to full effect<\/strong>. Whatever line of work you\u2019re in, there may be content that\u2019s simply more effective when shared on social media, or content that is not yours and cannot be hosted on your website but which you find relevant and interesting for your visitors. Social media can <strong>bring more visitors to your website<\/strong>, and there is a multitude of techniques you can use to <a href=\"https:\/\/qodeinteractive.com\/magazine\/promoting-your-wordpress-website-on-social-media\/\">promote your website on social networks<\/a>. But this is a two-way street: your website could help build your social community. Placing your social icons in your sidebar will bring them into focus for your visitors.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]But should you do it? This, and how to do it, is what we will be discussing in this article.<br \/>\n[\/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=\"#why-have-social-media-icons\">Why Do I want Social Media Icons in My WordPress Sidebar?<\/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-social-icons-to-sidebar-using-bridge\">How to Add Social Icons to the Sidebar Using the Bridge WordPress Theme<\/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-social-icons-to-sidebar-using-plugin\">How to Add Social Media Icons to Your WordPress Sidebar 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;81px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"why-have-social-media-icons\"><\/a>Why Do I Want Social Media Icons in My WordPress Sidebar?<\/h2>\n<p>[\/vc_column_text][vc_column_text]A sidebar is a common type of WordPress widget-ready area. It appears, as the name suggests, on the side of the page, separate from the main body of the page. A sidebar is normally used to house widgets which contain <strong>information relevant to your website visitors<\/strong> no matter what specific content they are currently viewing, such as contact information, special offers, search bars, highlights, and so on.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Adding social icons to your sidebar will keep them in your visitors\u2019 focus and right at their fingertips at all times,<strong> encouraging traffic to your social media channels<\/strong>. Don\u2019t want to host large video files in your website\u2019s media library? Direct your visitors to your YouTube or Vimeo channel. Want to give your visitors a curated feed of industry news? Put a link to your Twitter feed on your sidebar. Want to engage your users in a direct discussion without their having to log in? Try showing them the way to your Facebook Group directly from your sidebar.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Not to mention that<strong> internet users have come to expect icons in sidebars<\/strong>. They will know where to find them without your making them extra conspicuous. Furthermore, the icons will not clash with your website style visually, whatever they may look like, and will not get lost in the main body of your page\u2019s content.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For this demonstration, we will be using our Bridge theme. While themes can differ among each other, most of them will have a sidebar widget area, and the procedure for getting your social media icons into your WordPress sidebar works much the same: by dragging the correct widget to the sidebar widget area and then configuring it to your liking.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"add-social-icons-to-sidebar-using-bridge\"><\/a>How to Add Social Icons to the Sidebar Using the Bridge WordPress Theme<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you are using our flexible <a href=\"https:\/\/qodeinteractive.com\/wordpress-theme\/bridge-creative-multi-purpose-wordpress-theme\/\">Bridge theme<\/a>, you should have no trouble adding social icons to your sidebar. Bridge even has a dedicated widget for that. We will be showing how to do it using a post. We have randomly generated some content to populate the main body of the post. But first, you need to enable the sidebar on your theme. To do that, you need to be editing a post or page in Gutenberg. If you are using Elementor, you still need to switch to Gutenberg or the Classic editor briefly in order to change the layout of the page to enable the sidebar.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Scroll all the way down and find the <strong>Qode Sidebar<\/strong> menu and select a layout which shows the sidebar. The <em>Default<\/em> layout does not, but you can select the width of the sidebar in relation to the main body of text and the orientation. We went with <em>Sidebar 1\/4 right<\/em>, meaning that the sidebar will take up a quarter of space on the right-hand side, but you can select a left-hand side sidebar, and a third-page width instead of a fourth.[\/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\/01\/Sidebar-Layout.jpg\" class=\"attachment-full size-full\" alt=\"Sidebar Layout\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Layout.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Layout-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Layout-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Layout-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next, you want to make sure the social icon appears in the sidebar. To configure your sidebar, navigate to <strong>Appearance\/Widgets<\/strong> using the left-hand side menu on your WordPress dashboard.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After that, you need to drag an instance of the <strong>Qode Social Icon<\/strong> widget to the <strong>Sidebar<\/strong> and place it where you want it. The widgets placed there will appear in order from top to bottom. We want our social widget at the top, so that\u2019s where we will drag it to.[\/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\/01\/Qode-Social-Icon-Widget.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Social-Icon-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Social-Icon-Widget-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Social-Icon-Widget-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Social-Icon-Widget-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You now need to configure this widget. For this demonstration, we will select the <strong>Circle<\/strong> icon type, but you can choose a different one, depending on your website\u2019s design, the <strong>Font Elegant<\/strong> icon pack (you can also use Font Awesome if you prefer it), and the <strong>Twitter<\/strong> icon from the <strong>Font Elegant Icon<\/strong> dropdown menu. You need to enter the <strong>Custom Size<\/strong> and <strong>Custom Shape Size<\/strong> you like (10 and 13 pixels for us, respectively). We will also enter our Twitter feed\u2018s hyperlink into the <strong>Link<\/strong> field and change the Target to <strong>New Window<\/strong>, which will open the link in a new window. You can, of course, select any social network and icon you like. The <strong>Qode Social Icon<\/strong> widget also contains a slew of design options which go beyond the scope of this demonstration, but the multitude of size, colour and border settings makes the widget very versatile and adaptable to any style. You then need to <strong>Save<\/strong> your <strong>Qode Social Icon<\/strong> settings and so update the <strong>Sidebar<\/strong>.[\/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\/01\/Sidebar-Social-Icon.jpg\" class=\"attachment-full size-full\" alt=\"Sidebar Social Icon\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Social-Icon.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Social-Icon-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Social-Icon-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Social-Icon-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And our Twitter feed icon is right there, at the top of our sidebar!<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]But what if you want to add social icons with accompanying text as items in your sidebar? For that effect, you can use the <strong>Qode Icon With Text<\/strong> widget. Again, in order for the theme to show the sidebar, you need to enable it. Open a post or page in Gutenberg, scroll all the way down. Find the <strong>Qode Sidebar<\/strong> menu and select a layout, such as <em>Sidebar 1\/4 right<\/em>, for instance, which shows the 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=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Layout.jpg\" class=\"attachment-full size-full\" alt=\"Sidebar Layout\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Layout.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Layout-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Layout-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Sidebar-Layout-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Navigate to <strong>Appearance\/Widgets<\/strong> using your WordPress dashboard right-hand side menu. Next, find the <strong>Qode Icon With Text<\/strong> widget, and drag it to the top of the <strong>Sidebar<\/strong> 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\/01\/Qode-Icon-With-Text-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Qode Icon With Text Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This widget now needs to be configured. We will use this widget to link to our Instagram profile, but it can be used for virtually any social network. For <strong>Box type<\/strong>, we will select <em>Normal<\/em>, for <strong>Icon Pack<\/strong> we will select <strong>Font Elegant<\/strong>, and for the <strong>Font Elegant Icon<\/strong> <em>social_instagram<\/em>. For<strong> Icon Type<\/strong> we will select <em>Normal<\/em>, for <strong>Icon Position<\/strong> <em>Left<\/em>, and for <strong>Content Alignment<\/strong> right. You can, of course, set it up however you like, with <em>Font Awesome<\/em> icons, or different icon types, and so on.[\/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=\"648\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-Settings.jpg\" class=\"attachment-full size-full\" alt=\"Qode Icon With Text Widget Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-Settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-Settings-300x201.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-Settings-768x514.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-Settings-620x415.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]For <strong>Title<\/strong>, we will type <em>Visit us on Instagram<\/em>, and change the <strong>Title Tag<\/strong> to <em>p<\/em>. The title can be anything you like, but we find any title tag apart from <em>p<\/em> too large for this particular application. In order to make the link work, you need to input your profile URL in the <strong>Link<\/strong> field (we will go with our Instagram profile) and <em>Our Instagram<\/em> for <strong>Link Text<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]We will leave the other options as they are, but you can make the sidebar into whatever fits your website\u2019s layout and style.<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=\"654\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-Settings-2.jpg\" class=\"attachment-full size-full\" alt=\"Qode Icon With Text Widget Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-Settings-2.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-Settings-2-300x202.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-Settings-2-768x518.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Widget-Settings-2-620x418.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And this is how your social icon will appear at the top of our sidebar.<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=\"550\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Qode Icon With Text Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Preview-300x170.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Preview-768x436.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Qode-Icon-With-Text-Preview-620x352.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Of course, you can create this type of link for however many social networks you like. This widget also supports icon upload, so you can make it work for your website\u2018s style.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"add-social-icons-to-sidebar-using-plugin\"><\/a>How to Add Social Media Icons to Your WordPress Sidebar Using a Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]As always, we suggest you use a theme\u2018s in-built functionality for anything you want your website to do. But if the theme you are using does not support the effect you want, you can nearly always make do (or more than make do) with a plugin. The plugin we will be using is <a href=\"https:\/\/wordpress.org\/plugins\/social-icons-widget-by-wpzoom\/\" target=\"_blank\" rel=\"noopener\">Social Icons Widget &amp; Block<\/a>. You need to install and activate this plugin.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This plugin will give you widgets and blocks which you can use to display your social icons throughout your site, but we will show you how to display them on your sidebar. To do that, you will need to navigate to <strong>Appearance\/Widgets<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]On the left-hand side, in the <strong>Available Widgets<\/strong> section, find the <strong>Social Icons by WPZOOM<\/strong> and drag it to where you want it. We want our social icons at the top of the sidebar, so that\u2018s where we\u2018ll place it, but you can choose whichever position you want.[\/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\/01\/Social-Icons-WPZOOM.jpg\" class=\"attachment-full size-full\" alt=\"Social Icons WPZOOM\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Social-Icons-WPZOOM.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Social-Icons-WPZOOM-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Social-Icons-WPZOOM-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Social-Icons-WPZOOM-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next, you need to configure the widget. For the <strong>Title<\/strong>, we will put down <em>Follow us<\/em> <em>on social media!<\/em>, but you can choose any snappy title you want. We will not touch any of the other settings. Suffice it to say that the plugin offers several size and colour options which you can use to make your social icons fit your website\u2018s layout.[\/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=\"588\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Socail-Icons-by-WPZOOM-Setings.jpg\" class=\"attachment-full size-full\" alt=\"Socail Icons by WPZOOM Setings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Socail-Icons-by-WPZOOM-Setings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Socail-Icons-by-WPZOOM-Setings-300x182.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Socail-Icons-by-WPZOOM-Setings-768x466.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/Socail-Icons-by-WPZOOM-Setings-620x376.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Scrolling down, you can choose which icons to display and in which order. The default values are Facebook, Twitter, and Instagram. To add another one, click <strong>Add more<\/strong>.[\/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\/01\/WPZOOM-Add-Social-Icon.jpg\" class=\"attachment-full size-full\" alt=\"WPZOOM Add Social Icon\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Add-Social-Icon.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Add-Social-Icon-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Add-Social-Icon-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Add-Social-Icon-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will get another widget section with the WordPress icon. Say we want to add our <strong>Pinterest<\/strong> profile. We will add our URL next to the icon, and it will automatically change to a Pinterest one instead. Finally, you need to <strong>Save<\/strong> all your changes, of course.[\/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=\"578\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Add-Pinterest-Icon.jpg\" class=\"attachment-full size-full\" alt=\"WPZOOM Add Pinterest Icon\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Add-Pinterest-Icon.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Add-Pinterest-Icon-300x179.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Add-Pinterest-Icon-768x458.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Add-Pinterest-Icon-620x370.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And just like that, your social media will be advertised for your website visitors.<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=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Icons-Preview.jpg\" class=\"attachment-full size-full\" alt=\"WPZOOM Icons Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Icons-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Icons-Preview-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Icons-Preview-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/01\/WPZOOM-Icons-Preview-620x331.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\">In Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]As you have seen, adding social media icons to your WordPress sidebar takes no time at all. You may choose to use your theme\u2018s built in options, as is always our first suggestion, or opt for a plugin, but in any case it takes little more than a drag, a drop and a few clicks of the mouse. So why don\u2018t you try it? Your social media-using visitors will appreciate it.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Help your website visitors navigate to your social pages with social media icons in your WordPress sidebar.<\/p>\n","protected":false},"author":16990,"featured_media":18536,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[26,4,39,13],"class_list":["post-18310","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-social","tag-tips","tag-tools","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/18310","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\/16990"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=18310"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/18310\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/18536"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=18310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=18310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=18310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}