WordPressテーマの「ボタン」カスタムブロックで、クリックをデザインする

Webサイト制作所のWordPressテーマに搭載された「ボタン」カスタムブロックは、リンク先やデザイン、カラー、サイズまで自在に調整可能。ブロックエディターで直感的に操作できる、魅せるボタンデザインをご紹介します。

Webサイト制作所のWordPressテーマには、クリックデザインを自由に操る「ボタン」カスタムブロックが標準搭載。リンクボタンの色・形・アニメーションなどをブロックエディター上で簡単に設定でき、デザイン性と操作性を両立したサイトづくりを実現します。

shareお願いします!

カスタムブロックで作成できるボタンサンプル

光るボタン(1)

文字色カラーピッカーでカスタム可能
背景色カラーピッカーでカスタム可能
角丸変更可能
横幅変更可能
エフェクト変更不可
カスタム条件

光るボタン(1)

文字色カラーピッカーでカスタム可能
背景色カラーピッカーでカスタム可能
角丸変更可能
横幅変更可能
エフェクト変更不可
カスタム条件

影(1)

文字色カラーピッカーでカスタム可能
背景色カラーピッカーでカスタム可能
角丸変更するとスタイルがくずれます
横幅変更可能
変更不可
カスタム条件

影(2)

文字色カラーピッカーでカスタム可能
背景色カラーピッカーでカスタム可能
角丸変更するとスタイルがくずれます
横幅変更可能
変更不可
カスタム条件

影(3)

文字色カラーピッカーでカスタム可能
背景色カラーピッカーでカスタム可能
角丸変更するとスタイルがくずれます
横幅変更可能
変更不可
カスタム条件

ボタンの作成方法

STEP 1 ボタンブロックを呼び出す ブロックエディターの挿入したいところに「ボタン」ブロックを呼び出します

  • 「ブロックを追加」を選択
  • 「ボタン」ブロックを選択

STEP 2 ボタンを作成 テキストを入力し横幅や位置を設定

  • ボタンのテキストを入力
  • ボタンの横幅を設定
  • ボタンの位置を設定

STEP 3 カスタム・リンク設定 ボタンをカスタムしてリンクを設定

  • ボタンを自由にカスタム
  • ボタンにリンクを設定
  • ボタンが完成

WordPressテーマのカスタムブロック

shareお願いします!