{"id":16755,"date":"2020-03-09T11:47:05","date_gmt":"2020-03-09T11:47:05","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=16755"},"modified":"2020-03-09T11:47:11","modified_gmt":"2020-03-09T11:47:11","slug":"how-to-reorder-the-elements-on-the-page","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-reorder-the-elements-on-the-page\/","title":{"rendered":"How to reorder the elements on the page"},"content":{"rendered":"\n<p>By using this option you can easily customize the order of the elements according to your wish by simply dragging and dropping the components at up and down and also if you don&#8217;t want any components then you can disable it and these options only available for design 1 2 and 3.<\/p>\n\n\n\n<p>You will find this option in <strong>WordPress Dashboard<\/strong> -> <strong>AMP Option Panel<\/strong> -> <strong>Design<\/strong> -> <strong>Single<\/strong> -> Set the Order of components<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"584\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/03\/5-2-1024x584.png\" alt=\"\" class=\"wp-image-16756\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/03\/5-2-1024x584.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/03\/5-2-300x171.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/03\/5-2-768x438.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/03\/5-2-50x28.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/03\/5-2-60x34.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/03\/5-2-100x57.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/03\/5-2.png 1102w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4>To make it easy, we have created a video on reordering the elements on the page in AMP <\/h4>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/03\/AwesomeScreenshot-2020-3-9-1583749781085.webm\"><\/video><\/figure>\n\n\n\n<p><strong>Note:<\/strong> Now and our team is working hard implemented it in the swift too and it will be coming in the future. <\/p>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\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\n\n\n<p><\/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>By using this option you can easily customize the order of the elements according to your wish by simply dragging and dropping the components at up and down and also if you don&#8217;t want any components then you can disable it and these options only available for design 1 2&#8230;<\/p>\n","protected":false},"author":18,"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\/16755"}],"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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=16755"}],"version-history":[{"count":7,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/16755\/revisions"}],"predecessor-version":[{"id":16764,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/16755\/revisions\/16764"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=16755"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=16755"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=16755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}