THE THORの「共通ボタン」はどんな装飾ができるの?
(マーケ・販促歴7年)
THE THORデフォルトのボタンデザインだね。
全デザインを一覧表にしてみるね!
全デザインを一覧表にしてみるね!
今日はTHE THORの記事内装飾「共通ボタン」のデザインを一覧表で紹介します。
全項目の全パターンまとめているので記事作成の際にご活用ください!
● プライマリボタン
(右・中央・左)
(右・中央・左)
● セカンダリボタン
(右・中央・左)
(右・中央・左)
● ノーマルボタン
(右・中央・左)
(右・中央・左)
THE THOR共通ボタンのデザイン一覧表
共通ボタンには「プライマリボタン」「セカンダリボタン」「ノーマルボタン」と3種類あります。
違いとしては、大きさと色合い。場面に応じて使い分けできます♩
プライマリボタン
右 |
中央 |
左 |
セカンダリボタン
右 |
左 |
左 |
ノーマルボタン
右 |
中央 |
左 |
THE THOR共通ボタンの背景・文字色をカスタマイズする方法
共通ボタン3種類の「背景色」「文字色」は、WordPressの外観カスタマイズから簡単に変更することができます。
背景・文字色を変更する方法
1WordPressダッシュボードの「外観>カスタマイズ>パーツスタイル設定>共通ボタン設定(全ページ用)」をクリック



2プライマリボタン、セカンダリボタン、ノーマルボタンそれぞれ変更したいカラーに選択する


色以外のカスタマイズには追加CSSを利用しましょう。
追加CSSを編集する方法
1WordPressダッシュボードで「外観>カスタマイズ>追加CSS」へ移動
2開いた編集欄でCSSを記述をする


追加CSSでカスタマイズしなくてもTHE THORの設定で十分活用できますよ!
参考になればうれしいです/
この記事を見ている人におすすめの本
リンク
リンク
リンク