サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年11月3日 23:13
わいひら様
いつもお世話になっております。
不具合・カスタマイズ対象ページのURL： https://sakananokirimi.com/
相談内容：Advanced Editor Tools（旧：TinyMCE Advanced）の上級者向け設定をいじってから、再利用ブロックに保存していた自己紹介の吹き出しが表示されなくなりました。
吹き出しの代わりに「ブロックは、ブロック自身の内部でレンダリングできません。」と表示されます。
解決のために試したこと：外したチェックを元に戻したり試みたんですが、なにも変わりません。
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：----------------------------------------------
サイト名：きりみの嫁入り
サイトURL： https://sakananokirimi.com
ホームURL： https://sakananokirimi.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/simple-pink/style.css
WordPressバージョン：5.8.1
PHPバージョン：7.4.12
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：en-US,en;q=0.9
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.7.4
カテゴリ数：39
タグ数：42
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.1
style.cssサイズ：1275バイト
functions.phpサイズ：168バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/uploads/2019/10/s256_f_object_82_0bg.png
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.1.9
All in One SEO 4.0.16
Auto Featured Image (Auto Post Thumbnail) 3.8.1
Contact Form 7 5.4
Download Manager 3.1.15
Google Analytics Dashboard for WP (GADWP) 6.6.2
Google Maps Easy 1.9.30
Google Tag Manager for Wordpress 1.11.6
Jetpack 9.9.1
No Self Pings 1.1.5
OnePress Image Elevator 2.6.2
PDF Embedder 4.6.1
Pixabay Images 3.4
Regenerate Thumbnails 3.1.5
Simple Map 4.9.0
Smash Balloon Instagram Feed 2.9.3.1
Table of Contents Plus 2002
TaxoPress 3.0.2
WP Multibyte Patch 2.9
----------------------------------------------
※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
2021年11月4日 00:19
Kirimiさん
調べてはいないのですが…。
テーマ名：Cocoon
バージョン：2.2.7.4
親テーマのバージョンが、WordPress 5.8リリース以前のもののようです。
現状の最新バージョンは、2.3.7.1だと思います。
まずは、親テーマを最新バージョンにアップデートして、ご確認いただけますでしょうか。
WordPress 5.8では、ブロックエディタ周りの仕様がかなり変わりました。
そのため、WordPress 5.8に対応していないバージョンの親テーマでは、ブロックエディタ関連でいくつか不具合が発生します。
もしかすると、今回の事象もその可能性はあるかも知れません。
その他にも、プラグインのバージョンも、古いものがあるように思われます。
親テーマやプラグインのバージョンを最新版にしても解消しない場合は、再度ご連絡いただければと。
その際には、最新の環境情報のご提示をお願い致します。
わいひら reacted
トピックスターター 2021年11月6日 09:37
ｍｋ２ 様
早速のお返事ありがとうございます。
親テーマのバージョンと全てのプラグインを更新したのですが、まだ「ブロックは、ブロック自身の内部でレンダリングできません。」と表示されます。
なにか思いつく解決方法はありますでしょうか？
どうぞよろしくお願いいたします。
----------------------------------------------
サイト名：きりみの嫁入り
サイトURL： https://sakananokirimi.com
ホームURL： https://sakananokirimi.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/simple-pink/style.css
WordPressバージョン：5.8.1
PHPバージョン：7.4.12
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：en-US,en;q=0.9
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.7.1
カテゴリ数：39
タグ数：42
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.1
style.cssサイズ：1275バイト
functions.phpサイズ：168バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/uploads/2019/10/s256_f_object_82_0bg.png
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.2.1
All in One SEO 4.1.4.4
Auto Featured Image (Auto Post Thumbnail) 3.9.2
Contact Form 7 5.5.2
Download Manager 3.2.19
Easy Google Maps 1.11.0
Google Analytics Dashboard for WP (GADWP) 7.2.1
Google Tag Manager for Wordpress 1.13.1
Jetpack 10.3
No Self Pings 1.1.5
OnePress Image Elevator 2.6.2
PDF Embedder 4.6.4
Pixabay Images 3.4
Regenerate Thumbnails 3.1.5
Simple Map 4.9.0
Smash Balloon Instagram Feed 2.9.5
Table of Contents Plus 2106
TaxoPress 3.4.0
WP Multibyte Patch 2.9
----------------------------------------------
2021年11月8日 00:14
Kirimiさん
すみません、こちらの返信に気づいておりませんでした。
以下のトピックに返信させていただきました。
https://wp-cocoon.com/community/postid/57848/
結論を言えば、WordPressのUIが変わったということのようです。
わいひら reacted
2021年11月8日 01:03
すみません、こちらは別件ですね。
まだ確認していません。
とは言え、今日はもうこの時間ですので、明日以降・・・時間がある時にかくにんさせていただければと。
問題は、再現できるものか・・・。
過去のバージョンで、吹き出しの再利用ブロックを作成する必要があるのでしょうか。
プラグインの設定を変更してからの問題だとすると、どこを修正したのか教えていただくと、助かります。
参考までに、そのブロックのコード部分を添付していただくことは可能でしょうか。
（コードエディタで表示されるもの。）
わいひら reacted
トピックスターター 2021年11月9日 00:00
ｍｋ２ 様
ご返信ありがとうございます。
「Advanced Editor Tools」の上級者向け設定なんですが、元がどこにチェックが入っていたか記憶がないのですが、現在は添付画像のようになっています。
トピックスターター 2021年11月9日 00:01
ｍｋ２ 様
自己紹介の吹き出しはリストでみると表示されているのですが、本文にもプレビューで見ても表示されていません。
海外在住で投稿時間に時差があってすいません。
急いでいませんので、返信はお時間あるときで大丈夫です。
どうぞよろしくお願いいたします。
2021年11月9日 00:04
Kirimiさん
エディタのことは、管理者さんしか確認ができませんので、こちらの環境で再現できる情報が欲しいのです。
先にも書かせていただきましたが、コードエディタではどのようなコードなのでしょうか。
テキストで貼り付けていただきたいです。
参考までに、そのブロックのコード部分を添付していただくことは可能でしょうか。
（コードエディタで表示されるもの。）
このコードを、私の環境で試してみるしかないと思います。
正直、こういう事象は見たことがなく、今のところ私の環境で再現ができませんので、解決策も見いだせません。
わいひら reacted
2021年11月9日 00:45
Kirimiさん
ちなみに、「Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0」を無効化するとどうでしょうか。
このプラグインは、ブロックエディタと相性が悪いことがあったように思います。
（少し前のことなので、今は分かりませんけれど。）
そして、コードのご提示は、お願いしたいです。
わいひら reacted
2021年11月9日 01:11
Kirimiさん
ご提示いただいた「Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0」の設定も全量ではないようです。
関係あるかは分かりませんが、全量お願いします。
少し思いましたが…。
おそらく、手順としては…。
- クラシックエディタで吹き出しを作成。
- 1を「Advanced Editor Tools (previously TinyMCE Advanced)」独自のブロックに変換
- 2を再利用ブロックに登録
という流れのように見えます。
となると、プラグインも絡んでいそうには思います。
私のやってみた限りでは、同事象は再現できませんでしたが、上記2のところで、既に吹き出しの見た目がクラシックエディタの時とは、変わってしまいます。
素直に、ブロックエディタの吹き出しを、再利用ブロックにした方が良さそうな印象は持ちました。
わいひら reacted
2021年11月9日 01:33
Kirimiさん
コードエディタではどのようなコードなのでしょうか。
テキストで貼り付けていただきたいです。参考までに、そのブロックのコード部分を添付していただくことは可能でしょうか。
（コードエディタで表示されるもの。）
上記の部分は、「ブロックエディタ」のコードエディタ部分と、「再利用ブロックの管理」の部分のコード両方が必要な気がします。
既に手元にはスマホしかなく、「再利用ブロックの管理」で、コードが表示できるのかは確認していませんが。
（おそらくできるものと思います。）
わいひら reacted
トピックスターター 2021年11月10日 10:11
お返事ありがとうございます。
ちなみに、「Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0」を無効化するとどうでしょうか。
無効化をしてみたら、また添付画像のような違った注意が出てきました。
コードエディタではどのようなコードなのでしょうか。
テキストで貼り付けていただきたいです。
吹き出しを入れたときのコードエディタではこれだけです。
<!-- wp:block {"ref":3057} /-->
別件かもしれませんが、「カスタムHTML」でアフィリエイトのコードを埋め込んだときも表示されません。
コードエディタではこう表示されています。
<!-- wp:html -->
<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//ws-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=US&source=ss&ref=as_ss_li_til&ad_type=product_link&tracking_id=kiriminoyom05-20&language=en_US&marketplace=amazon®ion=US&placement=B07RJ26W1V&asins=B07RJ26W1V&linkId=962c603bfb67cf6046b66c93966b2b2e&show_border=true&link_opens_in_new_window=true"></iframe>
<!-- /wp:html -->
<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->
どうぞよろしくお願いいたします。
トピックスターター 2021年11月10日 12:02
別件かもしれませんが、「カスタムHTML」でアフィリエイトのコードを埋め込んだときも表示されません。
すいません、こちらは解決済みです。
2021年11月10日 12:43
Kirimiさん
スマホからですので、調べたりはしていません。
「ブロックエディタ」のコードエディタ部分と、「再利用ブロックの管理」の部分のコード両方が必要な気がします。
上記もお願いします。
3057のIDの再利用ブロックだと思います。
わいひら reacted
2021年11月10日 12:47
- クラシックエディタで吹き出しを作成。
- 1を「Advanced Editor Tools (previously TinyMCE Advanced)」独自のブロックに変換
- 2を再利用ブロックに登録
やはり、上記の手順の再利用ブロックなのではないでしょうか。
となると、プラグインが関係しているのかも知れません。
そして、以下もお願いします。
ご提示いただいた「Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0」の設定も全量ではないようです。
関係あるかは分かりませんが、全量お願いします。
わいひら reacted
トピックスターター 2021年11月11日 10:19
ｍｋ２ 様
お返事ありがとうございます。
「ブロックエディタ」のコードエディタ部分と、「再利用ブロックの管理」の部分のコード両方が必要な気がします。
吹き出しのブロックを張り付けた後にコードエディタのすべてをコピーして張り付けました。
他にやり方はありますでしょうか？
ご提示いただいた「Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0」の設定も全量ではないようです。
関係あるかは分かりませんが、全量お願いします。
すいません、全量とは何でしょうか？
ご教授お願い致します。
2021年11月11日 11:05
Kirimiさん
考えてみてください。
上記だけで、表示ができる訳がないのです。
再利用ブロック本体にも、コードがあるのです。
「再利用ブロックの管理」から、3057のIDの再利用ブロックを表示させて、そのコードエディタ部分のコードが欲しいということです。
既に手元にはスマホしかなく、「再利用ブロックの管理」で、コードが表示できるのかは確認していませんが。
（おそらくできるものと思います。）
以下のように書きましたが、伝わらなかったようです。
しばらくお待ちください、後程画像を添付します。
すいません、全量とは何でしょうか？
設定画面は1画面で収まらず、下へ続いています。
残りの設定の情報も欲しいという事です。
関係あるかは分かりませんが・・・。
再現できるように、Kirimiさんの環境と可能な限り同じにしたいと考えています。
（今のところ、何が条件か分からないですので。）
わいひら reacted
2021年11月11日 11:10
Kirimiさん
先に、「Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0」の設定から。
私の環境では、以下のような量があります。
それとも、Kirimiさんの環境では、画像添付していただいた場所で切れているのでしょうか。
だとしたら、プラグインが壊れている可能性がありますので、再インストールの必要性を感じます。
だとしたら、プラグインが壊れている可能性がありますので、再インストールの必要性を感じます。
わいひら reacted
2021年11月11日 11:21
Kirimiさんさん
再利用ブロックについてです。
私の環境のものですが、例えば以下のような再利用ブロックがあったとします。
そのブロックのコード部分は、以下のような感じです。
この情報だけで表示できるはずもなく、再利用ブロック本体のコードが登録されているからこそ、表示できる訳です。
その再利用ブロック本体を表示されるには、赤枠の「再利用ブロックを管理」を選択します。
すると、以下のような画面が表示されます。
すると、以下のような画面が表示されます。
私の環境では1つしかありませんが、複数あることも考えられます。
IDを確認して、該当のものを「編集」します。
これが再利用ブロック本体です。
このコードを表示させると。
これが、再利用ブロックのコードという訳です。
おそらくここが壊れているのか。
「Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0」固有のブロックでしょうから、何らかの不具合があるのか。
「Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0」固有のブロックでしょうから、何らかの不具合があるのか。
ここをCocoonの吹き出しブロックにして編集してしまえば、一律再利用ブロックが更新されますから、それで問題は解決するようにも思いますが・・・。
ただ、それだと何故「ブロックは、ブロック自身の内部でレンダリングできません。」となってしまうのかは、分からないままですけれど。
ここ数日、まったく話が進まないですので、そろそろ話を進めたいです。
（私の環境で再現するかは分かりませんが。）
（私の環境で再現するかは分かりませんが。）
わいひら reacted
2021年11月11日 11:36
https://wp-cocoon.com/community/postid/57918/
上記の返信（2021年11月11日 11:05）で、コードが消えてしまったようです。
消えてしまうようですので、途中にスペースを入れます。
< !-- wp:block {"ref":3057} /-- >
上記だけで表示ができる訳がないということです。
IDが3057の再利用ブロックのコードが欲しいということです。
言葉足らずだったようです。
すみません。
わいひら reacted
トピックスターター 2021年11月11日 23:38
ｍｋ２ 様
ご返信ありがとうございます。
これが再利用ブロック本体です。このコードを表示させると。
IDが3057でこれをやってみましたが、やはり同じコードが表示されます。
先に、「Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0」の設定から。
私の環境では、以下のような量があります。
同じような設定でこれ↑を再度やってみましたが、やはり表示されないのでこれをやってみようと思います。
ここをCocoonの吹き出しブロックにして編集してしまえば、一律再利用ブロックが更新されますから、それで問題は解決するようにも思いますが・・・。
ｍｋ２ 様が求めているものが理解できず、長いやり取りになってしまって申し訳ございません。
初心者でサイト作りに関して全く知識がなくご迷惑をおかけしました。
↑これをやってダメなら吹き出しはCOCOON既存のものを使おうと思います。
この度はご協力いただきまして、ありがとうございました。
返信不要です。
2021年11月12日 00:28
不明点は多いですが・・・。
IDが3057でこれをやってみましたが、やはり同じコードが表示されます。
とのことですので、やってみると再現しました。
上の画像は、2つの「再利用ブロック」が並んでいる状態です。
下の「再利用ブロック」が、今回の事象かと思います。
下の「再利用ブロック」が、今回の事象かと思います。
下の「再利用ブロック」のIDは「673」です。
「再利用ブロックを管理」を開きます。
そして、ID「673」の「再利用ブロック」の中身を、同じようにします。
この状態では、既に再利用ブロックの時点で、レンダリングができません。
これは、投稿ページで「ID『673』の再利用ブロックを見よ」と指定している状態です。
そして、ID「673」の再利用ブロックを参照すると、更に「ID『673』の再利用ブロックを見よ」と指定しています。
そして、ID「673」の再利用ブロックを参照すると、更に「ID『673』の再利用ブロックを見よ」と指定しています。
それが、ずーっと続くという事だと思います。
そのためレンダリングできないと言われるということだと思います。
そのためレンダリングできないと言われるということだと思います。
もう少し言えば？、無限に同じIDの再利用ブロックを参照し続けるという状態だと思います。
無限ループと言っても良いかも知れません。
無限ループと言っても良いかも知れません。
どういう操作をなさったかは分かりませんが・・・。
再利用ブロックを壊した状態だと思います。
（中身には実態がなく、「自分自身を参照せよ」という再利用ブロックになっている。）
（中身には実態がなく、「自分自身を参照せよ」という再利用ブロックになっている。）
本当にこういう状態であれば・・・ですが。
わいひら reacted
トピックスターター 2021年11月19日 10:38
ｍｋ２ 様
返信ありがとうございます。
長い間気付かず申し訳ございません。
ご教授いただいた通りもう一度吹き出しを作り直して、それをブロックにして、再利用ブロックに保存しました。
いまのところ問題なく使えています。
https://sakananokirimi.com/greencard-study1
お手数をおかけして申し訳ございませんでした。
もう少しブログのこと勉強するようにします。
ありがとうございました。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。