amp.cssが反映されない

20件の返信スレッドを表示中
  • 投稿者
    投稿
    • #46693 返信
      ゆう
      ゲスト

      シンプリシティの最新版を利用しています。

      amp.cssについてお聞きしたいのですが、
      子テーマにamp.cssを追加しcssを編集したところamp.cssに記述した内容がなぜか反映されません。

      ソースを見たところ、amp.cssを読み込んでいる部分が見当たらなく、
      どうすればいいのか悩んでます。

      子テーマのamp.cssは
      link rel=”stylesheet” href=””
      のような感じで読み込む必要があるのでしょうか??

    • #46717 返信
      わいひらわいひら
      キーマスター

      動作確認してみましたが、手元の開発環境では問題なく動作しているようです。

      AMPは仕様でCSSファイルを読み込むと、エラーになるので、amp.cssファイルを直接読み込むようには、なっていません。
      なので、子テーマでlinkを用いて読み込むと、全てのページがAMPページとして認識されなくなると思います。
      どのようにCSSを読み込んでいるかというと、single-amp.phpの内で全てのスタイルシートファイルをstyleタグ内に書き出しています。

      ですので現在書き込まれた内容だけでは、ちょっと何とも言えないです。
      できれば書き込んだコードに加えて、反映されていないページのURLを掲載していただけると助かります。
      ※それでも原因がわからない場合は、少しコードをいじって、動作確認していただく必要があるかもしれません。

    • #46759 返信
      ゆう
      ゲスト

      例えば下のページで

      http://www.yuu-diaryblog.com/2016/10/21/post-3363/?amp=1

      .article{
        font-size:30px !important;
      }

      というように試してみても、反映されないのです。

      コード自体が記述したことになってないので、
      多分子テーマのamp.cssが認識されてないような気がするのですが、
      カスタマイズしたせいでしょうか??

    • #46760 返信
      みき
      ゲスト

      ampはfont-sizeってできましたっけ?

    • #46761 返信
      みき
      ゲスト

      こちらにfontタグを取り除くとあるので・・・

    • #46764 返信
      ゆう
      ゲスト

      ご返信ありがとうございます

      上記のページに書いてあるのってhtmlのfontタグを取り除くんですよね??
      amp.cssの中なら大丈夫なのではないでしょうか?(違ってたらすいません

      ちなみに試しにfont:30px;とやってみたので、
      font以外にcolorやwidthでも反映されていないというか
      子テーマのamp.cssが認識されてない状態みたいです。

    • #46785 返信
      みき
      ゲスト

      たしかにーーー
      ただcssを読み込んで適用しているので
      使えないかもしれないなぁ~と思いまして・・・

    • #46789 返信
      わいひらわいひら
      キーマスター

      今見てみたところ、こちらのページは、AMPページになっていないようですけど…。
      http://www.yuu-diaryblog.com/2016/10/21/post-3363/?amp=1

      もし、テーマファイルのカスタマイズが原因でAMPページにならない場合は、ちょっと原因がわからないのでサポート外となります。
      サポート対象外のもの

      まずはローカル環境などで、素の親テーマと子テーマでamp.cssがちゃんと動作するか確認してみてください。
      素の状態で動作するようであれば、カスタマイズに問題がある可能性があります。
      あと、CSSのfont-sizeは使用できますが、important指定はエラーになると思います。
      AMP対応するためのCSSを書いててエラーが出たので原因と解決方法をまとめました | 今村だけがよくわかるブログ

    • #46795 返信
      みき
      ゲスト

      わいひらさん
      cssのfont-sizeは使えるのですね
      勉強になりました!!
      たしかにampになってなかったですね・・・
      テスト環境でampページのソースを見たらcssを読み込んでなかったのですが
      こちらのサイトでは読み込んでいたのでなぜだろうと思っていました・・・

    • #46797 返信
      ゆう
      ゲスト

      ご返信ありがとうございます

      なるほど
      ampページになっていないのですね。

      ちょっとわからない所があるのですが、ampページとそうじゃないページの判断はどこでできるのでしょうか??

      サーチコンソールからもampエラーの報告が届いて、
      ampvalidatorも反応していたので、すっかりampページになったものだと思ってました。

    • #46798 返信
      みき
      ゲスト

      ちょっとわからない所があるのですが、ampページとそうじゃないページの判断はどこでできるのでしょうか??

      ソースに<link rel="amphtml" href="http://○○.com/記事/?amp=1">とあるとampページです

    • #46799 返信
      みき
      ゲスト

      ampvalidatorもそれで判断したはずです・・・

    • #46800 返信
      みき
      ゲスト

      あとはサイドバーがなくなりますね・・・
      ただゆうさんのサイトはサイドバーをカスタマイズで表示しているようですので
      サイドバーは無くならないと思います

    • #46801 返信
      ゆう
      ゲスト

      なるほど
      わかりました!
      ちょっと色々やってみます
      ありがとうございました!

    • #46803 返信
      わいひらわいひら
      キーマスター

      ソースに<link rel="amphtml" href="http://○○.com/記事/?amp=1">とあるとampページです

      最新版(v2.3.7~)ではそのタグは入らなくなっていると思います。
      以前のバージョンでこちらのAMPチェッカーでチェックすると、AMPページにrel=”amphtml”が入っていると怒られたもので;
      https://ampbench.appspot.com/
      linkタグなどでCSSファイルが読み込まれていたら、AMPページでないと思って良いと思います。

      AMPページは.デフォルトだとこのような表示になります。
      https://wp-simplicity.com/simplicity2-3-7/?amp=1
      ソースコードの冒頭に<html amp>と入っていればAMPページです。

    • #46804 返信
      わいひらわいひら
      キーマスター

      これは僕の推測になりますが、おそらくsingle.phpページをカスタマイズしているのが原因かと思われます。
      最新のSimplicityをダウンロードしたsingle.phpと、子テーマのsingle.phpと見比べてみると、違いがわかるかと思います。
      ただ、詳しい修正方法は、サポート外となるためヒントだけになりますがご了承ください。

    • #46805 返信
      ゆう
      ゲスト

      なるほど
      わざわざ詳しくありがとうございます。

      ちょっとやってみます(^^)/
      長々とありがとうございました

    • #46808 返信
      ゆう
      ゲスト

      できました!
      解決しました(^^♪

      そしてちょっと関係ない質問なのですが、
      子テーマにヘッダーやその他のファイルを入れてる場合、
      シンプリシティをアップデートした際に子テーマに入っているファイルが優先され
      アップデートしてもメインテーマのファイル(子テーマに入れてる)は反映されないのでしょうか??

    • #46809 返信
      みき
      ゲスト

      子テーマにヘッダーやその他のファイルを入れてる場合、
      シンプリシティをアップデートした際に子テーマに入っているファイルが優先され
      アップデートしてもメインテーマのファイル(子テーマに入れてる)は反映されないのでしょうか??

      子テーマに他のphpを追加したときの話ですよね?
      アップデート時に子テーマに追加されているphpが変更された場合
      おそらくエラーになると思います
      ※実際にやったことがないので・・・

    • #46811 返信
      ゆう
      ゲスト

      なるほど
      わかりました(^^♪

      なんとなくワードプレスがわかってきました
      色々とありがとうござました!

    • #46852 返信
      わいひらわいひら
      キーマスター

      子テーマにファイルが置いてあると、子テーマのファイルが優先して呼び出されるので、親テーマの変更は反映されません(親テーマのファイルは呼び出されない)。
      ただ、子テーマで利用している親テーマ側のファイルが更新されたとしても、よほどのことがない限りエラーなどは出ることはないとは思います(関数名などが変わったりしない限り)。
      子テーマの仕様について詳しくは以下を参照してみてください。
      WordPressテーマのカスタマイズで子テーマを使うべき理由、使い方など

20件の返信スレッドを表示中
返信先: amp.cssが反映されない
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)