{"id":3952,"date":"2017-09-17T08:49:53","date_gmt":"2017-09-17T08:49:53","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=3952"},"modified":"2020-02-19T07:54:01","modified_gmt":"2020-02-19T07:54:01","slug":"change-design-of-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/change-design-of-amp\/","title":{"rendered":"How To Change The Design\/Theme Of AMP"},"content":{"rendered":"<h3>Design Selector<\/h3>\n<p>There are 4 designs in AMPforWP<\/p>\n<ol>\n<li><a href=\"https:\/\/ampforwp.com\/demo\/#one\">Design 1<\/a><\/li>\n<li><a href=\"https:\/\/ampforwp.com\/demo\/#two\">Design 2<\/a><\/li>\n<li><a href=\"https:\/\/ampforwp.com\/demo\/#three\">Design 3<\/a><\/li>\n<li><a href=\"https:\/\/ampforwp.com\/amp-demo\/#swift\">Swift<\/a><\/li>\n<\/ol>\n<p>When you activate the <strong>AMPforWP<\/strong> plugin, by default it will be <strong>Swift<\/strong> . You can change the design using Theme selector.<\/p>\n<p><strong>Follow the Step for Change the Theme Of AMP:<\/strong><\/p>\n<ol>\n<li>From your WordPress dashboard, go to your sidebar. Head on over to <strong>AMP<\/strong>\u00a0<strong>option panel -&gt;<\/strong>\u00a0<strong>Design<\/strong><strong>\u00a0-&gt;<\/strong>\u00a0<strong>Themes , Themes Selector\u00a0 option <\/strong>will be display on your screen.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14901\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-3.png\" alt=\"\" width=\"1229\" height=\"509\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-3.png 1229w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-3-300x124.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-3-768x318.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-3-1024x424.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-3-50x21.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-3-60x25.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/7-3-100x41.png 100w\" sizes=\"(max-width: 1229px) 100vw, 1229px\" \/><\/a><\/p>\n<p><strong>\u00a04.<\/strong> When you click on <strong>Themes Selector<\/strong> <strong>option<\/strong> list will be display.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/themeslist1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-5196\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/themeslist1.png\" alt=\"\" width=\"857\" height=\"308\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/themeslist1.png 857w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/themeslist1-300x108.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/themeslist1-768x276.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/themeslist1-50x18.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/themeslist1-60x22.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/themeslist1-100x36.png 100w\" sizes=\"(max-width: 857px) 100vw, 857px\" \/><\/a><\/p>\n<p><strong>\u00a0 \u00a05.<\/strong> You can even select your own <strong>AMP Theme<\/strong> from <strong>Theme Selector<\/strong>.<\/p>\n<p><strong>\u00a0 \u00a06.<\/strong> Click on the &#8220;<strong>Save Changes&#8221;<\/strong>\u00a0button.<\/p>\n<p><strong>That&#8217;s 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>Design Selector There are 4 designs in AMPforWP Design 1 Design 2 Design 3 Swift When you activate the AMPforWP plugin, by default it will be Swift . You can change the design using Theme selector. Follow the Step for Change the Theme Of AMP: From your WordPress dashboard, go&#8230;<\/p>\n","protected":false},"author":5,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[85],"ht-kb-tag":[107,108],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3952"}],"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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=3952"}],"version-history":[{"count":22,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3952\/revisions"}],"predecessor-version":[{"id":16493,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3952\/revisions\/16493"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=3952"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=3952"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=3952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}