{"id":4788,"date":"2018-08-02T08:49:23","date_gmt":"2018-08-02T08:49:23","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=4788"},"modified":"2020-02-07T07:05:33","modified_gmt":"2020-02-07T07:05:33","slug":"how-to-setup-sidebar-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-setup-sidebar-in-amp\/","title":{"rendered":"How to Setup Sidebar in AMP"},"content":{"rendered":"<p><strong>Tutorial to set up the sidebar in homepage and single page.<\/strong><\/p>\n<p><span style=\"color: #800000;\"><strong>1.<\/strong><\/span> The sidebar only works in the <strong>Swift theme<\/strong>.<\/p>\n<p><span style=\"color: #800000;\"><strong>2.<\/strong><\/span> You will find this option in the <strong>WordPress dashboard<\/strong> -&gt; <strong>AMP option panel<\/strong> -&gt;<strong> Design<\/strong> -&gt; click on <strong>Global<\/strong> option-&gt; Enable the <strong>sidebar<\/strong> option and select where you want to display the sidebar.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-16066\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-2.png\" alt=\"\" width=\"1225\" height=\"646\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-2.png 1225w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-2-300x158.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-2-768x405.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-2-1024x540.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-2-50x26.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-2-60x32.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/2-2-100x53.png 100w\" sizes=\"(max-width: 1225px) 100vw, 1225px\" \/><\/a><\/p>\n<p><span style=\"color: #800000;\"><strong>3.\u00a0<\/strong><span style=\"color: #000000;\">Go to <strong>WordPress dashboard<\/strong> -&gt; <strong>Appearance<\/strong> -&gt;\u00a0<\/span><\/span>In the <strong>widget section<\/strong>, you will find the Sidebar widget where you can drag and drop the widgets which you want to display in the sidebar.<\/p>\n<p><strong><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/sidebar-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-10579\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/sidebar-2.png\" alt=\"\" width=\"1353\" height=\"622\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/sidebar-2.png 1353w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/sidebar-2-300x138.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/sidebar-2-768x353.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/sidebar-2-1024x471.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/sidebar-2-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/sidebar-2-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/sidebar-2-100x46.png 100w\" sizes=\"(max-width: 1353px) 100vw, 1353px\" \/><\/a><\/strong><\/p>\n<h4>The Output of the Sidebar in AMP<\/h4>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/8.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14502\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/8.png\" alt=\"\" width=\"1357\" height=\"624\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/8.png 1357w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/8-300x138.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/8-768x353.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/8-1024x471.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/8-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/8-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2018\/08\/8-100x46.png 100w\" sizes=\"(max-width: 1357px) 100vw, 1357px\" \/><\/a><\/p>\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Tutorial to set up the sidebar in homepage and single page. 1. The sidebar only works in the Swift theme. 2. You will find this option in the WordPress dashboard -&gt; AMP option panel -&gt; Design -&gt; click on Global option-&gt; Enable the sidebar option and select where you want&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4788"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=4788"}],"version-history":[{"count":14,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4788\/revisions"}],"predecessor-version":[{"id":16068,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/4788\/revisions\/16068"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=4788"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=4788"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=4788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}