【2021年最新版】The Thorの初期設定を解説【体験談】

悩んでいる人

ブログテーマである「The Thor」を購入して、実際にWordpressにインストールしてみました。ブログを書き始めるまでに、やっておくべくThe Thorの初期設定を教えてください!

こういった疑問を解決します。

この記事は『The Thorのインストールはできたけど、次なにしたらいいかわからないな…』という方向けです。

私自身も『Wordpress自体はじめて触るし、The Thorの設定ってどうやったらいんだろう?』と悩んでいた経験があります。

今回は、The Thorを導入して1年以上本ブログを運営してきた私が「The Thorの初期設定」を完全解説していきます!

この記事の内容

・The Thorの「デザイン着せ替え機能」を解説

・ブログを書き始められる最低限の状態にする初期設定を解説

この記事を書いている人

私は、2020年3月にこのブログをWordpressで立ち上げ、すぐにThe Thorを導入しました。

これまで投資系のジャンルで100記事以上を執筆し、ブログを通して毎月15万円以上を稼ぐことができています。

本記事を読むことで、実際にブログを書いて公開できる状態になるので、ぜひ最後までお読みください。

それでは始めましょう!

※当サイトについて

当ウェブサイトは、2021年8月よりブログテーマを「The Thor」から「SWELL」に変更しました。

「SWELL」の特徴などは「WordPressの初期設定」で解説しています。

本サイトのデザインが気になる方は、チェックしてみてください。

目次

The Thorの初期設定10選

The Thorはカスタマイズ性が高く、設定できるデザインや機能数がとても多いという特徴があります。

今回は、なかでも絶対にやっておくべき初期設定を厳選して10個ご紹介します!

  1. 着せ替えデザインをインストールする
  2. サイトロゴの設定
  3. ヘッダーの設定
  4. グローバルメニューの設置
  5. 基本スタイルの設定
  6. TOPページの設定
  7. 見出し設定
  8. SEO設定
  9. サイト基本情報の設定
  10. 関連記事の設定

それぞれ、順番に解説していきますね。

① 着せ替えデザインをインストールする

The Thorの初期設定、最初の1つ目は「着せ替えデザインをインストールする」です。

The Thorは、ホームページのメニューにある「デモサイト一覧」で、9つの着せ替えデザインを用意してくれています。

The Thorの着せ替えデザイン

この着せ替えデザインをインストールすることで、一瞬でデモサイトと同じスタイルに早変わりします。

着せ替えデザインの導入ステップは、下のとおりです。

① WordPressのダッシュボードにある「プラグイン」から「Customizer Export/Import」を検索・インストールして有効化する。

② The Thorの「デモサイト一覧」から、お好きなスタイルをダウンロードし、解凍(DATファイル)しておく。

③ WordPressのダッシュボードに戻り「外観」→「カスタマイズ」を選択する。

④ カスタマイズ画面のメニューをスクロールダウンし「エクスポート/インポート」を選択する。

⑤ 「インポート」にある「ファイルを選択」から、先ほど解凍しておいたDATファイルをインポートする。

以上のステップを踏むことで、The Thorの着せ替えデザインをインストールすることができます。

すでに1つのWebサイトが完成しているような形になっているので、これをカスタマイズしていきましょう!

② サイトロゴの設定

The Thorの初期設定2つ目は「サイトロゴの設定」です。

サイトロゴとは、ブログの最上部に設置するブログ名などのロゴです。

カスタマイズ画面の「基本設定」→「サイトロゴの設定」から変更することができます!

ブログのサイトロゴ

本ブログでいえば、上のピンクで囲っているところが「サイトロゴ」です。

「自分で作るのは難しそうだな..」という方は、ココナラのようなデザインを外注できるサービスで作ってもらいましょう。

ブログのサイトロゴなら、1,000~3,000円ほどでデザインしてもらえますよ!

③ ヘッダーの設定

The Thorの初期設定3つ目は「ヘッダーの設定」です。

ブログのヘッダーエリア

「共通エリア設定」→「ヘッダーエリア設定」から変更していきます。

・ヘッダーのレイアウト

・ヘッダーの背景色

・サーチパネルやメニューパネルの表示or非表示

・グローバルメニューの表示or非表示

上記の設定をおこなうことができるので、お好みでアレンジしてみてください!

④ グローバルメニューの設置

The Thorの初期設定4つ目は「グローバルメニューの設置」です。

グローバルメニューとは、③でもご紹介したサイト上部にあるメニューのことです。

グローバルメニューの設定

こちらはダッシュボードから「外観」→「メニュー」で設定可能です。

一方で、グローバルメニューはある程度記事数がないと設定できませんので、ブログを始めたばかりの方はまずコンテンツ作りに力をいれましょう!

⑤ 基本スタイルの設定

The Thorの初期設定5つ目は「基本スタイルの設定」です。

カスタマイズ画面から、「基本設定」→「基本スタイル設定」で変更できます。

The Thorの基本スタイル設定

テーマカラーは、ヘッダー下にある「ヘッダーお知らせ」の色や、プロフィールの「フォローしてね!」と書かれている部分の色に対応しています。

また、スマホやPCで見たときの文字の大きさやフォントの種類も変更可能ですよ!

⑥ TOPページの設定

The Thorの初期設定6つ目は「TOPページの設定」です。

TOPページとは、こちらも文字どおり「ブログの最初のページ」のことです。

・トップページに画像や動画を表示させる

・3記事をピックアップして表示させる

・最新記事のみを表示させる

カスタマイズから「TOPページ設定」で、上記の点について変更が可能になっています!

⑦ 見出し設定

The Thorの初期設定7つ目は「見出し設定」です。

「パーツスタイル設定」→「見出し設定」から変更可能です。

ブログ記事は、大見出し(=記事タイトル)が「H1見出し」、中見出しが「H2見出し」、小見出しが「H3小見出し」といった形で書いていきます。

The Thorの見出しデザイン

上の写真のように、The Thorでは見出しのデザインや色も設定可能です。

テーマカラーなどとも合わせて設定してみてください!

⑧ SEO設定

The Thorの初期設定7つ目は「SEO設定」です。

カスタマイズの「SEO設定」で変更することができます。

SEO設定①

「TOPページSEO設定」では、上の写真のようにページのタイトルと、メタディスクリプションを記入しましょう。

それぞれ、検索結果に表示されたときのタイトルとブログの紹介文として設定されます。

Googleの検索結果

続いて「CSS非同期読み込み設定」については、とりあえず下の写真のように設定しましょう。

SEO設定②

上の6つにチェックをいれておけばOKです。

⑨ サイト基本情報の設定

The Thorの初期設定9つ目は「サイト基本情報の設定」です。

カスタマイズの「サイト基本情報」から変更可能です。

それぞれ、お好きなサイトのタイトルとキャッチフレーズを入力しましょう!

また上の写真のように、ブラウザーのタブなどに表示される「サイトアイコン」も設定できます。

こちらも、お好きなものをアップロードしましょう。

⑩ 関連記事の設定

The Thorの初期設定、さいごの1つは「関連記事の設定」です。

カスタマイズの「投稿ページ設定」→「関連記事設定」から変更が可能です。

関連記事設定

「関連記事」を設定することで、記事の一番下にその記事と同じジャンルの記事をいくつか表示してくれるようになります。

読者が他の記事も読んでくれるようになるため、設定は必須ですよ!

【まとめ】The Thorの初期設定10選

The Thorの初期設定10選、いかがでしたでしょうか?

The Thorは変更できる設定数がとても多く、今回は最低限やっておくべき初期設定しかご紹介できませんでした。

さらに詳しく知りたい方は、Googleなどで検索しながら更に自分流にカスタマイズしてみてくださいね!

それでは、今回の内容をまとめておきます。

The Thorの初期設定
  1. 着せ替えデザインをインストールする
  2. サイトロゴの設定
  3. ヘッダーの設定
  4. グローバルメニューの設置
  5. 基本スタイルの設定
  6. TOPページの設定
  7. 見出し設定
  8. SEO設定
  9. サイト基本情報の設定
  10. 関連記事の設定

以上の10個になります。

ブログやアフィリエイトに関しては、ぜひ下の関連記事も参考にしてみてくださいね。

それでは、本日は以上です!

【関連記事】【2021年最新版】アフィリエイト初心者が今すぐ5万円稼ぐ方法【体験談】

【関連記事】【2021年最新版】ブログ初心者が1年で100記事書いた結果【PV数と収益公開】

【関連記事】【初心者向け】WordPressでブログを書き始める前にやっておくべき初期設定5つ【体験談】

よかったらシェアしてね!
URLをコピーする
URLをコピーしました!

コメント

コメントする

目次
閉じる