{"id":6747,"date":"2019-04-15T11:05:28","date_gmt":"2019-04-15T11:05:28","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=6747"},"modified":"2019-10-11T07:28:15","modified_gmt":"2019-10-11T07:28:15","slug":"how-to-add-newspaper-theme-for-amps-single-settings-option-panel","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-newspaper-theme-for-amps-single-settings-option-panel\/","title":{"rendered":"How to Add Newspaper Theme for AMP\u2019s Single Settings Option Panel:"},"content":{"rendered":"\n<p><strong>Follow the simple steps here:<\/strong><\/p>\n\n\n\n<ol><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><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1348\" height=\"732\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2017\/09\/Screenshot-2019-04-10-03-33-14.png\" alt=\"\" class=\"wp-image-6277\" 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><\/figure>\n\n\n\n<p>2. In a single option, you need to click the newspaper theme settings link and once you click this link redirect to the Newspaper setting option.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"468\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/newspaper-settings-output-1-1024x468.png\" alt=\"\" class=\"wp-image-6753\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/newspaper-settings-output-1-1024x468.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/newspaper-settings-output-1-300x137.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/newspaper-settings-output-1-768x351.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/newspaper-settings-output-1-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/newspaper-settings-output-1-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/newspaper-settings-output-1-100x46.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/newspaper-settings-output-1.png 1138w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>3. Above the screenshot, you can modify the Newspaper Theme in AMP.<\/p>\n\n\n\n<h4><strong>1. Header<\/strong><\/h4>\n\n\n\n<ul><li><strong>Menu &amp; Search Selector: <\/strong>In this option dropdown list will display you need to select the background image otherwise background color.<\/li><li><strong>Menu &amp; Search Overlay Background Image:<\/strong> In this option, you can upload the image in the menu. <\/li><li><strong>Menu &amp; Search Overlay Text Color: <\/strong>Choose the menu &amp; search overlay text color.<\/li><li><strong>Header Background Color: <\/strong>Choose the color of the header background.<\/li><li><strong>Header Icon Color: <\/strong>Choose the color of the header icon.<\/li><li><strong> Social profiles:<\/strong> Once you enable this option social profile will be shown on AMP.  <\/li><\/ul>\n\n\n\n<h4>2. HomePage<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"922\" height=\"198\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/home-page.png\" alt=\"\" class=\"wp-image-6802\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/home-page.png 922w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/home-page-300x64.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/home-page-768x165.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/home-page-50x11.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/home-page-60x13.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/home-page-100x21.png 100w\" sizes=\"(max-width: 922px) 100vw, 922px\" \/><\/figure>\n\n\n\n<ul><li><strong>Pagination Background:<\/strong> Choose the color for the Pagination background.<\/li><li><strong>Tags:<\/strong> Once you enable this option you tags is shown in AMP.<\/li><\/ul>\n\n\n\n<h4>3. Single<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"927\" height=\"523\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1.png\" alt=\"\" class=\"wp-image-6806\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1.png 927w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-300x169.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-768x433.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-50x28.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-60x34.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-100x56.png 100w\" sizes=\"(max-width: 927px) 100vw, 927px\" \/><\/figure>\n\n\n\n<ul><li><strong>Breadcrumb:<\/strong> If you enable this option breadcrumb will be displayed on a single page in AMP.<\/li><li><strong>Meta For Single: <\/strong>If you enable this option meta will be displayed on a single page.  <\/li><li><strong> Featured Image:<\/strong> If you enable this option featured images will be displayed on a single page.<\/li><li><strong>Anchor Link Color:<\/strong> Choose the color for the Anchor link. <\/li><li><strong>Author Box: <\/strong>Once you enable this option Author box will be shown on a single page.<\/li><li><strong>Category:<\/strong> If you enable this option category will be displayed on a single page.<\/li><li><strong>Tags:<\/strong> If you enable this option tags will be displayed in a single page <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"928\" height=\"597\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-1.png\" alt=\"\" class=\"wp-image-6812\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-1.png 928w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-1-300x193.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-1-768x494.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-1-50x32.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-1-60x39.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-1-1-100x64.png 100w\" sizes=\"(max-width: 928px) 100vw, 928px\" \/><\/figure>\n\n\n\n<ul><li><strong>Categories &amp; Tags Links: <\/strong>once you enable this option you will get categories &amp; tags links on a single page.<\/li><li><strong>Post Pagination: <\/strong>Once you enable this option it will show Post Pagination Type in this you can select the numbering or next-previous on a single page.<\/li><li><strong>Next-Previous Links:<\/strong> Once you enable this option next-previous links will be shown on a single page.<\/li><li><strong> Social Share Top:<\/strong> Once you enable this option social share icon will be displayed on top on a single page.<\/li><li><strong> Social Share Bottom:<\/strong> Once you enable this option social share icon will be displayed on the bottom on a single page. <\/li><li><strong> Related Posts:<\/strong> Once you enable this option related posts list will show you can select category otherwise tags on a single page. <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"913\" height=\"144\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-2.png\" alt=\"\" class=\"wp-image-6820\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-2.png 913w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-2-300x47.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-2-768x121.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-2-50x8.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-2-60x9.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/signle-2-100x16.png 100w\" sizes=\"(max-width: 913px) 100vw, 913px\" \/><\/figure>\n\n\n\n<ul><li><strong>In-Content Related Post: <\/strong>Once you enable this option in-content related post will be shown on a single page.<\/li><li><strong>Review: <\/strong>If you enable this option review will be shown on a single page.<\/li><\/ul>\n\n\n\n<h4>4. Footer<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"972\" height=\"568\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/footer.png\" alt=\"\" class=\"wp-image-6823\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/footer.png 972w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/footer-300x175.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/footer-768x449.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/footer-50x29.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/footer-60x35.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/footer-100x58.png 100w\" sizes=\"(max-width: 972px) 100vw, 972px\" \/><\/figure>\n\n\n\n<ul><li><strong>Footer Background Color: <\/strong>Choose the color to change the footer background.<\/li><li><strong>Non-AMP Home Page link in Footer and Logo:<\/strong> Once you click on Footer and logo it will redirect to non-AMP homepage link.<\/li><li><strong>Footer Logo:<\/strong> In this field, you need to upload a logo for the footer<\/li><li><strong>Custom Logo Size: <\/strong>You can customize the logo size in the footer.<\/li><li><strong>Footer About Text: <\/strong>Once you enable this option text will be display above the footer.<\/li><li><strong>Back to Top link: <\/strong>Once you enable this option back to top link will be shown on the footer.<\/li><li><strong>Social profiles:<\/strong> Once you enable this option social profile will be displayed in the footer.<\/li><li><strong>Sticky Social Icons: <\/strong>Once you enable this option social icon will be displayed on the footer.<\/li><\/ul>\n\n\n\n<h4>5. Translation<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"967\" height=\"474\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/translation.png\" alt=\"\" class=\"wp-image-6828\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/translation.png 967w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/translation-300x147.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/translation-768x376.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/translation-50x25.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/translation-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/04\/translation-100x49.png 100w\" sizes=\"(max-width: 967px) 100vw, 967px\" \/><\/figure>\n\n\n\n<p>Using the setting you can translate above the mention field.<\/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<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>Follow the simple steps here: From the dashboard we go to the left-hand side in Menu bar go to AMP option panel -&gt; Design -&gt; Single. 2. In a single option, you need to click the newspaper theme settings link and once you click this link redirect to the Newspaper&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[101],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/6747"}],"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=6747"}],"version-history":[{"count":58,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/6747\/revisions"}],"predecessor-version":[{"id":14539,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/6747\/revisions\/14539"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=6747"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=6747"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=6747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}