サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年11月20日 01:53
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8.1
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
●動作について
画像拡大効果を有効にした際、画像リンクがある場合、モーダル表示となる。
このとき、固定とならず、ページスクロールにより画像が上下に移動してしまう。
また、トップへ戻るボタン（z-index:99999）がモーダルより上に表示される。
●各拡大効果の状態
- Spotlight
z-index:2000000
スクロール不可 - baguetteBox
z-index:1000000
スクロール可 - Lity
z-index:9990
スクロール可 - Lightbox2
z-index:9999
スクロール可 - WordPress標準のLightbox
z-idnex:2000000
スクロール不可
●スクロールを禁止とする場合
baguetteBoxとLityはCSSで対応可能。
html.lity-active,
body.baguetteBox-open {
overflow-y: hidden;
}
Lightbox2のオプション設定があるが、iPhoneでは効かない場合がある。
$(function () {
lightbox.option({
'disableScrolling': true
});
});
わいひら reacted
2025年11月20日 20:15
詳細にご報告頂きありがとうございます。
トップに戻るボタンのz-indexを調整させていただきました。
https://github.com/xserver-inc/cocoon/commit/45a29c86749734c327be5f330f3c51a028b1f0e8
加えて、拡大ツールのスクロールはデフォルトのままにしていましたが、確かに統一した方が望ましいので、すべてスクロール不可にさせていただきました。
https://github.com/xserver-inc/cocoon/commit/16de4ff56d4efc9f525b5e41474d7726635f1803
トピックスターター 2025年11月20日 21:01
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8.1
カテゴリー数：16
タグ数：13
ユーザー数：1
----------------------------------------------
対策されていることを確認しました。
本件をクローズとします。
トピックスターター 2025年11月21日 02:34
上記は取り消しです。
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8.1
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
●現象
Lightbox選択時に、Consoleにエラー表示される。
●原因
2点問題があります。
1.JSの記述ミス
添付したJSの記述で以下のミスしていました。以下でなく、(function($)が正しく。
$(function() {
...
})(jQuery);
2.lightbox2ライブラリが読み込まれる条件
footer-javascript.jsでJSを定義しているが、以下のlightbox2ライブラリを読み込む条件が異なり読み込まれない。
結果、フロントページの場合、consoleにエラー表示される。
●対策
footer-javascript.jsでなく、上記にJSを追加し、以下とする？
function wp_enqueue_lightbox(){
//_v(get_image_zoom_effect());
if ( ((is_lightbox_effect_enable() && is_lightboxable_page()) || is_admin_php_page()) ) {
//Lightboxスタイルの呼び出し
wp_enqueue_style( 'lightbox-style', get_cocoon_template_directory_uri() . '/plugins/lightbox2/dist/css/lightbox.min.css' );
//Lightboxスクリプトの呼び出し
wp_enqueue_script( 'lightbox-js', get_cocoon_template_directory_uri() . '/plugins/lightbox2/dist/js/lightbox.min.js', array( 'jquery' ), false, true );
$data = '
(function($){
lightbox.option({
"disableScrolling": true
});
})(jQuery);
';
wp_add_inline_script('lightbox-js', $data);
}
}
わいひら reacted
2025年11月21日 23:27
申し訳ありません。
動作確認でスクロールされてなかったので、コンソールまで確認しておりませんでした。
頂いたコードで修正させて頂きました。
https://github.com/xserver-inc/cocoon/commit/b2d36107f6fa3cf168eff666dd9ffad391e43ef1
自分の環境のフロントページ（固定ページをフロントページにした場合）は、lightboxのスクリプト自体も読み込まれていないようでした。
見てみたら、is_lightboxable_page()関数内で投稿・固定ページのライトボックス判定はis_singular()のみで行っていたのですが、フロントページの固定ページはis_singular()が偽になってしまうため、is_page()判定も追加しておきました。
https://github.com/xserver-inc/cocoon/commit/b2d36107f6fa3cf168eff666dd9ffad391e43ef1#diff-c675c6cdc731d6f6a42d952dd578af0bc854600fcc990a48e97bf27b940276f2L157-R160
トピックスターター 2025年11月21日 23:42
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8.1
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
Lightboxのとき、エラーとならないことを確認しました。
本件をクローズとします。
わいひら reacted
2025年11月23日 22:40
ご確認いただきありがとうございます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。