質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
AMP(Accelerated Mobile Pages)

AMP(Accelerated Mobile Pages)は、Google社を始め複数のプラットフォームが共同で参加しているプロジェクト。モバイルユーザーのUX向上を目的とし、モバイルページの表示速度の高速化を図っています。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

0回答

408閲覧

〈img〉タグを〈amp-img〉に変換する方法がわかりません

RYOsan

総合スコア6

AMP(Accelerated Mobile Pages)

AMP(Accelerated Mobile Pages)は、Google社を始め複数のプラットフォームが共同で参加しているプロジェクト。モバイルユーザーのUX向上を目的とし、モバイルページの表示速度の高速化を図っています。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2020/06/04 06:46

ご覧頂きありがとうございます。
「Wordpress」の「LION MEDIA」で細々とブログを運営している者です。

最近(?)特に耳にすることが多くなった「AMP」について、以前ブログカスタマイズ画面でAMPを有効にしスマホで確認してみましたところ、AMP化されていないページとされているページに分かれました。

AMP化されているページでは、画像が一つも表示されておらず、ボックスデザインや黄色のマーカーなどの装飾も全て消えておりましたので、とりあえず現在はAMPを無効にしています。

以上のような状況でいくつかお尋ねしたいことがございます。

➀既存の(AMP化されていない)ページをAMP化するには、再び1からページを作り直す必要があるのでしょうか?
(最低限のHTMLは様々な方のブログに載っているようなのですが、それをどう利用すればいいかが全くわかりませんでした)

②既存の画像をAMP対応させるために、〈img〉タグを〈amp-img〉タグに変更したいのですが、”functions.php”のユーザーカスタマイズ欄に下のコードを記入するのは間違っていますか?

function is_amp(){ $is_amp = false; if (empty($_GET['amp']) ) { return false; } if (is_single() && $_GET['amp'] === '1'){ $is_amp = true; } return $is_amp; } //AMP用のタグ変換 function convert_body_amp($the_content){ if(!is_amp()){ return $the_content; } // A8ネットの「border」タグを削除 $the_content = preg_replace('/ border="0"/i','',$the_content); //「audio」タグを「amp-audio」タグに変換 $the_content = preg_replace('/<audio/i','<amp-audio', $the_content); $the_content = preg_replace('/preload="none" /i','', $the_content); $the_content = preg_replace('/< /audio>/i', '</amp-audio>', $the_content); //「video」タグを「amp-video」タグに変換 $the_content = preg_replace('/<video/i','<amp-video', $the_content); $the_content = preg_replace('/< /video>/i', '</amp-video>', $the_content); return $the_content; } add_filter('the_content','convert_body_amp',1001);

幼稚でブログデザイン初心者丸出しの質問で申し訳ありませんが、なにかアドバイスを頂ければ幸いです。

よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問