サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
08/07/2022 10:03 am
★不具合・カスタマイズ対象ページのURL： 
ujimu.com/2022/07/07/%ef%bd%92%ef%bc%94%e3%80%80%e4%bc%9a%e9%95%b7%e3%81%82%e3%81%84%e3%81%95%e3%81%a4/
★相談内容：
上記のＵＲＬに貼ってある内部リンクのＰＤＦが、いつまでも読み込み中で表示されない。（添付スクリーンショット）
貼ってあるＰＤＦのリンクは
ujimu.com/wp-content/uploads/2022/07/9ab4ca2b707582197741e5e68ba1be27.pdf
で、このＵＲＬをブラウザで入力すると、問題なく閲覧できる。
よって、ＰＤＦのデータのアップロードに問題はないはず・・・？
★解決のために試したこと：
・まったく違うサイトへの外部リンク（別窓で開く）はどうか？→問題なく表示できた。
・全てのプラグインを無効化
・高速化設定は無効にしていることを確認。
・Google ChormeとEdgeで確認。→両方とも同じ、読み込み中で表示されない。
・自分のスマホ（iPhone13/ver15.5/safari）で確認。→表示はされるが、現在のページの上に半透明で被って表示される。別タブで表示されない。
★「Cocoon設定 → テーマ情報」「環境情報」
----------------------------------------------
サイト名：岐阜県小中学校教育研究会 事務職員部会
サイトURL： ujimu.com
ホームURL： ujimu.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/natural-green/style.css
WordPressバージョン：6.0
PHPバージョン：8.1.7
ブラウザ：Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：identity
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.4.6
カテゴリ数：6
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：0
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
----------------------------------------------
Topic starter
08/07/2022 10:08 am
不具合対象ＵＲＬがうまく表示できていなかったのでもう一度載せます。
ujimu.com/2022/07/07/%ef%bd%92%ef%bc%94%e3%80%80%e4%bc%9a%e9%95%b7%e3%81%82%e3%81%84%e3%81%95%e3%81%a4/
追記 リンクを貼っているはずなのにうまくいきません・・・
This post was modified 2年前 2回 by umeonigiri
08/07/2022 10:46 am
umeonigiriさん
URLは正しく貼ってください。
別の方のサイトが開きます。
（stingerのサイト）
わいひら and umeonigiri reacted
08/07/2022 11:02 am
URLは、以下の様子。
http://www.gif ujimu.com/2022/07/07/%EF%BD%92%EF%BC%94%e3%80%80%E4%BC%9A%E9%95%B7%E3%81%82%E3%81%84%E3%81%95%E3%81%A4/
なぜか、gifujimuの間（fとuの間）にスペースが入ってしまうので、アクセスする際はスペースを取り除いてください。
わいひら and umeonigiri reacted
08/07/2022 11:04 am
●補足
URLの特定文字が画像（ＧＩＦ）として誤認識されているようです。
↓半角にして入力して下さい。
https://ｇifujimu.com
08/07/2022 11:06 am
umeonigiriさん
クラシックエディタをご利用のようですので。
メディアの追加からなさっていますでしょうか？
わいひら and umeonigiri reacted
08/07/2022 11:12 am
umeonigiriさん
「メディアの追加」から貼り付けると、以下のような感じで、大丈夫みたいです。
（リンク文言は後で変える）
あれ・・・。
環境情報では、Gutenbergがオフですが、実際のサイトの状態を拝見すると、ブロックエディタで作成なさっている感じですね。
わいひら and umeonigiri reacted
Topic starter
08/07/2022 11:21 am
ｍｋ２様 chu-ya様
ご指摘ありがとうございます。
ｍｋ２様の通り、クラシックエディタで、「メディアを追加」ボタンを押し、既に追加済みのｐｄｆを選択し、記事に挿入してみました。
ご指摘いただいた後、もう一度やり直してみましたが、読み込み中で表示されません。
ＵＲＬに「ＧＩＦ（あえて大文字で書いていますが）」が含まれていることは関係ありますでしょうか・・・？
Topic starter
08/07/2022 11:30 am
ｍｋ２様
クラシックエディタからブロックエディタに変更し、「ファイル」ブロックから同じファイルを追加してみましたが、やはり同じく読み取り中になってしまします。
念のため新しい記事に投稿してみました。（Ｇ→gに変えてください）
http://www.Ｇifujimu.com/2022/07/08/%ef%bd%90%ef%bd%84%ef%bd%86%e3%83%86%e3%82%b9%e3%83%88/
08/07/2022 11:34 am
umeonigiriさん
ちょっと良く分からないところですが・・・。
以下はインストールなさっていますでしょうか。
インストールなさっていないようでしたら、今回の事象には関係ないとは思いますが、WordPressの日本語環境には必須と言えるそうですので、インストールしていただいてよろしいでしょうか。
WP Multibyte Patch
https://ja.wordpress.org/plugins/wp-multibyte-patch/
わいひら and umeonigiri reacted
08/07/2022 11:38 am
umeonigiriさん
私の環境のファイルを、umeonigiriさんのサイトのファイルへの直リンクにすると、再現されました。
私の環境ではエラーが出ていますが、関係があるものかどうか。
（単にhttpのURLだから？）
（単にhttpのURLだから？）
わいひら and umeonigiri reacted
Topic starter
08/07/2022 11:47 am
ｍｋ２様
ありがとうございます！
プラグインは全て無効にしていたのですが、WP Multibyte Patchを有効化しました。
ｈｔｔｐだから？→無料のＳＳＬ設定（lolipop）をやってみます。
08/07/2022 11:50 am
umeonigiriさん
ずっと開かないのは、おそらく画像拡大効果（baguetteBox）が影響していそうな気がします。
一旦これを、無効化した方が良さそうには思います。
ただ、何故外部リンクになってしまうのかが良く分からないてす。
わいひら and umeonigiri reacted
08/07/2022 11:54 am
umeonigiriさん
画像拡大効果っぽいです。
以下のように無効にすると・・・。
私の環境からは開きました。
（リンク先は、umeonigiriさんのサイトのPDFです、URL部分を見ていただければと。）
（リンク先は、umeonigiriさんのサイトのPDFです、URL部分を見ていただければと。）
わいひら and umeonigiri reacted
08/07/2022 11:58 am
umeonigiriさん
エラーの件は、私の環境がhttpsなのに、umeonigiriさんのサイトのファイルへのリンクがhttpであったために、出ていたのではないか・・・という気がします。
umeonigiriさんのサイトでは、このエラーは出ていないようですので。
わいひら and umeonigiri reacted
Topic starter
08/07/2022 12:01 pm
ｍｋ２様
まさにご指摘の通り、画像拡大効果を「なし」に設定したところ、直りました！
大変大変助かりました・・・誠にありがとうございました！
わいひら reacted
Topic starter
08/07/2022 12:03 pm
ｍｋ２様
ついでにＳＳＬ設定もしたので、こちらも関係があったかもしれません。
どちらにしろ、問題は解決しました。ありがとうございました！
08/07/2022 12:06 pm
umeonigiriさん
良かったです。
baguetteBox以外の画像拡大効果だと、大丈夫なものもあるみたいです。
私の環境ではLightboxでは大丈夫でした。
もし、画像拡大効果をご利用であれば、他のものにすると良さそうですね。
わいひら reacted
08/07/2022 8:03 pm
baguetteBox.jsの読み込み部分のコードを確認してみたのですが、特にGIFを制限している（もしくは影響与えている）ような記述は無かったです。
https://github.com/yhira/cocoon/blob/b101a20ed38d25f081c387475eca32f1c40f6a6f/lib/utils.php#L643
baguetteBox.jsの最新版が出ていないか確認してみましたが、Cocoon同梱のものと同様のバージョンのようです…。
https://github.com/feimosi/baguetteBox.js
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。