{"id":13442,"date":"2019-08-05T11:33:14","date_gmt":"2019-08-05T11:33:14","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=13442"},"modified":"2019-08-05T11:47:31","modified_gmt":"2019-08-05T11:47:31","slug":"the-custom-front-page-is-not-displaying-in-amp-how-to-fix-this","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/the-custom-front-page-is-not-displaying-in-amp-how-to-fix-this\/","title":{"rendered":"&#8220;The custom front page is not displaying in AMP&#8221; how to fix this?"},"content":{"rendered":"\n<p>By default, in AMP the list of blog posts will be displayed on the home page of your AMP homepage. but if you want to display the static front page in AMP then you need to follow below steps<\/p>\n\n\n\n<p>You will find this option in the <strong>WordPress Dashboard<\/strong> -> <strong>AMP Option Panel<\/strong> -> <strong>Settings<\/strong> -> Click on  <strong>General <\/strong>-> Enable <strong>Homepage<\/strong> option -><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"484\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/14-1024x484.png\" alt=\"\" class=\"wp-image-13445\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/14-1024x484.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/14-300x142.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/14-768x363.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/14-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/14-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/14-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/14.png 1321w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you select \u201c<strong>Homepage<\/strong>\u201d option three option will be displayed as per your requirement you can enable those options and then click on the \u201c<strong>Save Changes<\/strong>\u201d button.<\/p>\n\n\n\n<p><strong>Custom Front Page:<\/strong> If you want to Display a Static Front Page on your AMP Website, you can enable FrontPage option. It will Set Custom FrontPage as Homepage<\/p>\n\n\n\n<p><strong> Select Page as FrontPage:<\/strong> When you enable Custom AMP front page, make sure you select a Page from the drop-down menu to use it as Static FrontPage.<\/p>\n\n\n\n<p><strong>Title on Static Front Page:<\/strong> If you want to Display the title of Static FrontPage you can enable this option and after that click on the save changes button.<\/p>\n\n\n\n<h4><strong>The Output of the Custom Front page in AMP<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"501\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-1024x501.png\" alt=\"\" class=\"wp-image-13449\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-1024x501.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-300x147.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-768x376.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-100x49.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15.png 1352w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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<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 default, in AMP the list of blog posts will be displayed on the home page of your AMP homepage. but if you want to display the static front page in AMP then you need to follow below steps You will find this option in the WordPress Dashboard -> AMP&#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\/13442"}],"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=13442"}],"version-history":[{"count":9,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13442\/revisions"}],"predecessor-version":[{"id":13453,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13442\/revisions\/13453"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=13442"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=13442"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=13442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}