DKです。
今回はWordPressテーマ「THE THOR」の基本設定[THE]の設定方法を解説していきます。
「THE THOR」のインストール方法については下記の記事①と②を参照してください。
DKです。今回はWordPressテーマ「THE THOR」の購入方法と初期登録の仕方を解説していきます。 「THE THOR」の第一印象は「うわー、綺麗なテーマだなー」です。初心者でもこれを作れるならいい[…]
DKです! 今回は「THE THOR」の導入方法と注意点、初めにやるべき設定等をまとめていきます。今から「THE THOR」を扱う方は是非とも参考にしてください。 👇も[…]
まずはこのページに記載してある事を実行した上で、各種のパーツを調整しカスタマイズしていきましょう。
「THE THOR」のカスタマイズ記事は追って公開いたします。
「THE THOR」の設定は画面左のダッシュボードメニューのカスタマイザーに集約されています。
そしてそのメニューの中の上から13項目に[THE]の文字があると思います。その文字がある項目が「THE THOR」独自の設定項目です。
残りの6項目はWordPressにデフォルトで表示される設定項目です。
ココでの説明はこの13項目[THE]の付いたモノを上から順に設定方法を紹介、解説していきます。
THE THORの初期設定 基本設定[THE]編
ココでは「THE THOR」の設定の内、基本設定[THE]に含まれている項目の設定とその効果範囲について解説していきます。
初心者のDKが自分で調べた事を初心者さんの為に書いてます。
THE THORは設定のほとんどをダッシュボードのカスタマイザーから行います。
カスタマイザーから「外観」⇒「カスタマイズ」の中のから操作・変更します。
今回はそのメニューの中から【基本設定[THE]】の設定をしていきます。
基本スタイル設定
ココでの設定はサイトのテーマとなるカラーやフォントのサイズなど、基本となる部分の設定が出来ます。
設定方法は外観⇒カスタマイズ⇒基本設定[THE]⇒基本スタイル設定をポチっと!
基本スタイル設定には7つの設定項目が有りますので順に解説していきます。
①テーマカラーを指定
ココには出てない箇所も含めてかなりの数の場所がこの設定1つで出来てしまいます。
- ヘッダーの背景カラー
- メインビジュアルのマスクカラー
- アイキャッチ上のカテゴリーカラー
- 上へ戻るボタンのカラー
- ピックアップ3記事のナンバーカラー
- ウェジェット見出しの背景カラー
- カテゴリー名の背景カラー
- タグ管理のボタンカラー
- SNSフォロー背景カラー
上記の通りかなりの場所が指定されますが、カテゴリー名の背景カラー以外の場所は別で変更可能です。
②投稿内テキストリンク色を指定
投稿内にリンクを貼った時のテキストのカラーを指定できます。
好きな色に変更可能です。
③全体の背景色を指定
この設定はサイト全体の背景カラーを指定します。
初めは#f1f1f1となっています。
着せ替えるテーマやその他の設定で多少異なりますが、下図のようになります。
④全体の背景画像を登録
先程③の効果範囲と同じ場所に画像を反映させることが出来ます。
今回は⇩これを設定に使ってみます。
こんな感じです。
⑤スマホ全体のフォントサイズを選択
スマホでサイトを表示した時のフォントのサイズを変更できます。
大・中・小の3種類があります。
少しずつ大きくなっています。
⑥PC全体のフォントサイズを選択
今度はPCでサイトを表示した時のフォントのサイズを3種類の中から選択します。
①小
②中
③大
こんな感じです。
⑦全体のフォントファミリーを選択
ココはフォントの書体を4種類から選びます。
①と②の違いが分かる人っているのか???同じにしか見えん・・・・
これで基本スタイル設定は終わりです。
設定が出来たら公開ボタンをポチリ!お忘れなく!!
まとめ
これで「基本スタイル設定」は終わりです。
お疲れさまでした!
有料である「THE THOR」はかなり優秀なテーマだと思います。色々なところが変更でき、自分好みにカスタマイズ出来るのが嬉しいところです。
これからも調べた事などを記事にしますので、一緒に勉強していきましょう!!
読んでいただきありがとうございます、お疲れさまでした。
では、また。