サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019-01-27 12:29
お世話になります
スマホ画面で横にして見たあと、縦に戻して見るとサイドバーが消えます トップページ以外
このブログもそうなるのでURL書いていません よろしくお願いいたします
Topic starter
2019-01-27 12:36
サイドバーが消えますではなく、サイドバー分の余白が開きます
Topic starter
2019-01-27 15:55
他のページでも問題ないページもありましたので、このページなら上記現象が発生いたします。お手数ですがよろしくお願いいたします。
Topic starter
2019-01-28 00:35
こんな感じです。レスポンシブが崩れるという表現のほうがいいでしょうか。
スマホは普通縦で見ると思いますが、横にしてみた後に縦で見ると画像の現象が起きます。Cocoonのこの記事でもなりますので、何かしらの不具合だと思います。
スマホの画像を取り込めないので、人のブログで起きた画像を添付しています。
2019-01-28 22:53
Chromeでスマホを横にして縦にした場合。というより、
幅広なヨコから縦に（PCビュー幅広から、横幅を狭く）した状態で、広告が読み込まれ、サイト内検索が出てしまったのであれば、サイト内検索のwidth:90%;が効いてこうなる可能性はあると思います。
その画面の下へスクロールしたら、ヨコ画面の大きさで読み込まれた広告が表示されてませんか？？
ヨコ状態で読み込まれた幅広な広告がどこかで表示されてるのであれば、再読み込みされてないだけ。のような気もしますが。※私のChromeでは今、同じ状況にならなかったので未確認です。
わいひらさんの状況なら、どうなんだろ？って感じで思ったまでです。
***
違う症状っぽいですが、
ChromePCでサイト内検索をクリックしてないのに、出てる状況はあります。
➡『タブレット』サイズで公開ページを開きっぱなしで放置
➡ずっとあと、画面を開くと、サイト内検索出ている状態（サイドバー・メニューもだけど）➡3回クリックして3つをしまう感じ。
わいひら reacted
2019-01-28 23:00
原因は、Google Adsense のサイズがリサイズされないことのように思えます。
ただ、何度か試したのですが、正常に表示される時もあります。常に広告がサイト幅より大きくなるとは限らないみたいです。表示される広告によるのかもしれません。
もしかすると、下記のどちらかの CSS で、サイトレイアウトが崩れるのは防げるかも。私のテスト環境の Cocoon には Google Adsense を設置できないので、試してはいません。
その 1
.container {
overflow: hidden;
}
その 2
.content {
overflow: hidden;
}
わいひら reacted
2019-01-28 23:13
でも、Akiraさんの画像を見る限り、明らかに広告が原因っぽいですね。
修正案①の方を当サイトにも適応させてみました。
僕の環境では、問題なく表示されるようになりました。
この方法は思いつかなかったです。ありがとうございます！
修正したものはこちら。
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
Topic starter
2019-01-29 00:51
ありがとうございました。
Chromeブラウザで見ていました。アンドロイドです。
ただその1だとテキスト広告が半分消えます
その2のほうが、私の環境ではうまくいっています。
あと親テーマを削除して他のテーマに変えてCocoonに戻した時
ウィジェットたちが、あちこち場所移動してしまうので、親テーマ削除用の代替えテーマ（ウィジェットが動かない）があれば助かります。
まあこれはめったに無いので贅沢なお願いかもしれませんので、時間があるときにお願いいたします。
2019-01-29 07:49
該当ウィジェットの内容：広告から見ても入れてるのは
- アドセンスの関連記事広告ウィジェット
リンク先。見出し：関連記事
https://bibabosi-rizumu.com/siteguard-captcha-none/#related-entries
display: none 以外ですが非表示はあり系ですかね？あとリンクユニットとか、非表示OKですかね？分かりませんけど、念のための書き込み。
- 他のレスポンシブ広告はリロードしなくても はみ出さないみたいです。たぶん。
ウィジェットの状態：スクショ
2019-01-29 07:59
raopiさん。
別件の質問について
あと親テーマを削除して他のテーマに変えてCocoonに戻した時
ウィジェットたちが、あちこち場所移動してしまうので、親テーマ削除用の代替えテーマ（ウィジェットが動かない）があれば助かります。
WordPressのバージョンですが、かなり古いときはそうなってましたけど、今改善されたと思います。※今試したけど、そのようになりません。WPバージョンアップを試すのが良いかもです。
・・・
あとこのページトップにある冒頭案内通り、ご協力お願いします！
書き込みの前に以下の3点をご確認ください。
- 1つのトピックにつき1つの質問を書き込んでください
- 不具合・カスタマイズ対象ページのURLを提示してください
- 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります
フォーラム利用ガイドリンク
あとガイドリンク先にある通り、そこで大半は対処できるかと思います。ダメでしたら新規トピ上げお願いします❦
Topic starter
2019-01-29 09:01
了解しました！いつもありがとうございます！
2019-01-29 19:21
その2のほうが、私の環境ではうまくいっています。
使っているのかはわかりませんが、ページキャッシュプラグインとかのせいかCSSの適用は確認できませんでした。
2019-01-29 22:05
申し訳ありません。どっちにしろ不具合が出たので、CSS は 2 つともダメです。
ただその1だとテキスト広告が半分消えます
広告がリサイズしないので、サイト幅に収まらない広告部分を非表示にしているためです。これについては、意図した動作です。
わいひら reacted
Topic starter
2019-01-30 10:47
ありがとうございました！とりあえずテーマ更新をしてしばらく様子を見てみます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。