AMP(Accelerated Mobile Pages)

RSS
  • 解決済

    回答
    1

    ワードプレスのプラグイン「AMP」を利用して記事のAMP化をしたい

    表題の通りなのですが、ワードプレスのAMP対応をしたくてプラグイン「AMP」を使用しましたが、ページのエラーや投稿画面での不具合が発生し、うまく表示されません。 どなたか原因がわかりそうでしたらご指摘頂けると助かります。 WordpressVer:4.9.5 PHPVer:5.3.28 mysqlVer:5.1.73 AMPプラグインVer:7.0

    • 0評価
    • 67PV
    stampdoor stampdoor 1週間前に ベストアンサー
  • 受付中

    回答
    0

    WORDPRESS AMP で タクソノミーのサポート

    https://qiita.com/gatespace/items/8087f1e19ffb81aeab15 こちらを参考に カスタム投稿タイプのサポート方法はわかりました。 しかし、タクソノミーのページをamp対応にしたい場合、 function.phpにどういった記述を行えばいいでしょうか?

    • -1評価
    • 50PV
    teratailが2週間前に アップデート
  • 解決済

    回答
    1

    AMPの対応ブラウザ

    お世話になります。 AMPの勉強を始めたばかりのものです。 レスポンシブページをAMP対応させることを考えていますが、PCはどのブラウザまで対応しているかを確認させて下さい。 IE11でも対応していますでしょうか? また、これではうまく動かないとか、不具合が多いブラウザなどがございましたら、ご教示いただけますと助かります。 何卒宜しくお願いた

    • 0評価
    • 54PV
    gksh7 gksh7 1ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    AMPで使用できるスムーススクロール

    AMPでも使用できるようにcssのみのスムーススクロールを作りたいと思っています。 使用箇所は「ページのTOPに戻る」のサイト内リンクの移動時です。 現状、AMPではjavascriptが使用できず、CSSプロパティ『scroll-behavior』は対応しているブラウザがあまりにも少ない為、実用的ではありません。 ですので、どうにかcssアニメーション

    • 0評価
    • 59PV
    defghi1977 defghi1977 1ヶ月前に 回答
  • 受付中

    回答
    0

    AMPページでのGoogleアナリティクスの計測テスト

    現在、既存のサイトをAMP対応するために諸々作業しております。 その中でGoogleアナリティクスもAMP用に書き換える必要があります。 下記のようにAMP用のGoogleアナリティクスコードは提供されており、 それに沿って記述を修正して、バリデーションエラーは現状ない状態です。 https://developers.google.com/analy

    • 0評価
    • 60PV
    teratailが1ヶ月前に アップデート
  • 受付中

    回答
    0

    AMP対応したwordpressの記事上でPOSTによるフォーム送信で遷移したい

    現在、wordpressでプラグインを使用しないAMP対応をしておりますが、 既存の処理の中で ・シンプルなPOSTによるフォーム送信での別ページ遷移 があります。 AMPでもフォーム対応はできるようになったようなので コチラも対応したいと思っています。 https://www.ampproject.org/ja/docs/reference

    • 0評価
    • 70PV
    teratailが2ヶ月前に アップデート
  • 受付中

    回答
    0

    AMP対応ページでのメニューの開閉

    AMP対応したページでJSを使用せずにハンバーガメニューをタップして フェードでメニューを開閉するようなシンプルな仕組みを実装したいと考えています。 AMPでもいろいろなトリガー演出が用意されているようですが どの種類を使用すればいいのか、サンプルをみてもわからず… サンプルコードや参考になりそうなサイトが有りましたら 教えていただきたく存じます。

    • -1評価
    • 52PV
    sk1013 sk1013 2ヶ月前に 質問を編集
  • 解決済

    回答
    2

    AMPページのページ内リンクって出来ないの?

    AMPページのページ内リンクって出来ないの? <a href="#hoge">hoge</a> ↑ ここから <div id="hoge">コンテンツ</div> ↑ ここにとばない

    • 0評価
    • 90PV
    fj74c35xdk9w5e fj74c35xdk9w5e 2ヶ月前に コメント
  • 受付中

    回答
    0

    AMPページでプログレッシブ ウェブアプリ機能(PWA)を有効にし、「ホーム画面に追加」機能のみを実...

    前提・実現したいこと AMPページでプログレッシブ ウェブアプリ機能(PWA)を有効にし、「ホーム画面に追加」機能のみを実装したい https://www.ampproject.org/ja/docs/guides/pwa-amp/amp-as-pwa 発生している問題 serviceworker.jsの内容は「ホーム画面に追加」機能の場合どのように

    • 0評価
    • 79PV
    teratailが2ヶ月前に アップデート
  • 受付中

    回答
    1

    wordpressテーマ「lionmedia」での自サイトブログ埋め込みのampエラーについて

    前提・実現したいこと 現在lionmedia(amp対応)というテーマを使用してwordpressにてブログを運営しています。 自分のブログにある記事のURLを別記事に貼ると(iframeで埋め込まれます) googlesearchconsole上のAMP欄にて 「security」「marginheight」「marginwidth」のエラーが出ます。

    • 0評価
    • 254PV
    Artz Artz 3ヶ月前に コメント
  • 受付中

    回答
    0

    AMPページでFormが送信できない

    WordPressでAMP対応する際に、POSTで送信したいFormがあります。 しかし、エラーがでているせいか、submitボタンをクリックしてもページ遷移しません。 <form action-xhr="https://ドメイン/confirm/" method="post" target="_blank"> 最初にコンソールに出たエラーが下記です。

    • 0評価
    • 179PV
    teratailが4ヶ月前に アップデート
  • 解決済

    回答
    1

    [AMP] AMPでのタブ切り替え(表示/非表示切り替え)の実装方法

    前提・実現したいこと WEBサイトのAMP対応を行っています。 その中でお客様からの要望で、「タブ切り替え」を実装したいのですが、 これの実現方法が調べてみても分かりませんでした。 要素の表示非表示の切り替えさえできればなんとかなるのですが、 何か方法をご存知でしたら、ご教示いただけますと幸いです。 備考 現行サイトでは JavaScript で実装

    • 0評価
    • 497PV
    var_tmp var_tmp 5ヶ月前に 質問を編集
  • 解決済

    回答
    1

    AMP・元のスマホページがある場合の対応

    AMP初心者なので的はずれな質問なのかもしれないのですが、 PC、スマホ、AMP対応ページがあるサイトについて質問させて下さい。 スマートフォンにて朝日新聞、毎日新聞などAMP対応しているサイトを検索し 検索結果(リンク or カルーセル)からリンクをクリックするとAMPページが見れるようになっていますが サイトの中に入ってから同じページを開いた場合はス

    • 0評価
    • 100PV
    meta97 meta97 6ヶ月前に 回答
  • 解決済

    回答
    1

    WordPressの必須プラグイン(AMP)が停止中のままで有効にならない

    前提・実現したいこと WordPressの参考書を使って作成した初心者です。AMPが有効になりません。 何がエラーなのかも不明です。 発生している問題・エラーメッセージ Fatal error: Cannot redeclare _amp_bootstrap_customizer() (previously declared in /home/固有のI

    • 0評価
    • 234PV
    itchy0925 itchy0925 6ヶ月前に コメント
  • 受付中

    回答
    0

    AMP-carouselに近いカルーセルを通常ページで導入したい

    AMP-carouselで画像カルーセルを導入しました。 通常ページでも画像カルーセルを導入したいのですが、一番見た目が近いjqueryプラグインなど、おすすめはあるでしょうか?

    • 0評価
    • 137PV
    teratailが6ヶ月前に アップデート
  • 解決済

    回答
    1

    Ampページのページ内リンク

    Amp内でページ内リンクはhtmlと同じように <a href="#somewhere">ページ内リンク</a> でエラー等は起きませんか?

    • 0評価
    • 234PV
    Udomomo Udomomo 7ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    AMPページのオーガニック検索時のプレビューにてCSS、position:stickyの動きがガタガ...

    AMPページにて CSSの指定にposition:fixed 及び、position:stickyを使用した際に、 オーガニック検索からAMPページをプレビュー(Google CDNのAMPキャッシュ時)すると対象箇所がスクロールによって 上下にうごいてしまう。 動かないように、CSSの指定をposition:absoluteを指定すると治るが、stic

    • -2評価
    • 248PV
    emerica emerica 8ヶ月前に 質問を編集
  • 解決済

    回答
    1

    ワードプレスでamp-accordionが勝手に書き変わる

    ワードプレスの固定ページのテキスト入力で、 <amp-accordion> <section>1</section> <section>2</section> </amp-accordion> と記載すると、 <p><amp-accordion class="i-amphtml-element i-amphtml-layout-container">

    • -1評価
    • 285PV
    OsCh OsCh 9ヶ月前に ベストアンサー
  • 解決済

    回答
    2

    PHPでAMPページかどうかの判別する方法について

    前提・実現したいこと そのページがAMPページかどうか判別する方法を教えていただきたいです。 現状、<amp html〜 もしくは <amp ⚡〜 で始まる場合はAMPページ、それ以外は通常のページ…とするのが良いかなと考えているのですが、イマイチ良い方法が思い浮かびません。 試したこと とんちんかんなことをしているかもしれませんが、調べながらやった結果

    • 0評価
    • 430PV
    chef chef 9ヶ月前に 質問を編集
  • 受付中

    回答
    0

    phpでamp-imgタグの入れ子にamp-imgを挿入したい

    phpでamp-imgタグの入れ子でamp-imgを挿入したいです。 プラグイン「AMP」を使用し、WordPressをamp化しています。 画像がない場合にfallbackとしてamp-imgを挿入したく試みました。 amp-imgのfallback使用例 下記のようなコードを作成しましたがうまく動作しませんでした。 getElementsByTagN

    • 0評価
    • 293PV
    teratailが9ヶ月前に アップデート
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    10

  • 総質問数

    21

  • 今週の質問数

    0

関連するタグ

AMP(Accelerated Mobile Pages)タグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る