サイト内検索
ボタンブロックの不具合 | Cocoon Blocksに関する質問・不具合報告・要望 | Cocoon フォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。
また、有用な返信があった場合は「いいね！」リンクもご活用ください。返信者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。
2020年12月13日 22:11
コンソールを確認してみたところ、何故かContent retrieved from post bodyだけrel="noopener"が入ってしまうのが原因っぽいです。
以下のようにsaveにrel="noopener"を付加すれば、エラーは出なくなるのですが、対症療法であり根本的解決にはなってないです。
https://github.com/yhira/cocoon/commit/848eb2cfbcbd393543d2582f398755c9a2f4156b#diff-a0c43bec800863b279dc75a77652b09a43678c7df1e726e30c0ecb6282ced78aR318
https://github.com/yhira/cocoon/blob/ed396e648a5411120d629b4c9e4fe71d33c6b1dc/blocks/src/block/button/block.js#L318
問題は、何故rel="noopener"属性が付くのと付かないのになるのかなんですが、これがまだ原因がちょっとよくまだわかっていません。
/blocks/src/block/button/block.js 内にも特にrel="noopener"に関する記述もないので、テーマ側PHPでnoopenerに関するコードをコメントアウトして、試してみたのですが改善しませんでした。
途中報告で申し訳ないです。
もう少し調べてみます。
ichigo 件のいいね！
Topic starter2020年12月13日 22:54
問題は、何故rel="noopener"属性が付くのと付かないのになるのか
WordPressではGutenberg以前から、リンクにtarget属性がある場合にrel属性を自動で付与する機能があるためです。
Cocoonでもrelを指定する機能があるのでWordPressの方をオフにすることもできますが、他テーマに変えるときなどを考えると、セキュリティ上できれば付与しておきたいところではあります。
一応、コアボタンブロックではrel属性のattributesを用意し、target属性の設定と連動させつつブロック側で個別に指定できるようにしています。
2020年12月19日 17:43
今回のエラー「ブロックのリカバリを試行」が出るようになったのと同時期にプレビューでボタンの表示が変わりました。
ボタンを縦に二つ並べているのですが、マージンがなくなりボタン同士がくっついてしまいました。
CSSを扱った方が良いのかと思いましたが、しばらくすればテーマ側で修正されるでしょうか？
Topic starter2020年12月19日 20:50
ボタンを縦に二つ並べているのですが、マージンがなくなりボタン同士がくっついてしまいました。
余白設定に修正が入ったので、Cocoon設定で保存を実行し、CSSの再生成ができていないからではないでしょうか。
WordPress 5.6アップデートに伴うエディター画面の不具合
の後半あたりに書いている不具合と同じだと思います。
WordPressではGutenberg以前から、リンクにtarget属性がある場合にrel属性を自動で付与する機能があるためです。
について少し訂正で、WordPress4.7-4.8あたりからの機能だと思っていたのですが、意外と5.1からの機能でした。
セキュリティ上の対策で導入された当機能ですが、今までGutenbergではきちんと動作していなかったようで、まず手始めに5.6時点ではバリデーションエラーにて厳格に定義された感じだったと思います。
Cocoonのテーマ側ではこの機能はオフにされているものの、例えばユーザー側でさらにオンにするカスタマイズを加えたとき、ブロックにtarget属性に対するrel属性の処理がないと結果的に不具合が生じます。
今のところ、Gutenbergのこの機能は関数wp_targeted_link_relの機能とは独立した形で作られており、最終的に統合されるのかどうかまでは分かりませんが、どちらにしろブロックでrel属性を定義する必要があります。
2020年12月19日 22:13
ろこさん、ありがとうございます。
余白設定に修正が入ったので、Cocoon設定で保存を実行し、CSSの再生成ができていないからではないでしょうか。
Cocoon設定で何を保存して実行するのでしょうか？
それをすると直るという認識でよろしいですか？
WEBに詳しくないのですみません。
2020年12月19日 23:34
2020年12月15日 03:46に書かれている
わいひら様の言っているとおり、一度コクーン設定を保存すると直ると思います。
私も同じ現象でしたが、すぐに治りました。
Cocoon設定＞変更をまとめて保存
ということでしょうか？
試してみましたが変化なしです。
コメント数が多いので、「後半の」が何を差しているのか分かりません。
多くは「変更をまとめで保存」を試してくださいという話のような気はしましたが。
2020年12月19日 23:39
追伸です。
Cocoon設定＞変更をまとめて保存
をしたら、記事作成画面で縦並びのボタンとボタンがくっつきました。
これまではサイト表示でボタン同士がくっつき、記事作成画面（プレビュー）では以前通りマージンが設定された表示でしたが。
Topic starter2020年12月19日 23:48
不具合内容が本トピックとは異なるので、
WordPress 5.6アップデートに伴うエディター画面の不具合
に書かれてある内容を全て試してみて、改善が見られないようなら新たにトピックを立ててください。
WordPressやCocoonのバージョン、不具合状況を見ないことには具体的にどのような不具合なのか分からないので、環境情報と不具合が分かるURL、スクショなども添えて投稿してください。
わいひら 件のいいね！
2020年12月20日 00:29
最初からそう言ってください
2020年12月20日 00:50
最初から別のトピックだって言われてんじゃん。
フォーラムの一番上に書いてあることくらいちゃんと読めよ。
フォーラムの統計
14フォーラム
7,934トピック
61.8 K投稿
24オンライン
13 K会員
最新の投稿: サーチコンソールのインデックスカバレッジのエラーについて 最新のメンバー: edwforrest0721 最近の投稿 未読の投稿
