【THE THORロゴのカスタマイズ】初心者向に画像付きで解説

今回は、WordPressテーマ「THE THOR(ザ・トール)」ロゴのカスタマイズについてお伝えします。

ロゴとは

ロゴとは「logotype」を省略したもので、イラスト化・装飾された文字・文字列のことです。

the thor ロゴ

THE THORでできるロゴのカスタマイズ

THE THORのロゴは、以下のカスタマイズができます。

  1. ロゴの登録する/しない(表示/非表示)
  2. ロゴの大きさ
  3. ロゴを設置するレイアウト

ロゴに使う画像をあらかじめ準備してから、作業をすすめてください。

1.ロゴを登録する/しない(表示/非表示)

THE THORに登録するとロゴが表示され、登録されないとサイトタイトルが表示されます。

下記のサンプル画像を参考に、ロゴを登録する/しない(表示/非表示)を選択してください。

PC  ロゴを登録する
スマホ ロゴを登録する
スマホ ロゴを登録する
PC  ロゴを登録しない
PC  ロゴを登録しない
スマホ ロゴを登録しない
スマホ ロゴを登録しない

では、ロゴを登録する/しない(表示/非表示)のカスタマイズ手順を紹介します。

カスタマイザーを開く

  1. ダッシュボード
  2. 外観
  3. カスタマイズ
ダッシュボード 外観 カスタマイズ

ロゴの登録する/しないの選択

  1. 基本設定
  2. サイトロゴの設定
  3. ロゴ画像の設定
ロゴ 登録する/しない

以上でロゴのロゴを登録する/しない(表示/非表示)のカスタマイズは完了です。


ロゴ画像を新しく登録するには、下記を参考にしてください。

アップロード先へ移動する

  1. 基本設定
  2. サイトロゴの設定
  3. ロゴ画像の設定「画像を変更」
ロゴ 登録する/しない

「ファイルをアップロード」をクリック

「ファイルを選択」をクリック

ロゴ画像をアップロードする

  1. ロゴ画像を選択
  2. 「アップロード」をクリック

ロゴ画像を選択する

  1. ロゴに使う画像を選択
  2. 「画像を選択」をクリック

これで画像がアップロードは完了です。

2.ロゴの大きさ

THE THORに設置できるロゴの大きさは、スマホ・PCそれぞれ3種類。

下記のサンプル画像を参考に大きさの指定をしてください。

ロゴ PC  30px
PC  30px
ロゴ スマホ  20px
スマホ  20px
ロゴ PC  40px
PC  40px
ロゴ スマホ 25px
スマホ 25px
ロゴ PC  50px
PC  50px
ロゴ スマホ 30px
スマホ 30px

では、ロゴの大きさのカスタマイズ手順を紹介します。

カスタマイザーを開く

  1. ダッシュボード
  2. 外観
  3. カスタマイズ
ダッシュボード 外観 カスタマイズ

ロゴの高さの指定

  1. 基本設定
  2. サイトロゴの設定
  3. ヘッダー表示時のロゴの高さの設定

以上で、ロゴの大きさのカスタマイズは完了です。

3.ロゴを設置するレイアウト

THE THORにロゴを設置できるレイアウトは、シンプル・ダイナミックの2種類。

ロゴだけでなく、メニューも連動してレイアウトが変わるので、下記サンプル画像を確認ください。

シンプル
ロゴ レイアウト ダイナミック
ダイナミック

では、ロゴを設置するレイアウトのカスタマイズ手順を紹介します。

カスタマイザーを開く

  1. ダッシュボード
  2. 外観
  3. カスタマイズ
ダッシュボード 外観 カスタマイズ

ロゴを設置するレイアウトの選択

  1. 共通エリア設定
  2. ヘッダーエリア設定
  3. ヘッダー設定
共通エリアの設定 ヘッダーエリアの設定 ヘッダー設定

以上で、ロゴを設置するレイアウトのカスタマイズは完了です。


以上、【THE THORロゴのカスタマイズ】初心者向に画像付きで解説でした。

お読みいただき、ありがとうございました。

THE THORカスタマイズ

1人で悩んでいませんか?
設定やカスタマイズでお困りのときは
お気軽にご相談ください。

ご相談はこちらへどうぞ >