Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

a-blog cms でAMPに対応する

a-blog cms Training Camp 2016 でお話しした、 a-blog cms でAMP対応する方法について解説したセッションのスライドです。

  • Identifiez-vous pour voir les commentaires

  • Soyez le premier à aimer ceci

a-blog cms でAMPに対応する

  1. 1. 

  2. 2. <!-- BEGIN_MODULE Touch_Entry --> <link rel=“amphtml" href="%{CANONICAL_URL}/tpl/ amp.html"><!-- END_MODULE Touch_Entry -->
  3. 3. “author”: { “@type”: “Person”, “name”: “⃝⃝” // 著者の名前を記入 },
  4. 4. <script type="application/ld+json"> { “headline”: “<!-- GET_Rendered id=“title” —>", “description”: “<!-- GET_Rendered id=“meta_description" —>”, … } 

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

  6. 6. 
 <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>
  7. 7. 
 <style amp-custom> <!-- #include file=“/css/amp.min.css —> </style>
  8. 8. var replace = require('gulp-replace');
 
 gulp.task('sass', function () { …
 .pipe(replace('!important','')) .pipe(replace('@charset "UTF-8";n','')) @charset “UTF-8"acms.css
  9. 9.
  10. 10.
  11. 11.
  12. 12. 
 

  13. 13.
  14. 14.
  15. 15.
  16. 16. 
 


×