Cocoonフォーラム

こういうことでしょうか？ 形としては、 メディアアップロードのコンポーネントに画像付きボタンコンポーネントを入れる人物の選択が行われた場合にはアイコン画像をセット（人物の選択一覧に新規作成用のデフォルト項目も追加⇒デフォルトアイコン画像を含めた値）画像をクリックするとメディアライブラリが開く…と...

既に公開している投稿に新たな更新内容を加えても、更新する前にプレビュー画面を表示させると更新内容が反映されない（更新内容を加える前の投稿が表示されてしまう）ということでしょうか？ おそらく、以下のような不具合かと思われます。

現状の仕様だと、拡張スタイル（Cocoon Blocks）部分をスタイル設計ごと見直し、Gutenbergに合わせてブロックとスタイルをセットで作成した方がシンプルかつ長期運用に適した形にできるので、自身で対応することにします。 独自ブロックを該当のスタイルごとCocoon本体から切り離してテーマへ...

カラムブロックについては私の場合は2→3カラムや3→2カラムがよくあり、現状AMPの利用予定はないので、使い勝手が良さそうな公式カラムのスタイルを修正して対応しようと思います。 その他のブロックについて、私の中では同様の形式で頻繁に使用している、 見出しボックスタブ見出しボックスラベルボックスと 白...

不具合と言うほどではなく、横に並ぶカラムごとの上辺は揃えた方がよいのでは？ということで上記の提案しました。（全ブロックパターンを確認したわけではないので、この書き方では他の問題が出るかもしれませんが…） フロントエンドは詳しくないので適切なスタイル設計については分かりませんが、私がCocoonを導入...

.column-wrap>div>*:first-child {margin-top: 0;}のように修正するのであれば、 .article .column-wrap h1, .article .column-wrap h2, .article .column-wrap h3, .art...

何度もすみません。3カラムのレスポンシブ対応が適切ではないようです。 @media screen and (max-width: 599px)div.column-wrap .column-left, div.column-wrap .column-right {width: 100%;paddin...

具体的にどのようなCTAを設置したいのかは分かりませんが、リンクボタンのみであれば、CTAボックスを使用せずにテキストでボタンを設置するのは？

すみませんが、一点だけ提案したい点がありました。 旧エディタではpタグが主でしたが、Gutenbergでは段落ブロック以外で用いられることはほとんどありません。 なので、 .column-wrap>div p {margin-top: 0;}となっているところを .column-wrap>...

2カラムと3カラムはこのままブロックを分ける形になりますか？ については、アップデート時にひとつのカラムブロックとしてまとめられる可能性も考えられたので、確認を取ってから自身の本番環境でも使用していこうと思っての質問だったのですが、"意味"となるとそう考えた過程についても説明しておいた方がよいと思い...

わいひら様、ありがとうございます。軽く触ってみましたが、今のところ問題はなさそうです。 2カラムと3カラムはこのままブロックを分ける形になりますか？

わいひら様、まずはドロップダウンボタン化の迅速な対応感謝します。 ブロックエディターツールボタンのドロップダウン化について …「公式のもの」でいいのかな… とのことだったので、私の方では公式カラムブロックにスタイルを当てはめるのみでの対応しか今のところ行っていないのですが、もし別途でCocoon...

（仮）でCocoonの元からあるデザインをもとに公式ブロックのデザインを整えてみましたが、少なくともカラムブロックの他に、 画像ブロック（上下のmargin）引用ブロックテーブルブロック（レスポンシブ対応）は追記がありましたので、一応書き残しておきます。 見出しブロック段落ブロックリストブロック...

.wp-block-columnsの flex-wrap: nowrap;が782px未満で外れてしまっているので、 @media (min-width: 600px) { .wp-block-columns { flex-wrap: nowrap; }}となるよう修正するのがよいのかなと思いまし...

分かりました。 よろしくお願いします。

細かく見ていなくて、既にCocoonのカラムレイアウトのデザインを公式カラムブロックにも当てはめていると思い込み、Cocoon側のものだと勘違いしておりました。申し訳ありません。 どうやらWordPress側での問題のようですね。 テスト用のURLですが、とりあえず段落と画像を並べています。

わいひら様、どうやらドキュメントの方は少し古いみたいで、現在controlsには以下のオブジェクトが格納できるようです。 { icon: string, title: string, subscript: string, onClick: Function, isActive: boole...

DropdownMenuのcontrolsにはisActiveというオブジェクトが用意されていないようです。 Gutenbergのテーブルブロックでは、isDisabledでテーブルセルが選択されているかどうかを取得しています。

「Add RichText Toolbar Button」については、わいひら様がおっしゃるように にてツールバー用のJS（add-richtext-toolbar-button-gutenberg.min.js）が読み込まれているので、ツールバーの動作についてはそちらを読むのがよいかと。 Gut...

エディタのツールバーについて、基本は既存コンポーネント群→追加コンポーネント群→最後尾にフォーマットボタン用コンポーネント群と表示されるみたいです。 Gutenbergの仕様に則ってカスタマイズするのであれば、フォーマットボタンの自由度は高くなく、用意されている様々なコンポーネントを活用するには新た...

朝一に動作確認のみを大雑把に行ってみて、とりあえず書き込んだだけなので、少ない情報ですみませんが、また何か分かったことがあれば追記させていただきます。

わいひら様、お忙しい中ありがとうございます。 私もJSXは初心者なのですが、 を参考に、Create Guten Block Toolkitを用いて試してみたところ、ドロップダウンは表示されました。 わいひら様は にあるようなコードで試したとのことですが、「ひとまずドロップダウンを表示...

わいひら様、返信ありがとうございます。 まずドロップダウン化の方ですが、示していただいている『DropdownMenu』を公式でも利用しているようで、サンプルコードと比較した感じだと、 このあたりが参考になるのではないかと思いました。 同様に公式カラムブロックのコードは以下で、 プラグイ...

わいひら様、ただいま修正が確認できました。迅速な対応ありがとうございます。

かうたっく様、返信ありがとうございます。 私はまだCocoon × Gutenbergを使用し始めたばかり（React未経験）なので誤りがあるかもしれませんが、Cocoonのコードを軽く確認してみた範囲で報告について補足します。 ご紹介いただいたトピックにある通り、ブロック毎で構築されるHTMLに設...