生きやすい人を増やすための働き方のブログ

【JIN】ボタンデザイン設定方法!色、丸み、幅、高さを変更したりする方法

  • 2021年2月5日
  • JIN
JIN 【JIN】ボタンデザイン設定方法!色、丸み、幅、高さを変更したりする方法

こんにちは、ミスターパインです。

マウスをダブルクリックする音が好きです。

この記事では

  • WordPressテーマ「JIN」の
  • ボタンの色を変更する方法

について解説します

[chat face=”mr-pine-maru.png” name=”ミスターパイン” align=”left” border=”yellow” bg=”yellow”]ボタンの色を変更してクリック率を上げていきましょう[/chat]

JINのボタンデザインの変更方法

ボタンデザインの変更方法

「ダッシュボード」→「外観」→「カスタマイズ」と進んだら「ボックスデザイン設定」をクリックします。

ボタンの色を変更する

すると

  1. 色ボタン1
  2. 色ボタン2
  3. カスタムボタン1
  4. カスタムボタン2

と4つのボタンのデザインと色を変更することができます。

さらにカスタムボタンは丸み、横幅、高さも変更が可能ですので好みに合わせて調整してみてください。

変更が完了したら画面左上の「公開」を押し忘れなく。

クリックされやすい色のボタンを選ぼう

ボタンの色味はサイト全体の色とのバランスを考えたり、ボタンをクリックした先のサイトのイメージに合わせて設置するのが基本です。

  • YouTube:赤
  • Amazon:黄
  • Twitter:水色

また、色には意味が込められており、ブログ運営においては読者に行動してほしい内容に合わせて色を決めるのも一つの手法です。

以下の書籍はデザイナーやアーティスト以外にも、ブログ運営をする人も読んでおいて損はない本です。

created by Rinker
¥990 (2021/07/26 08:29:39時点 Amazon調べ-詳細)
[chat face=”mr-pine-maru.png” name=”ミスターパイン” align=”left” border=”yellow” bg=”yellow”]好きな色を使えば良いってわけではないですね[/chat]

まとめ

ということで今回の作業は以上です。

目的やサイトに合わせた好みの色に変更してみてください。

[chat face=”mr-pine-maru.png” name=”ミスターパイン” align=”left” border=”yellow” bg=”yellow”]ボタンの文字の色を変えたい人は以下がおすすめ[/chat]

【JIN】カスタムボタンの文字の色を変更する方法