AMP表示についての質問 - Cocoonテーマに関する質問

RE: AMP表示についての質問

komennta — Thu, 26 Apr 2018 07:22:22 +0000

リンク先拝見させていただきました。

無事にAMP表示でもテキストを中央表示させることができました。

非情に分かりやすくて助かりました、感謝しますm(_ _)m

かうたっく — Thu, 26 Apr 2018 04:20:21 +0000

うまく表示されませんので、内容は以下リンクでご確認いただけますか。

https://notepad.pw/1sxl1y4n

かうたっく — Thu, 26 Apr 2018 04:12:14 +0000

または、amp.cssにどのように記述をすれば　style="text-align: center;"　を機能させることができるでしょうか。

style="text-align: center;"となっている項目を見つけて、その段落などを以下のように変更して囲ってあげます。

あああああああ

HTMLなのでビジュアルではないほう『テキスト』エディタで変更してください。

この場合のCSSは以下の通りです。※style.css・amp.css・必要であればテキストエディタ用CSSにも追記

.center {
 text-align: center;
}

はcenterは別の文字列でもOKです。

テキスト

ならCSSは.hoge-1{ ※ココにstyle※ }

※印内にここにstyle="text-align: center;"のチョンチョン内style、text-align: center;書く感じです。

komennta — Thu, 26 Apr 2018 03:19:34 +0000

回答ありがとうございます！

amp.cssにclassの属性を作って、HTMLの方で呼び出したらちゃんとAMP表示でも色がつきました。助かりました、ありがとうございます。

追加で質問のようになってしまうのですが、どうやらstyle属性は全て消されてしまうらしいのですが、style属性を使用せずにテキストを中央寄せにする方法はあるでしょうか？

または、amp.cssにどのように記述をすれば　style="text-align: center;"　を機能させることができるでしょうか。

インパラ — Wed, 25 Apr 2018 15:11:05 +0000

多分、以前僕が悩んでいたとの同じような‥

これとか参考になるかもです。

独自に設定しているCSSはamp.cssにも記述すると反映されると思います。

komennta — Wed, 25 Apr 2018 10:32:46 +0000

２つ目について　　AMP表示では枠線も表示されませんでした。

komennta — Wed, 25 Apr 2018 10:31:57 +0000

AMP表示について、通常のページとAMPページで表示が意図したものにならないことについて質問させていただきたいです。

AMPに関する知識があまり無いので、的外れな質問になってしまうかもしれませんが・・・。

１つ目：目次を中央寄せにできない

目次を中央寄せにしたところ、通常のページでは表示されますが、AMP表示では左寄せ？（デフォルト）の状態になってしまいます。

２つ目テキストを囲ったカラー表示ができない

あいうえお

通常のページでは「あいうえお」が茶色で囲まれた表示になるのですが、AMPページではカラーが表示されないようです。

以上の２つの表示を、AMPでも同じように表示したいのですが、何か方法はあるでしょうか。