WordPress｜ボタンブロックで作れるボタン

WordPressの投稿・固定ページでは、「ボタン」ブロックを使って簡単に下のようなボタンを挿入できます。

ボタンのサンプル：

ボタンの形はこの１種類だけですが、色やフォントサイズなどは自由に変更できます。

もちろんリンクも簡単に貼り付けることができます。

ボタンブロックを開く

投稿・固定ページで ブロックを追加 をクリックします。

よく使うメニューが表示されます。

ボタンを作成する

下の要領でボタンを作成します。

テキストを入力

ブロック設定でカスタマイズ

サイドバーの「ブロック」タブを開きます。

ボタンをカスタマイズします。

スタイル

塗りつぶしと輪郭の2種類から選びます。

フォントサイズ

タイポグラフィという項目でフォントサイズを選べます。

サンプル：

カスタムで数値を設定することができます。

色

色の項目で設定します。

グラデーションのカスタマイズ方法：

❶❷の2色を選んでカスタマイズします。

幅の設定

25%・50%・75%・100%から選べます。

サンプル：

横並びボタンの揃え位置

ボタン追加で作成したボタンは横並びになります。

これを左右・中央揃えや等間隔にするには、ブロック自体の設定をします。

ブロック全体をクリック（選択）すると、下のようにボタンの揃え位置を変更できます。

リンクを貼る

リンクのアイコンをクリックします。

ボタンを縦並び・横並びにする

下のように設定します。