{"id":13544,"date":"2019-08-08T10:17:48","date_gmt":"2019-08-08T10:17:48","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=13544"},"modified":"2019-08-19T05:33:26","modified_gmt":"2019-08-19T05:33:26","slug":"general-setting-of-amp-stories","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/general-setting-of-amp-stories\/","title":{"rendered":"General Setting of AMP Stories"},"content":{"rendered":"\n<p>In this tutorial, we are explaining the new options in the AMP Stories settings panel for this first, you need to purchase and install <a href=\"https:\/\/ampforwp.com\/amp-stories\/\">AMP Stories<\/a> plugin. <\/p>\n\n\n\n<p><strong>Follow these simple steps:<\/strong><\/p>\n\n\n\n<h4>1. Social Sharing:<\/h4>\n\n\n\n<p>You will find this option in the&nbsp;<strong>WordPress Dashboard<\/strong>&nbsp;-&gt; Navigate to&nbsp;<strong>AMP Stories<\/strong>&nbsp;-&gt;<strong> <\/strong>Which Social Share Icon you want just enable it will be shared in AMP.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"485\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/13-1024x485.png\" alt=\"\" class=\"wp-image-13549\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/13-1024x485.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/13-300x142.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/13-768x364.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/13-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/13-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/13-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/13.png 1312w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li>Here is the list of social share icon which we currently support \u2013<strong>Facebook, Twitter, Email, Pinterest, WhatsApp, Tumblr.<\/strong><\/li><\/ul>\n\n\n\n<h4>The Output of the Social Share in AMP Story.<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"388\" height=\"586\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/18.png\" alt=\"\" class=\"wp-image-13573\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/18.png 388w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/18-199x300.png 199w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/18-33x50.png 33w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/18-40x60.png 40w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/18-66x100.png 66w\" sizes=\"(max-width: 388px) 100vw, 388px\" \/><\/figure>\n\n\n\n<h4>2. Translation Panel<\/h4>\n\n\n\n<p>If your website is in the Default language, if you want to translate your website to your Default language, then you can use this Section. From this section, you can translate your website to any of your desired languages like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"281\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-1-1024x281.png\" alt=\"\" class=\"wp-image-13558\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-1-1024x281.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-1-300x82.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-1-768x211.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-1-50x14.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-1-60x16.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-1-100x27.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/15-1.png 1322w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Read more<\/strong> will be the Text which you want to show on AMP stories. Some examples of Titles are, &nbsp;\u2018Learn More\u2019, \u2018Read More\u2019, \u2018Buy Now\u2019, \u2018Subscribe\u2019 and can be anything of your choice.<\/p>\n\n\n\n<h4>3. Advanced<\/h4>\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\/16-1024x484.png\" alt=\"\" class=\"wp-image-13563\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/16-1024x484.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/16-300x142.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/16-768x363.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/16-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/16-60x28.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/16-100x47.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/16.png 1315w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li><strong>Enter HTML in Amp Stories Head:<\/strong> If you want to add HTML markup in Header, Add here. Please add the markup that is AMP validated. You can check your markup is valid or not using   this URL <a href=\"https:\/\/validator.ampproject.org\/\">http:\/\/validator.ampproject.org<\/a>  (enter the markup between HEAD tag)<\/li><\/ul>\n\n\n\n<ul><li><strong>Custom CSS:<\/strong> In this textarea, you can enter your custom CSS code. If you want some CSS specific changes on your side, so add your CSS code here this will be added globally in AMP stories.<\/li><\/ul>\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>In this tutorial, we are explaining the new options in the AMP Stories settings panel for this first, you need to purchase and install AMP Stories plugin. Follow these simple steps: 1. Social Sharing: You will find this option in the&nbsp;WordPress Dashboard&nbsp;-&gt; Navigate to&nbsp;AMP Stories&nbsp;-&gt; Which Social Share Icon you&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[149],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13544"}],"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=13544"}],"version-history":[{"count":25,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13544\/revisions"}],"predecessor-version":[{"id":13647,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/13544\/revisions\/13647"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=13544"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=13544"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=13544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}