Simplicityの特徴 › フォーラム › Simplicityについての質問 › amp.cssが反映されない
-
投稿者投稿
-
-
2016年10月26日 11:01 AM #46693
ゆう
ゲストシンプリシティの最新版を利用しています。
amp.cssについてお聞きしたいのですが、
子テーマにamp.cssを追加しcssを編集したところamp.cssに記述した内容がなぜか反映されません。ソースを見たところ、amp.cssを読み込んでいる部分が見当たらなく、
どうすればいいのか悩んでます。子テーマのamp.cssは
link rel=”stylesheet” href=””
のような感じで読み込む必要があるのでしょうか?? -
2016年10月26日 6:20 PM #46717
わいひらキーマスター動作確認してみましたが、手元の開発環境では問題なく動作しているようです。
AMPは仕様でCSSファイルを読み込むと、エラーになるので、amp.cssファイルを直接読み込むようには、なっていません。
内で全てのスタイルシートファイルをstyleタグ内に書き出しています。
なので、子テーマでlinkを用いて読み込むと、全てのページがAMPページとして認識されなくなると思います。
どのようにCSSを読み込んでいるかというと、single-amp.phpのですので現在書き込まれた内容だけでは、ちょっと何とも言えないです。
できれば書き込んだコードに加えて、反映されていないページのURLを掲載していただけると助かります。
※それでも原因がわからない場合は、少しコードをいじって、動作確認していただく必要があるかもしれません。 -
2016年10月27日 2:39 PM #46759
ゆう
ゲスト例えば下のページで
http://www.yuu-diaryblog.com/2016/10/21/post-3363/?amp=1
.article{ font-size:30px !important; }というように試してみても、反映されないのです。
コード自体が記述したことになってないので、
多分子テーマのamp.cssが認識されてないような気がするのですが、
カスタマイズしたせいでしょうか?? -
2016年10月27日 2:48 PM #46760
みき
ゲストampはfont-sizeってできましたっけ?
-
2016年10月27日 2:49 PM #46761
みき
ゲストこちらにfontタグを取り除くとあるので・・・
-
2016年10月27日 3:41 PM #46764
ゆう
ゲストご返信ありがとうございます
上記のページに書いてあるのってhtmlのfontタグを取り除くんですよね??
amp.cssの中なら大丈夫なのではないでしょうか?(違ってたらすいませんちなみに試しにfont:30px;とやってみたので、
font以外にcolorやwidthでも反映されていないというか
子テーマのamp.cssが認識されてない状態みたいです。 -
2016年10月27日 6:35 PM #46785
みき
ゲストたしかにーーー
ただcssを読み込んで適用しているので
使えないかもしれないなぁ~と思いまして・・・ -
2016年10月27日 7:30 PM #46789
わいひらキーマスター今見てみたところ、こちらのページは、AMPページになっていないようですけど…。
http://www.yuu-diaryblog.com/2016/10/21/post-3363/?amp=1もし、テーマファイルのカスタマイズが原因でAMPページにならない場合は、ちょっと原因がわからないのでサポート外となります。
サポート対象外のものまずはローカル環境などで、素の親テーマと子テーマでamp.cssがちゃんと動作するか確認してみてください。
素の状態で動作するようであれば、カスタマイズに問題がある可能性があります。
あと、CSSのfont-sizeは使用できますが、important指定はエラーになると思います。
AMP対応するためのCSSを書いててエラーが出たので原因と解決方法をまとめました | 今村だけがよくわかるブログ -
2016年10月27日 7:39 PM #46795
みき
ゲストわいひらさん
cssのfont-sizeは使えるのですね
勉強になりました!!
たしかにampになってなかったですね・・・
テスト環境でampページのソースを見たらcssを読み込んでなかったのですが
こちらのサイトでは読み込んでいたのでなぜだろうと思っていました・・・ -
2016年10月27日 7:45 PM #46797
ゆう
ゲストご返信ありがとうございます
なるほど
ampページになっていないのですね。ちょっとわからない所があるのですが、ampページとそうじゃないページの判断はどこでできるのでしょうか??
サーチコンソールからもampエラーの報告が届いて、
ampvalidatorも反応していたので、すっかりampページになったものだと思ってました。 -
2016年10月27日 7:56 PM #46798
みき
ゲストちょっとわからない所があるのですが、ampページとそうじゃないページの判断はどこでできるのでしょうか??
ソースに
<link rel="amphtml" href="http://○○.com/記事/?amp=1">とあるとampページです -
2016年10月27日 7:58 PM #46799
みき
ゲストampvalidatorもそれで判断したはずです・・・
-
2016年10月27日 7:59 PM #46800
みき
ゲストあとはサイドバーがなくなりますね・・・
ただゆうさんのサイトはサイドバーをカスタマイズで表示しているようですので
サイドバーは無くならないと思います -
2016年10月27日 8:34 PM #46801
ゆう
ゲストなるほど
わかりました!
ちょっと色々やってみます
ありがとうございました! -
2016年10月27日 9:48 PM #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ページです。 -
2016年10月27日 10:05 PM #46804
わいひらキーマスターこれは僕の推測になりますが、おそらくsingle.phpページをカスタマイズしているのが原因かと思われます。
最新のSimplicityをダウンロードしたsingle.phpと、子テーマのsingle.phpと見比べてみると、違いがわかるかと思います。
ただ、詳しい修正方法は、サポート外となるためヒントだけになりますがご了承ください。 -
2016年10月27日 10:19 PM #46805
ゆう
ゲストなるほど
わざわざ詳しくありがとうございます。ちょっとやってみます(^^)/
長々とありがとうございました -
2016年10月27日 10:59 PM #46808
ゆう
ゲストできました!
解決しました(^^♪そしてちょっと関係ない質問なのですが、
子テーマにヘッダーやその他のファイルを入れてる場合、
シンプリシティをアップデートした際に子テーマに入っているファイルが優先され
アップデートしてもメインテーマのファイル(子テーマに入れてる)は反映されないのでしょうか?? -
2016年10月27日 11:11 PM #46809
みき
ゲスト子テーマにヘッダーやその他のファイルを入れてる場合、
シンプリシティをアップデートした際に子テーマに入っているファイルが優先され
アップデートしてもメインテーマのファイル(子テーマに入れてる)は反映されないのでしょうか??子テーマに他のphpを追加したときの話ですよね?
アップデート時に子テーマに追加されているphpが変更された場合
おそらくエラーになると思います
※実際にやったことがないので・・・ -
2016年10月28日 12:17 AM #46811
ゆう
ゲストなるほど
わかりました(^^♪なんとなくワードプレスがわかってきました
色々とありがとうござました! -
2016年10月28日 7:37 PM #46852
わいひらキーマスター子テーマにファイルが置いてあると、子テーマのファイルが優先して呼び出されるので、親テーマの変更は反映されません(親テーマのファイルは呼び出されない)。
ただ、子テーマで利用している親テーマ側のファイルが更新されたとしても、よほどのことがない限りエラーなどは出ることはないとは思います(関数名などが変わったりしない限り)。
子テーマの仕様について詳しくは以下を参照してみてください。
WordPressテーマのカスタマイズで子テーマを使うべき理由、使い方など
-
-
投稿者投稿
- フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。