AMP HTML

技術情報

WordPressテーマのSimplicityにローディング画面とAMPの遷移を促す要素を表示してみた

以前、WordPressテーマの「Simplicity」に「AMP」ページへの遷移を促す要素を表示する方法をご紹介いたしました。次はもっと自然に「AMP」ページへの遷移を促したいと思い、ローディング画面を表示してその範囲内に表示してみました...
アプリ

Chrome拡張機能の「AMP Validator」を使ってみた

以前にAMPページのバリデーションをWeb上で行える「The AMP Validator」をご紹介いたしました。AMPページのバリデーションをWeb上で行える「The AMP Validator」を使ってみた「The AMP Validat...
技術情報

AMPページのバリデーションをWeb上で行える「The AMP Validator」を使ってみた

The AMP Validator通常、「AMP」ページのバリデーションを行う場合、検証したいページのURLの末尾に「#development=1」と入力して、Chromeブラウザのコンソール表示で確認する必要がありました。「#develo...
技術情報

AMPデザインテンプレートの「Simp」に、通常の「Web」ページへ遷移するボタンを表示させてみた

以前、WordPressの「Simplicity」テーマ内に、AMPデザインテンプレートの「Simp」を導入する方法をご紹介いたしました。WordPressの「Simplicity」テーマ内にAMPデザインテンプレートの「Simp」を導入し...
技術情報

WordPressテーマの「Simplicity」に、「AMP」ページへの遷移を促す要素を表示してみた

以前、WordPressの「Simplicity」テーマ内に、AMPデザインテンプレートの「Simp」を導入する方法や、「Google AdSense」を表示する方法などをご紹介いたしました。WordPressの「Simplicity」テー...
技術情報

「AMP」ページに「Google AdSense」を表示させてみた

先日、WordPressの「Simplicity」テーマ内に、AMPデザインテンプレートの「Simp」を導入する方法をご紹介いたしました。WordPressの「Simplicity」テーマ内にAMPデザインテンプレートの「Simp」を導入し...
技術情報

WordPressの「Simplicity」テーマ内にAMPデザインテンプレートの「Simp」を導入してみた

AMP記事テスト – Sho-Yamane.info以前、モバイル端末でのウェブページの表示を高速化する「AMP」をご紹介いたしました。WordPressのプラグインで気軽にAMP HTML化はできるのですが、デザインがパっとしないのが悩み...
技術情報

AMP HTML まとめ

Accelerated Mobile Pages ProjectAMPはGoogleが行っている、モバイル端末でのウェブページの表示を高速化するというプロジェクトです。AMP HTML対応するとgoogleがモバイルの表示を速くしてくれる。...
技術情報

AMP HTMLの記述例

前回はAMP HTMLの概要をご紹介いたしました。今回は具体的な記述例をサンプルを交えてご紹介いたします。AMP HTMLamp-twitteramp-twitterタグでツイッターを表示するには、ツイートIDを記述します。<amp-twi...
技術情報

モバイルの表示が爆速になるAMP(Accelerated Mobile Pages)

去年Googleが提唱したAMP(Accelerated Mobile Pages) が、最近また活発になってきたようです。というわけで、今回はAMPをご紹介いたします。AMP(Accelerated Mobile Pages)とはAcce...