サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年2月12日 22:57
お世話になっております。
トグルボックスの内容に「新着記事一覧」のショートコードを入れると、その真下のコンテンツが横にズレて表示されました。
記事編集中（旧エディター使用）に偶然見つけたため、参考URLが無くて申し訳ありませんが、私の方で以下を確認しました。
- トグルの内容部分に新着記事一覧のショートコードを入れると、その真下にあるコンテンツが横にズレて表示される
- 閉まった状態の時にズレるが、開くと通常通りに表示される。もう一度閉めるとまたズレる
- 内容部分に画像やテキストを入れた場合だと不具合は発生しない
お時間があるときで構いませんので、確認いただけますと幸いです。
わいひら reacted
2019年2月13日 06:37
お時間があるときで構いませんので、確認いただけますと幸いです
できたら、以下にご協力いただけたら、すぐに確認でき助かります❦
不具合・カスタマイズ対象ページのURLを提示してください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります
現最新バージョンでもダメでしたら、先行バージョンではおそらく改善されてるかもしれません。
先行バージョンは以下。
https://github.com/yhira/cocoon
わたしも後で確認してみますが（広告とか色々あるので）良ければお試しいただけたらと思います。
わいひら reacted
2019年2月13日 06:53
Version: 1.6.0、最新版で確認してみました。
https://gyazo.com/4dc628f6e70883761c77c68d37f02224
特にオカシイところはみあたりません。
こっちもローカル
https://gyazo.com/5ba6a7b7079089754e1969be13fd2b22
再現できません。
そちらの子テーマのスタイルを一時的に停止し、キャッシュのない状態か、親テーマを有効化してでご確認いただくとキチンと表示されてませんか？
表示されていれば、子テーマのスタイルのどこかを見直してみるとかお試しください。
わいひら reacted
2019年2月13日 17:35
こんにちは。
こちら、Chromeだと起きないのですがEdgeでズレを確認しました。
多分中身が見えてないけど飛び出た状態になってるのかなぁと思います。
以下のコードを追加することで解消されると思います。
.toggle-wrap .toggle-content {
overflow:hidden;
}
ましゅーさんの環境や詳細がわからないので、可能でしたらお試しいただけると幸いです。
わいひら reacted
2019年2月13日 20:09
おそらく、草村さんの推測が正しいのかなと僕も思います。
修正版を以下にアップしておいたので、よろしければ試してみていただけると幸いです。
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
Topic starter
2019年2月15日 15:44
かうたっくさん、草村さん、わいひらさん
ご回答ありがとうございます。
ご紹介いただきました修正版を試したところ、トグルボックスの下にあるコンテンツのズレは発生しなくなりました。
懇切丁寧な回答、誠にありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。