• 解決済 ryic794

    (@ryic794)


    お世話になっております。

    例えば「見出し」ブロックはデフォルトで枠線がないため、theme.jsonに下記の記述をしたらデフォルトで枠線を表示することはできました。

    {
    "settings": {
    "border": {
    "color": true,
    "radius": true,
    "style": true,
    "width": true
    }
    },
    "styles": {
    "blocks": {
    "core/heading": {
    "border": {
    "color": "#000000",
    "style": "solid",
    "width": "2px"
    }
    }
    }
    }
    }

    しかし、ブロックエディタのUIで、ノーコードで任意の枠線を設定することができません。

    コアブロックで有効化されてないスタイルプロパティは、theme.jsonやCSSファイルでハードコーディング/直書きするしかないのでしょうか?

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • @ryic794 さん、こんにちは。

    【1】見出し・段落をグループ化

     

    【2】グループに枠線を設定

     

    【3】グループ内の「段落」ブロックを削除

     

    【4】完成形

     

    という方法ではいかがでしょうか。

    トピック投稿者 ryic794

    (@ryic794)

    ご返信ありがとうございます。

    グループで装飾するしか今は解決策がないのかもしれませんね。
    この方法で対処してみます!

    スクリーンショットがとても分かりやすかったです。
    ありがとうございました。

    微力を添えられたようでよかったです^^

    フックを使って任意のコアブロックにスタイルUI(=ブロックサポート)を追加する方法はありますが、エディターの開発プロジェクト(Gutenberg)では、多くのブロックにブロックサポートがどんどん追加されて行っています。

    例えば見出しブロックでは、枠線サポートは既に追加されています。
    https://github.com/WordPress/gutenberg/pull/63539

    そのため、今年11月にリリース予定のWordPress6.7では、6.6と比べて多くのスタイルUIが利用できるようになると思います。

    トピック投稿者 ryic794

    (@ryic794)

    フックでも対応する方法があるのですね。

    すこし調べましたが若干複雑な対応になってしまいそうなので、今回はグループを使った装飾を考えたいと思っています。

    フックでの対応も選択肢として持っておくようにいたします。
    ご回答ありがとうございました!

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。