ボーダー設定

WordPressは、theme.jsonのsettings.borderプロパティを介して設定できる4つのボーダー設定をサポートしています。それぞれは特定のボーダー機能を有効または無効にすることができ、ブール値（trueまたはfalse）を受け入れます：

  • color: ボーダーカラーのピッカーを有効/無効にします。
  • radius: ボーダー半径のコントロールを有効/無効にします。
  • style: ボーダースタイルのセレクターを有効/無効にします（ユーザーはsolid、dashed、またはdottedのオプションを選択できます）。
  • width: ボーダー幅の入力を有効/無効にします。

デフォルトでは、すべてのボーダープロパティはfalseに設定されており、この例theme.jsonコードに示されています： 

  1. {
  2.     "version": 2,
  3.     "settings": {
  4.         "border": {
  5.             "color": false,
  6.             "radius": false,
  7.             "style": false,
  8.             "width": false
  9.         }
  10.     }
  11. }

WordPress 6.3以降、color、style、およびwidthは相互に関連しています。それらのいずれかがtrueに設定されている場合、他のものはユーザーインターフェース内でオプションとして利用可能になります。

また、radiusオプションをfalseに設定しても、ボタンブロックには機能しません。エディター内のボーダー半径のコントロールは常に表示されます。