サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年11月13日 15:49
お世話になっております。
Cocoon利用中の者です。
画像の拡大効果に関して質問があるのですが、よろしいでしょうか？
お忙しいところ恐縮ですが、目を通していただけると幸いに存じます。
【本題】
Cocoonの画像拡大効果（Lightbox）ライブラリ各々お勧めの使いどころ | Cocoon
上記のページを参考に画像の拡大効果の設定を行ったのですが、ページを確認してみると反映されていませんでした。
目的としては、「クリックで拡大」させたかったのですが、クリック自体ができない状態です。
また、画像に影も設定したのですが、そちらも反映されていません。
恐らく間違った設定をしたのだろうと思うのですが、自分では原因を特定することができませんでした。
お手数おかけして恐れ入りますが、ご意見・ご指摘をいただけると大変ありがたいです。
【環境情報など】
該当ページのURL: https://neetneed.net/aviutl-install/
（厳密には、上記以外でも全ページで設定が反映されていないようです）
----------------------------------------------
サイト名：Hey,Siri!「ニート 生き方 どうすれば」を教えて！
サイトURL： https://neetneed.net
ホームURL： https://neetneed.net
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-mixblue/style.css
Wordpressバージョン：5.3
PHPバージョン：7.2.24
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.97 Safari/537.36
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：1.9.9.5.3
カテゴリ数：19
タグ数：15
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Auto Post Thumbnail：0
ホームイメージ：/wp-content/uploads/2018/11/d6311610f655c6ccfa0cce74a6475f3b.png
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：1
JavaScript（フッター）：1
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.1.3
BackWPup 3.6.10
Broken Link Checker 1.11.9
Classic Editor 1.5
Compress JPEG & PNG images 3.2.0
Contact Form 7 5.1.5
Edit Author Slug 1.6.1
Google XML Sitemaps 4.1.0
Limit Login Attempts Reloaded 2.9.0
LiteSpeed Cache 2.9.9
PS Auto Sitemap 1.1.9
WP Multibyte Patch 2.8.3
----------------------------------------------
Topic starter
2019年11月14日 10:14
ご指摘ありがとうございます。
画像にリンクを設定して確認し直してみたのですが、やはり反映されていませんでした。
以下に画像部分のソースコードを掲載いたしますので、ご確認いただけないでしょうか？
【画像部分のソースコード】
<a rel="noopener" target="_blank" class="spotlight" href="https://neetneed.net/wp-content/uploads/2019/11/ba83dae29268da3109238d7daf621823-500x487.png"><img src="https://neetneed.net/wp-content/uploads/2019/11/ba83dae29268da3109238d7daf621823-500x487.png" alt="AviUtl Wine フォルダ構成例" width="500" height="487" class="aligncenter size-medium wp-image-1321" srcset="https://neetneed.net/wp-content/uploads/2019/11/ba83dae29268da3109238d7daf621823-500x487.png 500w, 
300w, 
768w, 
800w, 
1393w" sizes="(max-width: 500px) 100vw, 500px"></a>
【備考】
- エディターでのリンク設定時に『リンクを新しいタブで開く』をチェックしていないのに「target="_blank"」になっている。
- エディターはブロックエディターではなく、旧エディターを使用している。
2019年11月14日 17:48
Topic starter
2019年11月16日 11:15
【補足】
どうやら画像拡大効果のspotlightだけが反映されていないみたいです。
反映されていないというか、拡大効果の解説ページと挙動が違う状態です。
・別タブで開いてしまう、視点の移動などのspotlight機能が使えないといった状態
lightboxなど、他の拡大効果は解説ページと同じように反映されていました。
また、子テーマではなく親テーマを有効化して確認してみたところ、少し変化が見受けられました。
・別タブでは開かなくなったが、やはりspotlightの機能は使えなかった
ズーム機能が使いたいのでspotlightにしたいと考えています。
また何かわかり次第こちらにて書き込ませていただきますので、参考にしていただければありがたいです。
わいひら reacted
2019年11月16日 18:54
ですね。
たぶんテーマ側に該当ファイルがないのが原因だと思います。
/cocoon-master/plugins/spotlight-master/dist/spotlight.bundle.js
Failed to load resource: the server responded with a status of 404 ()
とりあえずそのままお待ちくださいね。
わいひら reacted
2019年11月16日 20:46
確かに親テーマに、以下のファイルが存在してなかったです。
/cocoon-master/plugins/spotlight-master/dist/spotlight.bundle.js
原因としては、僕はファイル管理をGitで行っているのですが、上記ファイルが.gitignoreの除外するファイルとして（意図せず）引っかかっていたようです。
なので、Gitでコミットされず、GitHubにもアップされていなかったようです。
現在は原因を解消したので、以下のファイルでアップデートすれば改善されるかと思います。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
okura reacted
Topic starter
2019年11月17日 13:31
かうたっく様、わいひら様、原因の特定と素早いご対応をしていただき、誠にありがとうございました。
お陰様で先程Spotlight機能の反映を確認し、解決することができました。
今後もCocoonの利用を継続させていただこうと考えていますので、引き続きよろしくお願いいたします。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。