比較表のブロックを追加しました!
カスタマイズ

ボタンデザインの設定|仕様とポイント

ひつじ

ボタンデザインは「塗りつぶし」「アウトライン」「アロー」の3択から選ぶことができます。

ボタンは6つまで登録できるようになっています。

基本的には使いやすいボタンを初期値として入れていますので、そのままお使いいただいても大丈夫。

その上で、オリジナルにカスタマイズしたい場合は、以下の説明を見ながら進めてもらえるといいでしょう。

ひつじくん
ひつじくん

色の設定

では、ボタンカスタマイズの続きを見ていきます。

〜 設定の続き 〜

ボタンの色は「単色」「グラデーション」の2択から選べます。

単色のポイント:
ボタンの色は「テーマカラー」に合わせるか、テーマ色を引き立てる対比色(アクセントカラー)に設定するのをおすすめします。

ボタンは目立つほど目を引けて有利なので、テーマカラーに埋もれて地味になっていないか?には注意したいですね。

グラデのポイント:
グラデーションは、あらかじめグラデーション登録をしているカラーを選ぶことができるようになっています。

グラデーションは露骨にしすぎると芋臭さが出てしまうので、さりげない変化(例えば「青→濃い青緑」のように類似色でまとめるなど)にとどめるのがおすすめです。

うっすらとグラデをかけておいた方が「今風の見栄えのいいボタン」には仕上げやすいと感じます。

形の設定

では、設定の続きを見ていきましょう。

〜 設定の続き 〜

サイズ調整であらゆるデザインを作ることができます。

丸みを大きくしてあげると、丸々としたボタンになります。

フォントサイズを下げて横幅を小さくすると、ミニボタンを作れます。

横幅を長くして高さを低くするとインフォメーションっぽいボタンを作ることも可能です。

ボタンの名前

最後に、ボタンの登録名を自分のわかりやすいものに決めておくことをおすすめします。

〜 設定の続き 〜

ここで設定した「登録名」は、ボタンブロックを呼び出す時の名称と連動します。呼び出す時の目印になるので、自分がわかる名前を登録しておきましょう。

他の記事も読んでみましょう
ABOUT ME
ひつじ
ひつじ
ブロガー / デザイナー
WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

会社員として働くのが嫌すぎて、2016年に収入0円でブログ起業。SEOとアフィリエイトを組み合わせて開始1年で月100万円超の利益を達成する。

しかしその反動でアフィリエイトには飽きてしまい、もともと好きだったデザインを武器に、チームでWordPressの開発をおこなっている。
BLOGCAMP

限定コミュニティへのご案内

  • 参加費は永年無料
  • ブログ仲間が作れる
  • 困ったら相談OK
  • ブログ診断のイベントあり
参加者は3,000人超え!

すでに参加してくれている方は、「BlogCamp wiki」でブログ診断(アーカイブ)の限定動画を閲覧可能です。

wiki内にブログ勉強用の動画がたくさんあります!ぜひ役立ててくださいね。

ひつじくん
ひつじくん
記事URLをコピーしました