ウィジェットの画面が表示されない。 - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/ Cocoon ディスカッション掲示板 ja Sun, 08 Mar 2026 18:19:57 +0000 wpForo 60 RE: ウィジェットの画面が表示されない。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45508 Tue, 16 Feb 2021 17:02:23 +0000 カスタマイザーみたいにプレビュー画面上で編集するイメージって理解しました！

今までの設定がウィジェット内からサイドバーに移るなら、プレビュー編集と設定が両立しますね。

この設定場所の移動は慣れって感じがしますけど、毎回サイトをリロードして確認しなくていいのは魅力的ですね。

]]> Cocoonテーマに関する質問 hajime https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45508 RE: ウィジェットの画面が表示されない。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45497 Tue, 16 Feb 2021 14:51:02 +0000 一通り回答しておきます。

”ウィジェット”で書きますが、実際にはブロックで作り直したと考えた方が分かりやすいかもしれません。

 

いままでのように、ウィジェットの構成全体が見渡せないので、ウィジェット全体の構成もわかりづらい・・

エディターのヘッダーにあるアウトラインから、全てのウィジェット内にあるウィジェットをリストで確認することができます。

ウィジェットエリアを親ブロックと考え、以下ウィジェット、子ウィジェット…となります。

ウィジェットによってはコアとなる実装部分を子ウィジェットとして切り離し、より汎用的なウィジェットとして使い回すこともできたりします。

 

Gutenberg の ＋ボタンからツールを呼び出す手法は、ウェブアクセシビリティ的に叶った方法なのか、疑問に思っています。

アクセシビリティはG2コンポーネントプロジェクトによって、今後改善されていく予定です。

https://g2-components.com/

ただし、デフォルトはGUIをなるべく前面に出さない現在のような方向のままで行くと考えています。

理由はWeb制作の過程でコーディング部分を可能な限り置き換えることを目指したのがGutenbergであり、キーバインドでの操作に不必要な要素は視界の邪魔になるからです。

需要があるなら、ボタン操作を主体にできるようなプラグインなどが出ると思います。

 

縦に長くなるのは収まりが悪い気もしますけど、このあたりはウィジェットをブロックにしたりしていい感じに使えるんでしょうか？

ウィジェット編集画面を大雑把にパーツで切り分けると添付画像のようになり、

  1. 編集要素の管理
  2. ウィジェットの管理
  3. ウィジェットエリアの編集・プレビュー表示
  4. ウィジェットの設定

が一般的な形です。

縦長のエディター部分は、各ウィジェットエリアのプレビュー画面上でウィジェットを移動・追加・削除等していく感じになります。

今までやっていたような個々のウィジェットの設定は、基本的に右側のサイドバー内で行います。

 

皆さんはどのようなUIがいいとお考えですか？

今の所のメリットやデメリットは何ですか？

開発者視点からだと、個人的にはウィジェット編集画面のUIはあまり重視しておらず、ウィジェットのブロック化の方が重要という意見です。

ユーザー視点からだと、FSEまでの期間を考えると旧ウィジェット編集画面のままで使い続けてもいいかもしれませんが、FSEに対応するときは大変だと思います。

]]> Cocoonテーマに関する質問 ろこ https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45497 RE: ウィジェットの画面が表示されない。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45474 Tue, 16 Feb 2021 10:26:44 +0000 メリットは、ろこさんが書いたことかと思います。
デメリットは、これまで慣れ親しんだUIが変わってしまうので一時的に使いづらいことかと思います。
ただこの流れは、変わることはないと思うので、今のうち使って慣れておくのが良いのかもしれません。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45474 RE: ウィジェットの画面が表示されない。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45448 Tue, 16 Feb 2021 02:57:05 +0000 ブロックウィジェットには以前から興味を持ってました。

皆さんはどのようなUIがいいとお考えですか？

今の所のメリットやデメリットは何ですか？

]]> Cocoonテーマに関する質問 さいはて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45448 RE: ウィジェットの画面が表示されない。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45434 Mon, 15 Feb 2021 16:52:19 +0000 僕もGutenbergプラグインを入れて、ウィジェットを試してみました。

なるほどー、たしかにろこさんの説明がしっくりきます！

いろんなブロックも使えて、ショートカットもできて、記事を書く感覚でできちゃいます。

縦に長くなるのは収まりが悪い気もしますけど、このあたりはウィジェットをブロックにしたりしていい感じに使えるんでしょうか？

]]> Cocoonテーマに関する質問 hajime https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45434 RE: ウィジェットの画面が表示されない。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45425 Mon, 15 Feb 2021 13:52:32 +0000 ウィジェットのブロックエディター化はFSEに段階的に移行する過程と考えていて、主にテーマ・プラグイン開発者がウィジェットをブロックに作り変えるための期間だと捉えています。

ウィジェットがすべてブロックになったと考えれば、できることや編集体験は投稿・固定ページの編集画面と各ウィジェットエリアとで変わらなくなるわけで、その先に5.8あたりでコアへの実装が予定されているFSEのサイトエディターがあります。

 

新しいウィジェットが使いづらいと感じるのは、各々のウィジェット自体は古い仕様のままで、ブロックエディターのUIに最適化（＝ブロック化）していないのが大きいと思います。

]]> Cocoonテーマに関する質問 ろこ https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45425 RE: ウィジェットの画面が表示されない。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45421 Mon, 15 Feb 2021 13:20:29 +0000 @yhira さん

Gutenberg の ＋ボタンからツールを呼び出す手法は、ウェブアクセシビリティ的に叶った方法なのか、疑問に思っています。

 

＋ボタンも、何もないところから現れる場合があるので とてもわかりづらいです。

 

私は障害者ではありませんが、そのような方々にも使い易いエディターであって欲しいと願います。

]]> Cocoonテーマに関する質問 リフィトリー https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45421 RE: ウィジェットの画面が表示されない。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45419 Mon, 15 Feb 2021 13:10:32 +0000 僕も今のところは使いづらいです。。
ただ今後、UIもより使いやすく改良されるかもしれませんし、慣れてしまえば使いやすくなるんですかね。
Gutenbergの仕様変更速度は、これまでと比較して怒濤といった感じです…。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45419 RE: ウィジェットの画面が表示されない。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45415 Mon, 15 Feb 2021 12:23:21 +0000 @yhira さん

せっかく修正いただいたので、試しに、プラグインの「Gutenberg バージョン9.9.2」とともにローカルのテストサイトにインストールしてみました。

 

ウィジェットの表示がどのようになるのか・・

 

うーむ・・

 

慣れないためか、無茶苦茶使いづらい・・・

 

いままでのように、ウィジェットの構成全体が見渡せないので、ウィジェット全体の構成もわかりづらい・・

 

近い将来、こうなるのかと思うとなんだか残念なような・・

 

 


追記：もともとGutenberg は好きではないので、そのように感じるのかもしれませんが・・
]]> Cocoonテーマに関する質問 リフィトリー https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45415 RE: ウィジェットの画面が表示されない。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45410 Mon, 15 Feb 2021 10:33:49 +0000 ご連絡ありがとうございます。
最新版では、ウィジェット画面もそんな感じになるんですね。
ウィジェット画面はチェックしてませんでした。
修正版をアップしておきました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
https://wp-cocoon.com/wp-content/uploads/2020/07/github-dl.png
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e7%94%bb%e9%9d%a2%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%80%82/#post-45410