THE THOR共通ボタンは、全ページ共通で使えるボタンのことです。
THE THOR共通ボタン以外のボタンについては、こちらのページで詳しくお伝えしています。
THE THOR 共通ボタンについて
THE THORの共通ボタンとは、全ページ共通で使えるボタンのこと。下記の３種類です。
- プライマリボタン
- セカンダリボタン
- ノーマルボタン
共通ボタンは、ボタン色と文字色の指定ができます。
ボタン色・文字色の指定ができる
ボタン色・文字色の指定ができる
ボタン色の指定ができる（枠線・文字色は同じ色が反映される）
他ボタンのカスタマイズは、ページを参考にしてください。
>>【THE THOR ボタン】THE THORで使える記事装飾
THE THOR 共通ボタンが使われているところ
THE THOR共通ボタンは、ブログ内の9つに使われています。位置はそれぞれ下記画像で確認ください。（●色のボタン）
プライマリボタン
TOPページ メインビジュアル
フッターCTA
お問い合わせページ
カスタム投稿 詳細ページ
セカンダリボタン
投稿ページ
ノーマルボタン
TOPページ サブメニュー
TOPページ 記事一覧
TOPページ カスタム投稿
メニューパネル サブメニュー
THE THOR 共通ボタンのカスタマイズ方法
- ダッシュボード
- 外観
- カスタマイズ
パーツスタイル設定＞共通ボタン設定＞プライマリー・セカンダリー・ノーマルボタンの設定
色の指定をして「公開」をクリックします。
色の指定は、
白丸・白四角をクリックしながら動かして色を選択
または、カラーコードを直接入力
THE THOR 共通ボタンのCSSカスタマイズ
今回紹介したTHE THOR 共通ボタンのカスタマイズ方法は、ブログ全体にカスタマイズ内容が反映されます。
そのため、TOPページのメインビジュアルの共通ボタンの色を変えたくてカスタマイズをしても、同時に
- フッターCTA
- お問い合わせページ
- カスタム投稿 詳細ページ
の共通ボタンの色も変わってしまいます。
ですが、「どうしても、このページの共通ボタンの色だけを変えたい」という場合もありますよね。
その場合は、CSSを使ってカスタマイズするようにしてください。
CSSカスタマイズがわからない方、相談したい方は、お気軽にお問い合わせください。
以上、【THE THOR共通ボタン】アイキャッチなどに使われているボタンのカスタマイズでした。
お読みいただき、ありがとうございました。
