This document contains code for setting up metadata, linking to AMP pages, and embedding a slideshow on an AMP article page. It defines JSON-LD structured data for the article headline and description, includes CSS, and uses Gulp to replace text in the compiled CSS without !important or the charset declaration.

14. <!-- BEGIN_MODULE Touch_Entry -->
<link rel=“amphtml" href="%{CANONICAL_URL}/tpl/
amp.html"><!-- END_MODULE Touch_Entry -->

15. “author”: {
“@type”: “Person”,
“name”: “⃝⃝” // 著者の名前を記入
},

16. <script type="application/ld+json">
{
“headline”: “<!-- GET_Rendered id=“title” —>",
“description”: “<!-- GET_Rendered id=“meta_description" —>”,
…
}

17.
<!-- BEGIN_MODULE Entry_Summary id="ogp_summary" -->

18.
<amp-iframe src="https://www.slideshare.net/
slideshow/embed_code/key/{slide_id}"
width="595" height="485" layout="responsive"
sandbox="allow-scripts allow-same-origin allow-
popups" allowfullscreen frameborder="0"> </amp-
iframe>

19.
<style amp-custom>
<!-- #include file=“/css/amp.min.css —>
</style>

20. var replace = require('gulp-replace');
gulp.task('sass', function () {
…
.pipe(replace('!important',''))
.pipe(replace('@charset "UTF-8";n',''))
@charset “UTF-8"acms.css