DigiPress

Highly Flexible WordPress Theme

[共通オプション] 枠線/角丸

エディター機能
[共通オプション] 枠線/角丸

ここで紹介する機能を利用するには、DigiPress 専用プラグイン「DigiPress Ex – Blocks」が必要です。

DigiPress Ex – Blocks」プラグインを利用することで、WordPress のブロックエディターの対象となるコアブロックおよびカスタムブロックの共通オプションとして「枠線/角丸」機能が追加されます。

この機能では、対象となるブロックのラッパー要素に対してボーダー(border)と角丸(border-radius)のスタイルを施します。

その他のエディター機能については以下をご覧ください。


機能の概要

動画準備中


オプションの詳細

このブロック共通オプションにアクセスするには、対象ブロックが選択された状態でサイドバーの「枠線/角丸」パネルを開きます。

一括指定の場合
個別指定の場合

表示サンプル

以下はメディアブロックに施した「枠線/角丸」オプションによるのスタイルのサンプルを確認できます。

枠線/角丸なし(標準状態)
枠線と角丸を一括指定
枠線のスタイルを個別に指定
枠線、角丸を個別に指定

枠線のスタイル変更

右端のリンクアイコンの切り替えボタンにより、ボーダーの一括指定モードと個別指定モードを切り替えることができます。
ボーダーの個別指定モードでは、四辺 (上、下、左、右) それぞれについてボーダーの色、太さ、スタイルを設定します。

一括指定と個別指定の切り替え

角丸のスタイル変更

右端のリンクアイコンの切り替えボタンにより、角丸の一括指定モードと個別指定モードを切り替えることができます。
角丸の個別指定モードでは、四角 (左上、右上、右下、左下) それぞれについての角丸サイズを設定します。

一括指定の個別指定の切り替え

仕様・制限事項

  • デフォルトは一括指定モードとして表示されます。
  • ボーダーの太さの単位は “px”、”%”、”em”、”rem”、”vw”、”vh” から選べます。デフォルトは “px” (ピクセル) です。
  • 角丸のサイズの単位は “px”、”em”、”rem” から選べます。デフォルトは “px” (ピクセル) です。

対象ブロック

このブロック共通オプションは以下のブロックにて利用可能です。

WordPress標準ブロック
  • カラム (core/column, core/columns)
  • カバー (core/cover)
  • 詳細 (core/details)
  • 埋め込み (core/embed)
  • ファイル (core/file)
  • ギャラリー (core/gallery)
  • 見出し (core/heading)
  • リスト (core/list)
  • メディアとテキスト (core/media-text)
  • 段落 (core/paragraph)
  • ソーシャルリンク (core/social-links)
  • テーブル (core/table)
  • 動画 (core/video)
カスタムブロック
  • 高度な見出し
  • ボタン
  • チャート
  • カラーボックス
  • カラム
  • コンテンツカード
  • カウントダウン
  • データテーブル
  • アイコン
  • ロゴスライダー
  • 画像比較
  • マップ
  • メディア
  • メディアボックス
  • チームメンバー
  • カウントアップ
  • オーバーラップ画像
  • 円グラフ
  • 投稿
  • プロセスステップ
  • プログレスバー
  • 円形プログレスバー
  • セクションヘッダー
  • サービスリスト
  • シェイプセパレータ
  • ショーケース
  • スライダー
  • 吹き出し
  • タブ
  • お客様の声
  • テキスト
  • フェードインテキスト
  • 縁取りテキスト
  • テキストアニメーション
  • スリットインテキスト
  • タイピングアニメーション
  • タイムライン

今後追加される新規ブロックについても随時対象となります。

無料版での制限

無料版では、コアブロックでは「段落」ブロックのみで有効です。
カスタムブロックでは、「カラム」、「アイコン」、「メディア」、「テキスト」ブロックにて有効です。