{"id":3898,"date":"2017-09-15T15:24:27","date_gmt":"2017-09-15T15:24:27","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=3898"},"modified":"2021-03-12T10:38:02","modified_gmt":"2021-03-12T10:38:02","slug":"install-setup-newspaper-theme-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/install-setup-newspaper-theme-amp\/","title":{"rendered":"How to Install &#038; Setup Newspaper Theme for AMP?"},"content":{"rendered":"<div class=\"x-column x-sm x-2-3\">\n<p class=\"x-text\"><a href=\"https:\/\/ampforwp.com\/themes\/newspaper\/\">Newspaper Theme<\/a> was created with\u00a0<strong>Drag &amp; Drop AMP Page builder<\/strong> which allows you to create a dynamic homepage on AMP with News ticker, several types of category block designs with options like category selection, post counts, color pickers &amp; many other options.<\/p>\n<p class=\"x-text\"><strong>Here are the steps:<\/strong><\/p>\n<div><\/div>\n<p class=\"x-text\"><span style=\"color: #800000;\"><strong>Step 1-<\/strong><\/span>\u00a0After Installing the <strong>AMP Newspaper theme<\/strong> please activate it from the plugins area.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Image.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4452 size-full\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Image.png\" alt=\"\" width=\"877\" height=\"547\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Image.png 877w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Image-300x187.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Image-768x479.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Image-50x31.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Image-60x37.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Image-100x62.png 100w\" sizes=\"(max-width: 877px) 100vw, 877px\" \/><\/a><\/p>\n<p>Enable the <strong>Page Builder<\/strong> option from the AMP Settings Panel and save it. After you activate the newspaper theme, the Legacy Page Builder option is displayed in the Widgets and Post editor.<\/p>\n<p><span style=\"color: #800000;\"><strong>Step 2 &#8211; <\/strong><span style=\"color: #333300;\">First go to\u00a0<\/span><strong><span style=\"color: #333300;\">WordPress Admin Area\u00a0-&gt;\u00a0AMP option panel -&gt;<\/span><\/strong><\/span>\u00a0Go to\u00a0<strong>Design option<\/strong>\u00a0-&gt;\u00a0<strong>Themes<\/strong>\u00a0-&gt;\u00a0\u00a0<strong>Themes Selector<\/strong> option. When you click on the\u00a0<strong>Themes Selector option <\/strong>list will be shown. select the <strong>Design Three<\/strong> theme will be displayed on your screen.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/40.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-17969\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/40.png\" alt=\"\" width=\"1226\" height=\"524\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/40.png 1226w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/40-300x128.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/40-1024x438.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/40-768x328.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/40-50x21.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/40-60x26.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/40-100x43.png 100w\" sizes=\"(max-width: 1226px) 100vw, 1226px\" \/><\/a><\/p>\n<\/div>\n<div class=\"x-column x-sm x-2-3\">\n<p class=\"x-text\"><span style=\"color: #800000;\"><strong>Step 3 &#8211;<\/strong><\/span>\u00a0Create a New Page as Homepage for the AMP and then select the <strong>Page Builder (AMP)<\/strong> option and save it.<\/p>\n<p class=\"x-text\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4454 size-full\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3.png\" alt=\"\" width=\"1415\" height=\"733\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3.png 1415w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-300x155.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-768x398.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-1024x530.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-50x26.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-60x31.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/3-100x52.png 100w\" sizes=\"(max-width: 1415px) 100vw, 1415px\" \/><\/a><\/p>\n<p><span style=\"color: #800000;\"><strong>Step 4 &#8211;<\/strong>\u00a0<span style=\"color: #000000;\">From the dashboard we go to left-hand side in Menu bar go to <strong>AMP<\/strong>\u00a0<strong>option panel<\/strong>\u00a0<strong>-&gt; Settings -&gt;General<\/strong> in this option you can e<\/span><\/span>nable the <strong>Homepage<\/strong> support in AMP and select the <strong>Custom Frontpage<\/strong> as a <strong>Homepage For AMP<\/strong> and save it.<\/p>\n<\/div>\n<div><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/homepage-11.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-11882\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/homepage-11.png\" alt=\"\" width=\"917\" height=\"580\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/homepage-11.png 917w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/homepage-11-300x190.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/homepage-11-768x486.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/homepage-11-50x32.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/homepage-11-60x38.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/homepage-11-100x63.png 100w\" sizes=\"(max-width: 917px) 100vw, 917px\" \/><\/a><\/div>\n<div class=\"x-column x-sm x-2-3\">\n<p class=\"x-text\"><span style=\"color: #800000;\"><strong>Step 5 &#8211;<\/strong><\/span>\u00a0Then to set the AMP Modules in the Page Builder<\/p>\n<ul>\n<li>Go to Appearance then click on Widgets and then<\/li>\n<li>Drag and drop the modules into the Page Builder (AMP) [Legacy] option as per your requirement.<\/li>\n<\/ul>\n<p>In Page Builder (AMP) [Legacy] option we have three visits for Newspaper Theme.<\/p>\n<ol>\n<li>AMP News Ticker.<\/li>\n<li>AMP News Block #1.<\/li>\n<li>AMP News Block #2.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-4456 size-full\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5.png\" alt=\"\" width=\"1578\" height=\"762\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5.png 1578w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-300x145.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-768x371.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-1024x494.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/5-100x48.png 100w\" sizes=\"(max-width: 1578px) 100vw, 1578px\" \/><\/a><\/p>\n<p class=\"x-text\">Now your AMP site is ready.<\/p>\n<h5>The output of AMP News Ticker in Newspaper Theme:<\/h5>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-ticker.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6740\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-ticker.png\" alt=\"\" width=\"1350\" height=\"612\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-ticker.png 1350w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-ticker-300x136.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-ticker-768x348.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-ticker-1024x464.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-ticker-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-ticker-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-ticker-100x45.png 100w\" sizes=\"(max-width: 1350px) 100vw, 1350px\" \/><\/a><\/p>\n<\/div>\n<h5>The output of AMP News Block #1 in Newspaper Theme:<\/h5>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6742\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-1.png\" alt=\"\" width=\"1343\" height=\"626\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-1.png 1343w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-1-300x140.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-1-768x358.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-1-1024x477.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-1-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-1-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-1-100x47.png 100w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" \/><\/a><\/p>\n<h5>The output of AMP News Block #2 in Newspaper Theme:<\/h5>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-2.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6744\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-2.png\" alt=\"\" width=\"1346\" height=\"621\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-2.png 1346w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-2-300x138.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-2-768x354.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-2-1024x472.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-2-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-2-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/amp-block-2-100x46.png 100w\" sizes=\"(max-width: 1346px) 100vw, 1346px\" \/><\/a><\/p>\n<div class=\"x-column x-sm x-2-3\">\n<div class=\"hkb-article__content\">\n<p>If You want to visit this output <a href=\"https:\/\/ampforwp.com\/demo\/newspapertheme-demo\/amp\/\">click here.<\/a><\/p>\n<h4><strong>How to Add Newspaper Theme for AMP&#8217;s Single Settings Option Panel:<\/strong><\/h4>\n<p><strong>Follow the simple steps here:<\/strong><\/p>\n<ol>\n<li>From the dashboard we go to the left-hand side in Menu bar go to<strong> AMP option panel<\/strong> -&gt; <strong>Design<\/strong> -&gt;<strong> Single<\/strong>.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6277\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14.png\" alt=\"\" width=\"1348\" height=\"732\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14.png 1348w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14-300x163.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14-768x417.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14-1024x556.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14-50x27.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14-60x33.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14-100x54.png 100w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" \/><\/a><\/p>\n<p>2. In single option, you need to click newspaper theme settings link.once you click this link redirect to setting option.<\/p>\n<p><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Accelerated-Mobile-Pages-Options-\u2039-wordpress-\u2014-WordPress-2019-04-10-03-45-10.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6279\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Accelerated-Mobile-Pages-Options-\u2039-wordpress-\u2014-WordPress-2019-04-10-03-45-10.png\" alt=\"\" width=\"1131\" height=\"503\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Accelerated-Mobile-Pages-Options-\u2039-wordpress-\u2014-WordPress-2019-04-10-03-45-10.png 1131w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Accelerated-Mobile-Pages-Options-\u2039-wordpress-\u2014-WordPress-2019-04-10-03-45-10-300x133.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Accelerated-Mobile-Pages-Options-\u2039-wordpress-\u2014-WordPress-2019-04-10-03-45-10-768x342.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Accelerated-Mobile-Pages-Options-\u2039-wordpress-\u2014-WordPress-2019-04-10-03-45-10-1024x455.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Accelerated-Mobile-Pages-Options-\u2039-wordpress-\u2014-WordPress-2019-04-10-03-45-10-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Accelerated-Mobile-Pages-Options-\u2039-wordpress-\u2014-WordPress-2019-04-10-03-45-10-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Accelerated-Mobile-Pages-Options-\u2039-wordpress-\u2014-WordPress-2019-04-10-03-45-10-100x44.png 100w\" sizes=\"(max-width: 1131px) 100vw, 1131px\" \/><\/a><\/p>\n<p>3. In this Setting option, you can change the setting of Header, HomePage, Single, Footer, Translation. After that click on the save changes button.<\/p>\n<div class=\"hkb-article__content\"><strong>That\u2019s it for this tutorial!<\/strong><\/div>\n<div class=\"hkb-article__content\">We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/div>\n<\/div>\n<\/div>\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>Newspaper Theme was created with\u00a0Drag &amp; Drop AMP Page builder which allows you to create a dynamic homepage on AMP with News ticker, several types of category block designs with options like category selection, post counts, color pickers &amp; many other options. Here are the steps: Step 1-\u00a0After Installing the&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[101],"ht-kb-tag":[139],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3898"}],"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=3898"}],"version-history":[{"count":55,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3898\/revisions"}],"predecessor-version":[{"id":17970,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/3898\/revisions\/17970"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=3898"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=3898"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=3898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}