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