サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年12月21日 17:31
先日Cocoonを2.3.7.2から2.3.8にバージョンアップしたところ、外部ブログカードが一部のサイトでうまく取得できず、URLがそのまま表示されていました。
ここのサイトは取得できるのですが、Cocoonを使っている他のサイトではダメだったりします。
キャッシュ更新モードを有効にしてリロードすると、下記のエラーが表示され、添付画像の状態になりました。
Warning: DOMDocument::loadHTML(): Empty string supplied as input in 〜/wp-content/themes/cocoon-master/lib/open-graph.php on line 120
別のレンタルサーバーを使用している複数サイトで同じ状態になり、2.3.7.2に戻したところ問題なく取得できています。
今回の修正が影響していると思われますのでご対応お願いいたします。
2021年12月21日 19:41
僕の環境だと取得できるようです。
フォーラムの案内にありますように、対象ページのURLと環境情報をいただけますでしょうか。
https://wp-cocoon.com/theme-report/
提示が難しいようでしたら、問題が出ているURLだけでも全部貼って頂ければ幸いです。
2021年12月21日 20:30
とりあえず、私の環境で試してみました。
添付いただいた、上4つのURLを入力してみました。
https://lunalunadesign.net/2021/12/2130/
https://yujiblog.org/cocoon-customization
https://ja.wordpress.org/support/view/all-topics/
プレビューなど1度も行わずに、投稿を公開して、閲覧すると以下のような感じでした。
次に、「Cocoon設定」-「ブログカード」-「外部ブログカード設定」の「キャッシュ更新モードを有効にする」にチェックを入れて、リロードすると、以下のように表示され、エラー表示はされないみたいです。
ローカル環境ですが、私の環境です。
(親テーマは、GitHubからダウンロードしたものです。)
----------------------------------------------
サイト名:TEST環境(Local)
サイトURL: https://localtest.local
ホームURL: https://localtest.local
コンテンツ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
WordPressバージョン:5.8.2
PHPバージョン:7.4.1
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36
サーバーソフト:Apache/2.4.43 (Win32)
サーバープロトコル:HTTP/1.0
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.8
カテゴリ数:4
タグ数:2
ユーザー数:3
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:2203バイト
functions.phpサイズ:7951バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:5
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:1
----------------------------------------------
利用中のプラグイン:
WP Multibyte Patch 2.9
----------------------------------------------
サイト名:TEST環境(Local)
サイトURL: https://localtest.local
ホームURL: https://localtest.local
コンテンツ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
WordPressバージョン:5.8.2
PHPバージョン:7.4.1
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36
サーバーソフト:Apache/2.4.43 (Win32)
サーバープロトコル:HTTP/1.0
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.8
カテゴリ数:4
タグ数:2
ユーザー数:3
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:2203バイト
functions.phpサイズ:7951バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:5
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:1
----------------------------------------------
利用中のプラグイン:
WP Multibyte Patch 2.9
----------------------------------------------
わいひら reacted
トピックスターター 2021年12月21日 20:30
http://test2020.rdy.jp/cocoon%e3%83%96%e3%83%ad%e3%82%b0%e3%82%ab%e3%83%bc%e3%83%89/
もう一度バージョンアップして、今はエラーは表示されていませんが、やはり取得できないものがあります。
----------------------------------------------
サイト名:テスト
サイトURL: http://test2020.rdy.jp
ホームURL: http://test2020.rdy.jp
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/simple-darkmode/style.css
WordPressバージョン:5.8.2
PHPバージョン:7.4.25
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:93.0) Gecko/20100101 Firefox/93.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate
言語:ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.8
カテゴリ数:4
タグ数:3
ユーザー数:1
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:1
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
WP Multibyte Patch 2.9
----------------------------------------------
トピックスターター 2021年12月21日 21:39
http://test2020.rdy.jp/cocoon%e3%83%96%e3%83%ad%e3%82%b0%e3%82%ab%e3%83%bc%e3%83%89/
こちらのサイトではキャッシュ更新モードはオフにしてあります。エラー表示でサーバー情報が見えるとまずいので。
2021年12月21日 22:40
poohさん
とりあえず、GitHubから最新バージョンをダウンロードしていただきバージョンアップしていただけますでしょうか。
https://wp-cocoon.com/community/postid/58592/
上記(2021年12月21日 21:26の返信)に添付いただいた、エラーメッセージを拝見すると、cocoon-master/lib/open-graph.phpの120行目が、loadHTMLとありますが、最新バージョン(GitHub)のものはそうではありません。
エラーメッセージについては、これが原因の可能性はあると思います。
私のローカル環境は、GitHubの親テーマにしています。
既に対応済でしたら、ご放念ください。
わいひら reacted
トピックスターター 2021年12月22日 01:31
@mk2_mk2 さん
ダッシュボードからアップデートしたものとGitHubからダウンロードしたものでは、どちらもバージョン2.3.8と表示されますが、open-graph.phpの120行目付近が微妙に異なっていますね。
GitHubからダウンロードしたテーマに差し替えてみたところ、ローカル・レンタルサーバーともWarningのエラー表示はなくなりましたが、相変わらずブログカードが取得できないサイトがあります。ブラウザのキャッシュ削除して再起動、ブログカードのキャッシュ削除、キャッシュ更新モードを有効にして、何度もリロードしています。
取得できないサイトはWordPressで作られているものばかりのようです。WordPressのテーマを販売しているサイトなどをいろいろ試してみましたが、高確率で取得できません。
取得できなかったサイトの例
https://wordpress.com/ja/blog/
https://www.welcart.com/
https://www.vektor-inc.co.jp/
https://wp-emanon.jp/
https://fit-theme.com/the-thor/
https://swell-theme.com/
わいひら reacted
2021年12月22日 01:59
poohさん
もうPCは落としてしまい、手元にはスマホしかありません。
open-graph.phpの120行目付近が微妙に異なっていますね。
はい、以下の修正履歴の通り、修正が入っています。
https://github.com/yhira/cocoon/commit/9f42183918e905d186d2a1dd04bbabfb2747f13c
そのため、ワーニングメッセージを見て、ご案内を差し上げた次第です。
とりあえずメッセージは表示されなくなったようですね。
問題はブログカード情報の取得ですね。
ただ、他に再現できている方がいないと難しいと思います。
どうすれば再現できるのか。
それを知るためにできるだけ多くの情報が欲しいところだと思います。
明日、ご提示いただいたURLを試してみたいと思います。
わいひら reacted
2021年12月22日 10:21
私も再現しました。
実際のページと環境情報(ページ下部に貼ってあります)は以下の通りです。
https://vocaloid.haruinoue.net/?p=2758&preview=1&_ppp=d295ace5cc
- Cocoon設定>ブログカード>キャッシュの更新>キャッシュ更新モードを有効にするにチェックを入れる
→改善しませんでした。 - キャッシュ削除>ブログカードキャッシュの削除をする
→改善しませんでした。 - Health Check & Troubleshootingでプラグイン全無効の親テーマ状態でも上記作業を行う
→改善しませんでした。
Cocoon親テーマのバージョンは、本日9:30頃にGitHubからダウンロードした2.3.8です。
サーバーはロリポップです。
ただ、同様のバージョンでもローカル環境では全てのURLがきちんと表示されます。
何が原因なんでしょう…?
わいひら reacted
トピックスターター 2021年12月22日 10:34
他にもいろいろ試してみました。キャッシュ更新モードを有効にしてあります。
http://test2020.rdy.jp/%e5%a4%96%e9%83%a8%e3%83%96%e3%83%ad%e3%82%b0%e3%82%ab%e3%83%bc%e3%83%892/
取得できるサイト・できないサイトは、はっきりと分かれていますが差がわかりません。同じベクトル社でも古いBizVektorはOKで現在のサイトはダメだったりします。
ワードプレステーマTCDのサイトでは、毎回取得はできていますが、画像下のファビコンとドメインは表示されません。
いくつかのサイトでは、リロードを繰り返す(10回に1回くらい?)と取得できるが、更にリロードするとまた取得できなくなります。
2021年12月22日 19:37
試しに/lib/open-graph.phpの添付画像の明るい部分のコードを削除すると正常動作しますでしょうか?
https://github.com/yhira/cocoon/blob/master/lib/open-graph.php
2021年12月22日 19:38
ただ、同様のバージョンでもローカル環境では全てのURLがきちんと表示されます。
僕もローカル環境で問題ないので、サーバによって動作が違う場合もあるんですかね…。
こちらのサーバーはさくらインターネットですね。
http://test2020.rdy.jp/%e5%a4%96%e9%83%a8%e3%83%96%e3%83%ad%e3%82%b0%e3%82%ab%e3%83%bc%e3%83%892/
2021年12月22日 20:15
出遅れましたが・・・。
ご提示いただいたURLすべて、ローカル環境では問題ないです。
ただ、はるさんがお書きになったように、実サーバー環境では表示できないとなると・・・。
何が違うんでしょう。
少しサーバー環境でも試してみます。
わいひら reacted
2021年12月22日 20:29
poohさんにご提示いただいたURLは、実サーバー環境(エックスサーバー)では、URLのみの表示になってしまいました。
やはり、実サーバー環境とローカル環境では違いがあるようです。
わいひらさんご提示の「lib/open-graph.php」の66~71行目をコメント化すると、正しく表示されるようです。
(キャッシュ更新モードにはしていません。その都度、ブログカードのキャッシュを削除して確認しました。)
わいひら reacted
トピックスターター 2021年12月23日 00:35
こちらのサーバーはさくらインターネットですね。
はい、そうです。他にエックスサーバーにあるサイトでも同様の症状が出ました。
私の場合は、Local(Local by Flywheel)環境でも同じ状態ですが、MAMPで作成したローカル環境では問題は起きていませんでした。
試しに/lib/open-graph.phpの添付画像の明るい部分のコードを削除すると正常動作しますでしょうか?
local、さくらサーバーとも取得できるようになりました。
ワードプレステーマTCDのサイトでは、毎回取得はできていますが、画像下のファビコンとドメインは表示されません。
こちらのサイトのみ不完全なままですが、これは相手側の問題でしょうか。アクセスするとブラウザにファビコンは表示できるのですが。
2021年12月23日 19:17
local、さくらサーバーとも取得できるようになりました。
ご確認いただきありがとうございます。
やっぱ、その記述なんですね…。
ただ、その記述をなくすと今度は情報を取得できなくなるサバもあるんですよね…。例えば楽天とか。
詳しくはこちら。
https://github.com/yhira/cocoon/pull/61
どうしたものか。
例えば、先日の削除した'headers'配列の中で、内容を1行ずつ削除して行って、「この行を削除したら正しく表示される」という行はありますでしょうか。
現在、不具合環境を持っていないもので、もし可能な方がおられましたら、試してみていただけると幸いです。
それにしても、同じローカル環境でも不具合が出るケースと出ないケースがあるのは何でだろう…。
2021年12月23日 19:33
こちらのサイトのみ不完全なままですが、これは相手側の問題でしょうか。アクセスするとブラウザにファビコンは表示できるのですが。
これは相手側の問題です。
TDCサイトのソースコードにあるogp情報を見るとURLの形式が間違っています(/が足りない)。
2021年12月23日 19:36
TDCのケースのようなこういう不具合は想定していませんでした。
とりあえず、外部ブログカードさきのogpのURL情報が間違っていても正しくドメイン情報を取得できるように修正しておきました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2021年12月23日 19:45
TDCのケースのようなこういう不具合は想定していませんでした。
とりあえず、外部ブログカードさきのogpのURL情報が間違っていても正しくドメイン情報を取得できるように修正しておきました。
すみません、上記に気づく前だったもので、このVerでの確認はしておりませんが・・・。
例えば、先日の削除した'headers'配列の中で、内容を1行ずつ削除して行って、「この行を削除したら正しく表示される」という行はありますでしょうか。
この部分について確認しました。
いくつか返信を分けて、書いていこうと思います。
確認したURLは以下です。
https://lunalunadesign.net/2021/12/2130/
https://nelog.jp/mf-cloud
https://yujiblog.org/cocoon-customization
https://ja.wordpress.org/support/view/all-topics/
https://wordpress.com/ja/blog/
https://www.welcart.com/
https://www.vektor-inc.co.jp/
https://wp-emanon.jp/
https://fit-theme.com/the-thor/
https://swell-theme.com/
https://tcd-theme.com/
わいひら reacted
2021年12月23日 19:54
「Accept-Encoding」を消去した場合は上手くいっているみたいです。
あとで、以下のバージョンでも確認してみます。
TDCのケースのようなこういう不具合は想定していませんでした。
とりあえず、外部ブログカードさきのogpのURL情報が間違っていても正しくドメイン情報を取得できるように修正しておきました。
わいひら reacted
トピックスターター 2021年12月23日 19:57
例えば、先日の削除した'headers'配列の中で、内容を1行ずつ削除して行って、「この行を削除したら正しく表示される」という行はありますでしょうか。
68行目
'Accept-Encoding' => 'gzip, deflate, br',
修正版をダウンロード、こちらの行だけ削除して、Local、さくらとも正しく表示出来るようになりました。
TDCのサイトも正常に表示されています。
わいひら reacted
2021年12月23日 20:16
なるほど。ということは「Accept-Encoding」を消去した状態で、楽天アフィリエイトURLの外部ブログカードが取得できればおそらく問題なさそうですね。
「Accept-Encoding」を消去した状態で以下のURLの外部ブログカードを作成するとどうなりますでしょうか。
https://a.r10.to/hwWDhB
よろしければ外部ブログカードのスクリーンショットも頂ければ幸いです。
ちなみに僕の環境で取得した場合はこちら。
2021年12月23日 20:19
あと、よろしければで良いのですが「Accept-Encoding」の記述が以下の状態で外部ブログカードがどのように取得できるかも試してみていただけると幸いです。
'Accept-Encoding' => 'gzip, deflate, br',
'Accept-Encoding' => 'gzip, deflate',
'Accept-Encoding' => 'gzip',
2021年12月23日 20:34
すみません、今PCから離れていますので、他の方に譲ります。
1時間くらい後であれば、戻ってきます。
2021年12月23日 20:37
TDCのケースのようなこういう不具合は想定していませんでした。
とりあえず、外部ブログカードさきのogpのURL情報が間違っていても正しくドメイン情報を取得できるように修正しておきました。
こちらの修正をした時に、転送URLだとただしくドメイン名が取得できないようなのでこの修正は元に戻しました。
https://github.com/yhira/cocoon
2021年12月23日 21:25
まずは、以下から。
「Accept-Encoding」を消去した状態で以下のURLの外部ブログカードを作成するとどうなりますでしょうか。
https://a.r10.to/hwWDhB
他はこの後試します。
2021年12月23日 21:40
とりあえず、以上です。
この後は、しばらく席を外します。
トピックスターター 2021年12月23日 23:30
@mk2_mk2 さん
Notice: Trying to get property 'url' of non-object in 〜/wp-content/themes/cocoon-master/lib/blogcard-out.php on line 219
NoticeはさくらもLocalも同じものです。画像のメッセージはあれで全てで、その下のブログカード部分に続いています。言われてみれば219行目が出てきていませんね。
画像は別タブで開いていましたので、拡大できないことに気付きませんでした。以後気をつけます。
2021年12月24日 16:56
「Accept-Encoding」を削除した場合、LocalではすべてOK、さくらは問題のサイトOKで楽天はNG。
「br」を削除した場合、「deflate, br」を削除した場合も同じです。
mk2さんと比較しても、環境によって動作も違うんですね…。
だとしたら、楽天の時だけヘッダ情報を含めるとかにするしかないのかも。
そのような仕様にしたものをアップしておきました。
https://github.com/yhira/cocoon
Notice: Trying to get property 'url' of non-object in 〜/wp-content/themes/cocoon-master/lib/blogcard-out.php on line 219
こちらもnotisが出ないように修正してみました。
トピックスターター 2021年12月25日 09:25
@mk2_mk2 さん
同じ12サイトを再度確認したところ、MAMPのローカル環境で
WordPress.comとTCDは1:1、それ以外ほぼ16:9。サイズが多少違うのはいいのですが、相手先の画像に直リンクしているものが多くありました。mk2さんの実サーバーでもそうなのでは?
160x90のサムネイルが作られているのは、寝ログ、WPサポートフォーラム、Welcart、楽天。
残り8箇所は直リンクです。Emanon、THE THORは元画像が160x90でしたが、その他は大きいものを縮小表示しています。
さくら、Local環境では、WordPress.comのみ1:1で直リンク、それ以外はサムネイルが作られていました。
直リンって昔は重大なマナー違反でしたが、今どきは大丈夫なんでしょうか?
WordPress.comの画像は200x200ですが、yujiblog.orgの2560x1330など、かなり大きな画像もあるのが気になります。
2021年12月25日 15:41
poohさん
サムネイルについてですが、私の環境では、実サーバー環境・ローカル環境共に同じでした。
- WordPress.com
実サーバー環境
https://secure.gravatar.com/blavatar/b3705db73f499e83bdb773e0cbbae5bc?s=200&ts=1640351860
ローカル環境
https://secure.gravatar.com/blavatar/b3705db73f499e83bdb773e0cbbae5bc?s=200&ts=1640353439
- Emanon
実サーバー環境
https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwp-emanon.jp%2F?w=320&h=240
ローカル環境
https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwp-emanon.jp%2F?w=160&h=90
- THE THOR
実サーバー環境
https://s.wordpress.com/mshots/v1/https%3A%2F%2Ffit-theme.com%2Fthe-thor%2F?w=320&h=240
ローカル環境
https://s.wordpress.com/mshots/v1/https%3A%2F%2Ffit-theme.com%2Fthe-thor%2F?w=160&h=90
上記3つが、poohさんの仰る直リンクだと思います。
上記3つ以外は、全てCocoonのキャッシュでした。(つまり自サイト内にキャッシュされている)
WordPress.comは、Gravatar(グラバター)みたいですから、問題ないように思います。
Gravatarに詳しくないのですが。
(ローカル環境はAMP設定していたかも・・・。)
EmanonとTHE THORは、OGPを設定していないようですから、ツールを使ってスクリーンショットを取得しているものだと思います。
(パラメーターのサイズ指定が違いますね。厳密に言えば私の環境は、WordPressの設定が違う気がしますので、あわせた環境を作成しないといけないかもしれません。)
そういう意味では問題ないような気がします。
固定ページ 1 / 2
次へ
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。