AMP HTML

技術情報

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

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

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

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

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

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

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 Project AMPはGoogleが行っている、モバイル端末でのウェブページの表示を高速化するというプロジェクトです。 AMP HTML 対応するとgoogleがモバイルの表示を速くしてく...
技術情報

AMP HTMLの記述例

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

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

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