Simplicityの特徴 › フォーラム › Simplicityについての質問 › AMPページで【サイトタイトルとキャッチフレーズを非表示】にする方法
-
投稿者投稿
-
-
2017年8月14日 8:35 PM #54976ちょきゲスト
AMPページで同じ画像が連続してしまうのでアイキャッチ画像を非表示にすることはできますか?それとブログタイトルが長めなのでかぶってしまうアイコンをAMPページのみ非表示にすることはできますか?よろしくお願いします。
-
2017年8月15日 5:56 PM #55032わいひらキーマスター
僕の環境では、AMPページで、設定で表示されるアイキャッチが連続表示されてしまうということはないようです。
状態を見たいので、不具合の出ているURLを貼り付けてもらってよろしいでしょうか。また、「ブログタイトルが長めなのでかぶってしまうアイコン」というのがどういったアイコンなのかが、申し訳ないですがちょっとわからないです。
できれば、もう少し詳細に説明していただけると助かります。言葉で説明が難しい場合は、キャプチャ画像をアップしてみてください。
https://wp-simplicity.com/suport/topic/uploaders/ -
2017年8月16日 4:37 PM #55043ちょきゲスト
わいひらさんすみません。SimplicityのAMPでなく、別のAMPプラグインが有効化になっていたために起こっていたようです。
ですが、SimplicityのAMP有効化を使った場合、カスタマイズ→ヘッダーのヘッダー外側背景画像から設定してある画像(ブログタイトルを入れてある)に、ブログタイトルとディスクリプションがダブって表示されてしまいます。こちらはどのような方法を取ればよいでしょうか?度々すみませんがよろしくお願いいたします。 -
2017年8月16日 7:31 PM #55048わいひらキーマスター
できれば、URLを掲載していただいてよろしいでしょうか。
テキストだけだと、詳しい症状が分からないので。 -
2017年8月20日 6:42 PM #55174ちょきゲスト
わいひらさん、返信が遅くなり申し訳ありませんでした。
こちらが該当ブログの記事URLです。http://ire-via.com/2017/06/11/post-124/
これまでカスタムのヘッダーから、ヘッダー外側背景画像と、モバイルヘッダー背景画像をそれぞれ設定していました。その上でスタイルシートに、
#site-title, #site-description {
display: none;を記述して、タイトル・ディスクリプション消していました。
ですが、これでAMP画面を表示するとヘッダー画像とサイトタイトル・ディスクリプションが重なって表示されてしまいました。
上記CSSをmobile.CSSにも記述しましたが変化なし。次に上記CSSをamp.CSSにも記述しましたが、その場合はヘッダー画像・サイトタイトルがどちらも消えて、トップに記事タイトルが来ます。PC・モバイルはそのままで、AMPを画像のみか、難しければタイトル・ディスクリプションのみか、どちらかにしたいと考えています。
よろしくお願いします。
-
2017年8月20日 7:23 PM #55175かうたっくゲスト
http://ire-via.com/2017/06/11/post-124/amp/ の場合下記画像の通りの表示です。
http://netakiri.net/uploader/src/up0303.pnggoogle検索から入ると、下記画像の表示でした。
http://netakiri.net/uploader/src/up0304.pngどんな風に見えているのか分かりません…
スタイルシートに、
#site-title, #site-description {
display: none;を記述して、タイトル・ディスクリプション消していました。
こちら確認しましたが、閉じカッコがないので、反映しているのか不明です。
#site-title, #site-description { display: none; }
これで反映はすると思います。が、どこでおかしな表示になっているか不明です。
キャッシュを削除してもまだエラーがでるようなら、どんな表示になっているか、スクショをとってもらっても良いですか!?
-
2017年8月20日 7:32 PM #55177わいひらキーマスター
amp.CSSにも記述しましたが、その場合はヘッダー画像・サイトタイトルがどちらも消えて、トップに記事タイトルが来ます。
そのCSSコードでは、ヘッダー画像までは消えないと思うのですが。
もう一度、amp.cssにそのコードを記述してもらって見せてもらって良いですか? -
2017年8月21日 9:52 AM #55180ちょきゲスト
>>かうたっくさん
ありがとうございます。すみません。昨日何度も試行錯誤していて閉じかっこ書き忘れていました。
Google検索の表示画面ですが、ampプラグインによるものだと思います。ですが、昨日停止・削除していましたし、本日確認してみたところやはりちゃんと削除されていましたので、私には原因がわかりません。自分のスマホで見る限りSimplicityのamp画面になっています。>>わいひらさん
スマホのスクショです。まず、スタイルシートだけにサイトタイトル・ディスクリプションを非表示にするcssを書いた状態のamp画面です。
画像が上半分ほどになり、画像とサイトタイトル・ディスクリプションが重なって表示されています。こちらが、同じcssをamp.cssにも書いた状態のamp画面です。
一番上に投稿タイトルがあります。
今現在この状態にしております。カスタマイズ→ampの『AMP用のロゴ画像』の項目は関係がありますか?
何度も申し訳ありません。よろしくお願いします。Attachments:
-
2017年8月21日 11:14 AM #55183わいひらキーマスター
画像付きでの説明ありがとうございます。
なるほど、display:none;にすることで、中身が完全に空になってしまうため、外側までもが非表示になってしまっていたようですね。
以下のように書くと、ヘッダー画像などは消えないようになるかと思います。#site-title, #site-description { visibility: hidden; }
-
2017年8月21日 3:18 PM #55195かうたっくゲスト
今、関係ないですけど、一応・・・。
google検索から入ると、下記画像の表示でした。
http://netakiri.net/uploader/src/up0304.png>>かうたっくさん
ありがとうございます。すみません。昨日何度も試行錯誤していて閉じかっこ書き忘れていました。
Google検索の表示画面ですが、ampプラグインによるものだと思います。これはグーグルが作っているampで、おそらくプラグインではないと思います
と言う結果のみ。一応^^ -
2017年8月22日 10:39 AM #55227ちょきゲスト
>>わいひらさん
お世話になります。amp.cssに教えていただいたcssを書いたところ、タイトルとディスクリプションが非表示にできました。ヘッダー画像のタイトル文字から下は切れておりますが、これはこれでいい感じで満足しております。おかげさまで現時点でのampの問題が全て解消できました。感謝しております。ありがとうございます。>>かうたっくさん
お世話になります。あの画面がGoogleのものだとまったく知りませんでした。教えていただきありがとうございます。問題が解決できました。ご回答いただき感謝しております。 -
2017年8月23日 2:20 AM #55235わいひらキーマスター
うまくいったようでよかったです。
ヘッダー画像を好みの高さに調節するには、以下のようにamp.cssに高さを指定してみてください。div#h-top { min-height: 100px; }
※数字は好みに合わせて変更してみてください
-
-
投稿者投稿
- トピック「AMPページで【サイトタイトルとキャッチフレーズを非表示】にする方法」には新しい返信をつけることはできません。