Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

ブログカードの不具合
 
通知
すべてクリア

ブログカードの不具合

25 投稿
5 ユーザー
9 Reactions
135 表示
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

利用させて頂いておりお世話になります。

不具合・カスタマイズ対象ページのURL:
https://sougi.shimin.life/area/area1006/area2026/area3917/
※複数のページで発生(上記は事例)

相談内容:

ブログカードが正常に表示されるものとされないものが生じてしまいました。例えば、以下の通りです。
表示されるページ事例  https://sougi.shimin.life/area/area1003/area2010/area3495/
表示されないページ事例  https://sougi.shimin.life/area/area1006/area2026/area3917/
正常に表示されないページは、URLがテキストのまま表示されます。いずれも、URLを除き記載コードは同じです。

不具合の発生手順:これまで、正常に表示されていましたが、先日に複数のページで発見しました。

解決のために試したこと:
・ブログカード有効のチェック有無の確認
・URLに日本語が入っていないことの確認
・URL前後の空白の有無確認
・キャッシュの削除
・プラグインの干渉確認
・WAFの解除
・ブログカードの設定の変更→再設定で更新

なお、[blogcard url="..."]で一部のページを試したところ表示されました。

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
添付の通りです。

※高速化設定をしている場合は無効にしてください。
環境情報:
----------------------------------------------
サイト名:お葬式BySite
サイトURL: https://sougi.shimin.life
ホームURL: https://sougi.shimin.life
コンテンツ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/skin-mixgreen/style.css
WordPressバージョン:6.9.4
PHPバージョン:8.2.30
データベース:5.7.36
サイト言語:ja
タイムゾーン:Asia/Tokyo
HTTPS:有効
マルチサイト:無効
WP_DEBUG:無効
DISABLE_WP_CRON:無効
WP_CACHE:無効
DISALLOW_FILE_EDIT:無効
パーマリンク構造:/%postname%/
ホームページ表示:固定ページ
PHPメモリ上限:512M
WPメモリ上限:512M
WP管理画面メモリ上限:512M
PHP最大実行時間:120秒
PHP max_input_vars:1000
アップロード上限:100M
POST上限:100M
PHP拡張:curl:有効, mbstring:有効, gd:有効, imagick:有効, xml:有効, zip:有効, intl:有効, exif:有効
画像エディタ:EWWWIO_Imagick_Editor
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br, zstd
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.9.1.1
カテゴリー数:48
タグ数:1
投稿数:353
固定ページ数:26
ユーザー数:5
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:11226 バイト
functions.phpサイズ:8838 バイト
----------------------------------------------
Gutenberg:1
Font Awesome:5
Auto Post Thumbnail:0
ホームイメージ:/wp-content/uploads/2023/03/11592c7a78d86e2f6af0b6f13455cf72.jpg
簡単SSL:0
コードハイライト:0
----------------------------------------------
canonicalタグ:0
カテゴリnoindex:0
タグnoindex:0
----------------------------------------------
サイドバー位置:sidebar_right
サイドバー表示:no_display_front_page
メインカラム幅:800px
サイドバー幅:336px
----------------------------------------------
全広告表示:1
AdSense表示方法:
----------------------------------------------
GA4:設定済み
GTM:未設定
Search Console:未設定
----------------------------------------------
ブラウザキャッシュ有効化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
----------------------------------------------
利用中のプラグイン:
Advanced Custom Fields 6.8.0
Advanced Editor Tools 5.9.2
Classic Editor 1.6.7
Contact Form 7 6.1.5
Custom Post Type UI 1.18.3
EWWW Image Optimizer 8.5.0
Flying Scripts: Delay JavaScript to Improve Site Speed & Performance 1.2.4
Instant Indexing 1.1.22
IP2Location Country Blocker 2.41.2
Jetpack 15.7
Really Simple Security 9.5.9
Search & Filter 1.2.18
Simple PAY.JP Payment 1.3.1
Site Kit by Google 1.176.0
Site Reviews 8.0.9
WP-Optimize - Clean, Compress, Cache 4.5.1
WP Multibyte Patch 2.9.3
WP Robots Txt 1.3.5
Yoast Duplicate Post 4.6
----------------------------------------------
停止中のプラグイン:
Maintenance 4.21
Media Cleaner 7.0.6
Search Regex 3.4.1
Shortcodes Ultimate 7.5.0
Simple Custom Post Order 2.6.0
SiteGuard WP Plugin 1.7.9
Ultimate Member 2.11.3
Ultimate Member - Terms & Conditions 2.2.0
What The File 1.6.1
WP Fastest Cache 1.4.7
----------------------------------------------



   
引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4332
 

●確認のお願い

HTMLタグの組み合わせで閉じ忘れがあります。
spanタグがaタグの後にあり、構成に間違いがあります。

Gutenbergエディターを使用なら、カスタムHTMLブロックを使わない限りミスはないかと思います。
まず、HTMLタグの見直しをお願いします。

 



   
わいひら reacted
返信引用
Y.INABA
(@yinaba)
Estimable Member Registered
結合: 1年前
投稿: 121
 

見直しといえば添付のあたりもそうですね。
titleタグがこの位置に来るなんてまずあり得ません。

おそらく、Cocoonのテンプレートに相当手を入れているのではないかと思います。

まずはHTMLに詳しい方に見ていただくなどして、構造的におかしい箇所を直していただくところから始めていただいた方が良いのではないかと思います。

 

あわせて、停止中のプラグインについて、必要に応じて有効化もしくは削除いただいた方が良いのではないかと思います。
(SiteGuardが停止中のままになっているのがちょっとよく分からないです。他にセキュリティの類似プラグインもなさそうですし、これに限っては有効化いただいた方が良いのではないかと)

 

投稿者:: @icci

Maintenance 4.21
Media Cleaner 7.0.6
Search Regex 3.4.1
Shortcodes Ultimate 7.5.0
Simple Custom Post Order 2.6.0
SiteGuard WP Plugin 1.7.9
Ultimate Member 2.11.3
Ultimate Member - Terms & Conditions 2.2.0
What The File 1.6.1
WP Fastest Cache 1.4.7

 

 


この投稿は3日前 2回ずつY.INABAに変更されました

   
わいひら reacted
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

@大門未知子 様

ご指摘ありがとうございます。
修正をいたしました。

なお、ご指摘いただいている
“<span class="bold">この地域で推奨される斎場</span></p>”
の最後の</p>は勝手に入ってしまっているものです。

よろしくお願いいたします。



   
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

@Y.INABA 様

ご指摘ありがとうございます。

見様見真似の自己流で子テーマの修正などをしてきましたので、そのような点があるかと思い恐れ入ります。
<tltle>タグは確かに変なものが残っており削除いたしました。

当面、有効化をする予定のないプラグインも削除いたしました。

ありがとうございます。



   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9475
 

別件ですが、補足を。

投稿者:: @yinaba

(SiteGuardが停止中のままになっているのがちょっとよく分からないです。他にセキュリティの類似プラグインもなさそうですし、これに限っては有効化いただいた方が良いのではないかと)

SiteGuardについては、2月に脆弱性が見つかっています。

未ログイン状態で、管理画面内が改ざんされるというものらしいです。

対象は全てのバージョンで、修正バージョンやパッチは、リリースされていません。

 

SiteGuard WP Plugin <= 1.7.9 - Missing Authorization
https://www.wordfence.com/threat-intel/vulnerabilities/wordpress-plugins/siteguard/siteguard-wp-plugin-179-missing-authorization

The SiteGuard WP Plugin plugin for WordPress is vulnerable to unauthorized access due to a missing capability check on a function in all versions up to, and including, 1.7.9. This makes it possible for unauthenticated attackers to perform an unauthorized action.

 

WordPress 用プラグイン「SiteGuard WP Plugin」は、バージョン 1.7.9 までのすべてのバージョンにおいて、関数に対する権限チェックが欠落しているため、不正アクセスに対して脆弱です。これにより、認証されていない攻撃者が不正な操作を実行できる可能性があります。


この投稿は2日前ずつmk2に変更されました

   
わいひら and Y.INABA reacted
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4332
 

@icci さん

[投稿]→[タグ]→タグ編集「本文」にHTMLタグを入力していますが、添付のようにミスがあります。

タグ編集入力したHMTLを入力してみましたが、ブログカードは表示されました。

タグ編集ですが、クラシックエディター形式のため、HTMLタグを入力していますが、パターンを活用すればよく。
Gutenbergエディターで文を作成し、タグ編集の本文にはpatternショートコードだけ入力すればよく。
この方がミスがないかと思います。


この投稿は2日前 3回ずつ大門未知子に変更されました

   
わいひら reacted
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

@大門未知子 様

ご指摘いただきありがとうございます。

確かに、コードに間違いがあるようです。ただ、次の通りでしたので対処してみました。
・</p>開始タグがない点
 編集では入れていないにも関わらず、勝手に入ってしまっているため、かわりに編集で"<p>"だけ先頭に入れてみた。
 →<p><span class="bold">この地域で推奨される斎場</span> として頭の部分だけ追記した。
・Cocoonテンプレートで表示させていますが、テンプレートを開くと勝手に頭に<p>が入ってしまっていたので、テンプレート編集画面で</p>だけ追記して閉じてみた。
・</div></article>の入れ子はカスタムフィールドへの記載にミスがあったため順番を修正した。

しかしながら、解決できないようです。

なお、ご指摘いただいたコードの問題がある状態でも、正常に表示されるページもあり、urlによって突然反応が異なってしまうようになってしまった点が如何ともしがたい点ではあります。

ありがとうございます。



   
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

一つ試してみましたが、[ad]を当該場所に配置したところ、問題なく広告表示されました。
そのため、ブログカード化する際の処理に、正常表示されるケースとされないケースとで、なんらかの違いが出てくるのかと思案しているところです。



   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 8年前
投稿: 18421
 

添付画像のブログカードのソースコードはどうなっていますでしょうか。
なるべく周りの環境も含めた全体を写したスクリーンショットをいただければ幸いです。
https://sougi.shimin.life/area/area1003/area2010/area3495/



   
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

@わいひら 様

ご覧いただきありがとうございます。

添付頂いた画像部分においては、以下の通り記述しております。
<div class="blank-box sticky st-yellow">
<span class="bold">この地域で推奨される斎場</span>
<div class="blogcard-type bct-ninkisaijo">
[ https://sougi.shimin.life/saijo/s100496/ ]
</div>
</div>
※CTAとして、この下に[temp id=20]を入れております。

[ https://sougi.shimin.life/saijo/s100496/ ]の部分について、表示されるURLとしないURLが生じているものです。
具体的には、 https://sougi.shimin.life/area/area1006/area2026/area3917/  のページにおいて末尾「s100496」では表示されますが、「s100887」では表示されない、という現象です。これが複数生じている状況です。

なお、AIに現象を投げてみて確認したところ、[ https://sougi.shimin.life/saijo/s100887/?cv=1 ]などと意味のないパラメータを入れてみると表示されます。
これらに加えて、サーバーのキャッシュ削除・Cocoonのキャッシュ削除・All transients(すべての一時データ)の削除、WAFの無効化、スーパーリロードなども試みましたが変化がございません。
また、存在しないパスで[ https://sougi.shimin.life/saijo/s100887/dummy/ ]とすると404のカードが表示されます。

その他、何か必要情報があればお申しつけいただればと思います。

よろしくお願いいたします。



   
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

失礼しました。
さきほど記載した[]ではURLの前い空欄が入っているようですが、記述には入っておりません。
よろしくお願いいたします。



   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 8年前
投稿: 18421
 

ソースコードありがとうございます。

投稿者:: @yhira

添付画像のブログカードのソースコードはどうなっていますでしょうか。
なるべく周りの環境も含めた全体を写したスクリーンショットをいただければ幸いです。

返信で書いたように、できればスクリーンショットでいただければ幸いです。

以下、勘違いしていたので修正しておきます。

いただいた情報によると、やはり表示されるページはブロックを使用しておられるようですね。
反面、表示されないページではブロックを使用していないようです。この差と HTMLの閉じ忘れなどが表示されるのとされないの原因ではないかと思います。少なくとも同じ条件ではないと思います。

なのでこのページも同じブロック(同じ構造)を使用して試してみるとどうでしょうか。これで原因の切り分けができるかと思います。
https://sougi.shimin.life/area/area1006/area2026/area3917/

添付画像は表示されないページです。ここのブログカードのラッパーは白抜きボックスで作成されているようです。


この投稿は2日前 3回ずつわいひらに変更されました

   
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

@わいひら 様

ご確認いただきありがとうございます。

趣旨を確認できておらず画像もなく失礼をいたしました。
表示されていない部分は添付の通りですが、ブロックカードを使っております。
※ご指摘の趣旨と異なっておりましたら申し訳ございません。

なお、<p><span class="bold">この地域で推奨される斎場</span>の部分で先頭だけ<p>を入れておりますのは、</p>のみが勝手に入ってしまうため、@大門未知子様からのご指摘を踏まえ今回追記したものでございます。

従って、同じコードで記載しており、URLの部分のみが異なっております。また、これまでは問題なく同じように表示されておりました。

当方でなんらか誤解がございましたら、ご指摘いただけましたら幸いです。

よろしくお願いいたします。



   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 8年前
投稿: 18421
 

すいません、前回の書き込み、空目して勘違いしておりました。返信を修正しておきました。

よろしければよろしければっちのページのスクリーンショットもお願いします。
https://sougi.shimin.life/area/area1003/area2010/area3495/

あと前回のページの添付画像ですが、そこにPタグを入れるべきではありません。今回は仮にうまくいったとしても新たな不具合の原因となり得ると思います。その際に問題の解決をより分かりづらくします。
根本的な余計なpタグが入る根源の解決を調査する必要はあると思います。


この投稿は2日前 2回ずつわいひらに変更されました

   
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

@わいひら 様

ご指南いただきありがとうございます。

<p>タグについては付け焼刃でしたので削除いたします。

ご指示いただいた画像は添付の通りです。

よろしくお願いいたします。



   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9475
 

スマホからなので、打ちにくく、調べてたりもしていません。

投稿者:: @icci

これが原因かは、分かりませんけど。

なぜspanタグなのかなとは、素朴に思います。

pタグで良さそうな。

pタグにしたら、タグの不整合がなくなるなら、そういうことかなという感じはします。

(タグの不整合の話で、ブログカードではないかも)

(クラシックエディタの場合、単純divタグの中って、最初はタグがつかないんですよね)

p閉じタグが勝手に入るのは、クラシックエディタのせい?なんて、疑問もわいてきます。


この投稿は2日前 4回ずつmk2に変更されました

   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 8年前
投稿: 18421
 

スクリーンショットありがとうございます。状態を確認できました。
確かに全く書式は同じですね。
もしかしたらブログカードキャッシュが原因の可能性もあるかと思います。可能性のありそうなところは修正してみました。
よろしければ以下のファイルでアップデートして試してみていただければ幸いです。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------

また、該当ページを再読み込みする前に、Cocoon設定のサブメニューであるキャッシュの削除で、ブログカードキャッシュの削除を行ってみてください。



   
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

@わいひら 様

お手数までおかけしてしまいまして、深謝いたします。

ただ、アップロードを行い、キャッシュの削除(サーバーも行ってみました)を行いましたが、現象が変わらないままです。

なお、 https://sougi.shimin.life/area/area3540/  では添付の現象が生じております(一つはテキスト表示・一つは正常に表示される)。
記述しているコードは以下の通りです。

<div class="blank-box sticky st-yellow">
<span class="bold">この地域で推奨される斎場</span>
<div class="blogcard-type bct-ninkisaijo">
[ https://sougi.shimin.life/saijo/s100478/ ]
[ https://sougi.shimin.life/saijo/s100480/ ]
</div>
</div>

処理の過程で、URLによってなんらか異なる認識をしてしまうことがあるのか、サーバー側の問題ということもありうるのか困惑しているところです。

いろいろとありがとうございます。



   
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4332
 

@icci さん

●ご参考

前述でテンプレート機能を使用しているとのこと。

テンプレートは旧来のCocoon独自の機能です。
現在は、WordPress標準のパターン機能を用いるのが望ましいと思います。

一番の理由は、Gutenbergエディターでの装飾が可能となり、HTML入力のミス削減や、ブロック使用によるレイアウトが可能だからです。

以下を一読し、試してみて下さい。

https://wp-cocoon.com/pattern-shortcode/


この投稿は1日前 2回ずつ大門未知子に変更されました

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9475
 

本題とは関係ないでしょうが、一応書いておきます。

勝手にp閉じタグが入る件ですが、やはりクラシックエディタのクセというか、問題というか、そういうものに思います。

私の環境で、試しました。

【spanタグの場合】

 
自動的に、p閉じタグが入り、HTMLタグ不整合になります。
 
 
【pタグの場合】
 
 
こちらは、HTMLタグの不整合は起きません。
 

 
ちなみに、私の環境では、どちらもブログカードが展開されていますので、これがブログカード化されない原因ではなさそうですね。(Cocoonが少し古いですが)
 
ただHTMLタグの不整合は、解消すべきだと思います。(何が起こるか分からない)

この投稿は1日前 9回ずつmk2に変更されました

   
わいひら reacted
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

@大門未知子 様

お知らせいただきありがとうございます。

本件は全く知りませんでした。pattetrnコードを利用させていただこうと思います。

有用なご助言ありがとうございます。



   
わいひら reacted
返信引用
 icci
(@icci)
Trusted Member Registered
結合: 3年前
投稿: 36
トピックスターター  

@mk2 様

ご助言いただきありがとうございます。

同コードで記載しているページ数が多いのですが、全てこちらに変更したいと思います。

ありがとうございます。



   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9475
 

icciさん

投稿者:: @icci

不具合・カスタマイズ対象ページのURL:
https://sougi.shimin.life/area/area1006/area2026/area3917/

上記投稿の該当箇所で、タグの不整合が解消していることを、確認させていただきました。

 

 

念の為ですが。

親テーマを有効にしても、ブログカード化されないのか、確認はなさっていますでしょうか。

ご確認済みであれば、ご放念ください。

 

以下プラグインを使えば、ログインユーザーのみテーマ変更できたりはします。(読者側には影響なし)

ヘルスチェック & トラブルシューティング (Health Check & Troubleshooting)
https://ja.wordpress.org/plugins/health-check/

ただ、このプラグインは脆弱性が報告されていて、まだ対処されていないのですよね。

(WordPress.org公式なのですが。WordPress.org側は差し迫った危険はないと判断している様子)


この投稿は32分前ずつmk2に変更されました

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 5年前
投稿: 9475
 

ご参考ですが、先に書いたプラグインの脆弱性については、以下に書いておきました。

プラグイン「Health Check & Troubleshooting」の脆弱性について(2025/12発覚分)
https://wp-cocoon.com/community/postid/88514/



   
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました