【無料記事添削特典あり】LINEで学べるちょっと厳しいブログ収益化講座

THE・THORのカスタマイズと使い方を画像付きで徹底解説!

 
THE・THORのカスタマイズと使い方画像付きで徹底解説!
この記事を書いている人 - WRITER -
ブログとライターで生活しています。2017年からブログ開始。28歳まで月収10万円のフリーターでした。趣味は野球観戦。

THE・THORでカスタマイズするところが多すぎて、全然わかりません・・・どうしたらいいんですか?

タケ

そんな疑問を解決します。

いろんな細かい部分が設定できるTHE・THORですが、細かく設定できるがゆえに初心者の方はどこから手をつければいいのかわからないのではないでしょうか?

そこで、今回は・・・

  • 最初に最低限設定しておきたいところ(重要な部分)
  • 記事を書きながら変更していけばいいところ(それほど重要じゃない部分)

にわけて、まとめました。

THE・THORで何から設定していけばいいのかわからない人向けに書いたので、ぜひ参考にしてみてください。

WordPress自体のインストールについては

WordPressブログの始め方
〜初心者が動画・画像付きで学べるインストール手順〜

で解説しています。

THE・THORの場合は上記記事の「プラグインの設定」は無視していただいて構いません。

THE・THORのカスタマイズと使い方一覧〜項目別分類〜

WordPressブロックエディターの使い方!クラシックは卒業すべき理由

THE・THORのカスタマイズを以下のように分類しました。

  • 絶対最初にやるべき最低限の設定編
  • 1記事目と同時並行でやる設定編
  • 5~10記事書いた時点で行う設定編

当記事の設定を一気に全部やる必要はなく、一番最初にやらないといけないのは「絶対最初にやるべき最低限の設定編」です。

順番に作業すれば、きっちり設定できるようにしてあるので、ぜひ参考にしてみてください。

絶対最初にやるべき最低限の設定編

  • 着せ替え
  • サイトタイトル設定
  • パーマリンク設定
  • ロゴ画像設定
  • 検索機能設定
  • プラグイン設定
  • サイトマップ生成

1記事目と同時並行でやる設定編

  • ヘッダー設定
  • ウィジェット
  • メインビジュアル設定
  • お問い合わせ設定
  • ファビコンの設置
  • Googleアナリティクス、Seach Console

5~10記事書いた時点で行う設定編

  • メニューを設定する
  • カルーセルスライダー設定
  • ヘッダーボトム設定
  • 見出しの設定
  • 目次の設定
  • 関連記事設定
  • 投稿ページ全般の設定

THE・THORのカスタマイズと使い方〜絶対最初にやるべき最低限の設定編〜

THE・THORで最初にやりたい最低限のカスタマイズ

ブログ初心者の方はすべての設定を最初にする必要はありません。

最初に全部しようとすると大変ですし、なかなか記事が書けなくなってしまうので、まずは最低限の設定を終えておきましょう。

  1. 最低限の設定を終わらせる
  2. 記事を書く
  3. 記事を書きつつ、残りの設定を終わらせる

THE・THORは設定できる箇所が多いので、記事を書きつつデザインを完成させていくのがおすすめです。

ここでは記事を書く前にやっておかないといけない最低限のカスタマイズを紹介します。

着せ替え

着せ替えに関しては別記事で詳しく解説しています。

最初にやらないといろんな設定が初期化されてしまうので、まずは着せ替えを行うようにしましょう。

こうすることによって、ミスが少なくなります。

おすすめのデモサイトと着せ替え方法は紹介してますので、ぜひ参考にしてみてください。

【着せ替えに関する参考記事】

THE・THORの着せ替え方法とおすすめデモサイト

サイトタイトルの設定

サイトのタイトルはまず真っ先に決めておきましょう!

「設定」「一般」から変えることができます。

THETHOR

こんな感じで「サイトのタイトル」「キャッチフレーズ」に入力します。

上記画像ではキャッチフレーズも記入してますが、空欄でOKです。(むしろ、空欄の方が便利なことが多いです)

そして、アドレスのところを「https」に変更します。

最初から「https」になっている場合はそのままでOKです。

変更したら下部にある「変更を保存」をクリックします。

パーマリンク設定

パーマリンクの設定は「設定」→「パーマリンク設定」から以下のように設定します。

THETHOR

カスタム構造にチェックを入れて、「%postname」をクリックします。

もともと文字が入っている場合は消去してから、クリックするようにしてください。

ロゴ画像設定

THETHOR

上記画像のようにサイトのタイトル部分に画像を設定することができます。

自分のサイトにあったものを設定しましょう。

画像は削除することができ、画像を削除するとサイトの文字がそのまま表示されます。

THETHOR

こんな感じです。

ロゴ画像があった方がサイトの雰囲気を醸し出すことができます。

検索機能設定

検索機能設定は最初のに設定しておきましょう。

「外観」→「カスタマイズ」→「基本設定(THE)」→「検索機能設定」と進みます

THETHOR

「投稿だけ」に設定しておきましょう!

プラグインの設定

THE・THORではプラグインは最低限でOKです。

  • Google XML Sitemaps
  • Akismet Anti-Spam
  • Broken Link Checker
  • WP Multibyte Patch
  • BackWPup
  • EWWW Image Optimizer

これらのプラグインが代表的。

最新のプラグインの設定に関してはTHE・THORに必須のプラグイン厳選!設定手順も全解説で解説しています。

SEO設定

THE・THORにはSEO設定というものがあります。

  1. 外観
  2. SEO設定[THE]
  3. TOPページSEO設定

と移動して、TOPページの<title>を入力の部分にある「|」を消去するようにしてください。

また「TOPページのdescription」はサイト概要を120文字程度で入力します。

サイト内容がわかりやすくなるように、入力してください。

thethor

サイトマップの生成

「固定ページ」→「新規追加」からサイトマップという固定ページを作ります。

そのページで以下の赤枠部分とアイキャッチ画像を設定して公開します。

THETHOR

その後「外観」→「カスタマイズ設定」→「基本設定(THE)」→「自動生成サイトマップ設定」と移動します。

THETHOR

赤枠の部分を表示にします。

設定が終了したら、「公開」をクリックします。

THE・THORの使い方とカスタマイズ〜1記事目と同時並行でやる設定編〜

最初からずっと設定だけでは飽きてしまいますよね?

なので、ここまでの設定が終わったら、一旦記事を書き始めてOKです。

そして、1記事目を書きながら、ここから先の設定を行なっていきましょう。

順番が多少前後しても問題ありませんが、重要な設定です。

【THE・THORの記事の書き方は下記記事からどうぞ】

THE・THORでの記事の書き方を画像22枚で完全解説【初心者でもすべて理解】

ヘッダー設定(サイトの上の部分)

ヘッダーはサイト上部のことを指します。

THETHOR

この赤枠部分の設定です。

「外観」→「カスタマイズ」→「共通エリア設定」→「ヘッダーエリア設定」から設定することができます。

THETHOR

赤枠の部分をいじると右の部分が変わるので、いろいろ試してみてください。

ブログ開設直後の段階では記事がないので、ここは後回しでも問題ありません。

また、グローバルメニューも設定しておきましょう↓↓

THETHOR

設定しておくことで、指定したリンク先に飛んでもらうことができます。(記事内の飛ばしたい場合は記事を書いてからでもOK)

ウィジェット

ここは最低限の設定だけでOKです。

記事がない段階で細かい設定をしても、あまり意味がありませんので、以下のような設定にしておけば最初は問題ありません。

「外観」→「ウィジェット」で以下の画面のように設定してみてください。

THETHOR

記事が20記事〜30記事と増えてきた時点で考えるようにしましょう!

メインビジュアル設定

メインビジュアル設定は重要なので、早めに設定しておきましょう。

「外観」→「カスタマイズ」「TOPページ設定」→「メインビジュアル設定」と移動します。

THETHOR

上の赤枠の3つの中から好きなものを選択します。

上の画像ではスライドショー設定にしていますが、静止画設定に変えると、下記画像のように静止画設定が可能です。

THETHOR

このあたりは実際にいじってみるとすぐにわかります。

トップページのデザインは整えておいた方がいいので、ここはしっかりと設定しましょう!

お問い合わせ設定

「固定ページ」→「新規追加」からお問い合わせページを作成します。

設定は以下のとおりです。

THETHOR

アイキャッチが画像も設定しておきましょう。

THETHOR

このような問い合わせフォームが完成します。

ファビコンの設置

THETHOR

ファビコンは上記画像のように表示される小さい画像のことです。

サイトをアピールできますので、設定しておきましょう!

「外観」→「カスタマイズ」→「サイト基本情報」から設定できます。

THETHOR

上の「サイトアイコンを選択」からWordPressにアップロードした画像を選択して、設定完了です。

Googleアナリティクス、Seach Console

登録方法はWordPressブログの始め方〜初心者が動画・画像付きで学べるインストール手順〜の記事にあるので、そちらからご覧ください。

登録した後のIDを貼り付ける場所ですが、「外観」→「カスタマイズ」→「基本設定(THE)」→「アクセス解析設定」と進んでいきます。

ここにアナリティクスのIDとSeach ConsoleのIDを貼る場所があるので、そこに貼っていきます。

THETHOR

こちらに貼って、作業完了です。

記事を書いていく

ここまでの作業が完了したら、いったん記事を書いていきましょう。

デザインとしてはまだ完璧な状態じゃないですが、記事内のデザインは実際に記事を書いていかないとわかりません。

  • 記事が完成した時のトップページはどうなるのか?
  • 記事のデザインはどうなっているのか?
  • サイドバーに配置したいものがだんだん変わっていく

こんな感じで、記事を書いていくうちに変えたいところが出てきます。

その段階で設定を変更していけばOK。

記事を書く前の段階では最低限のところだけ終わらせておくようにしましょう!

THE・THORのカスタマイズと使い方〜5~10記事書いた時点で行う設定編〜

ここからは5~10記事程度書いていく中で行う設定編です。

最初に設定する必要はないので、記事をある程度完成させてから設定してみてください。

メニューを設定する

メニューに関しては比較的早い段階で設定しておいた方がいいので、1~5記事ほど書くぐらいまでには設定しておきたい箇所です。

メニューは「外観」→「メニュー」から設定できます。

その後の設定が下記画像の通りです。

THETHOR

①に任意の名前を記入して、②「メニューを作成」をクリックします。

THETHOR

赤枠の中の追加したいコンテンツにチェックを入れて、「メニューに追加」をクリック。

すると、下記のようにメニューに追加されます。

THETHOR

THETHOR

トップページのサイト上部にメニューが表示されました。

カルーセルスライダー設定

THETHOR

「外観」→「カスタマイズ」→「TOPページ設定」→「カルーセルスライダー設定」と移動します。

そのように移動すると、上の画像のような設定が可能です。

記事がないうちは表示する必要がありませんが、記事が多くなってくるとカルーセルスライダーで、記事を目立たせることができます。

10記事ほど書いた時に設定しておきたいところです。

ヘッダーボトム設定

THETHOR

上記画像の赤枠部分を設定できます。

検索窓と黄色の部分が表示できますが、黄色部分は結構目立つので、設定しておきたいです。

「共通エリア」→「ヘッダーボトム設定」で変更できます。

見出しの設定

見出しの設定は記事を数記事〜10記事ほど書いたときに行うのがベストです。

  • 記事が数記事完成していて、見出しのことが少しわかるようになる
  • 見出しを設定する
  • 後から何度でも修正できるので、最初から完璧に決める必要はない

記事を書く前に決めてしまうと見出しのイメージが湧きにくいので、記事を書いてから設定してください。

見出しに関してはTHE・THOR見出しのデザインをカスタマイズする方法【画像付きで解説】で細かく解説しています。

目次の設定

目次の設定もTHE・THORではテーマでできます。

プラグインを使う必要がありませんので、目次プラグインを入れないように注意しましょう。

詳しい目次の入れ方はTHE・THOR目次の使い方と設定方法【表示しない時の対処も解説】で解説しています。

関連記事設定

関連記事の設定をしっかりしていくことが大事で、「投稿ページ設定(THE)」→「関連記事設定」で設定することができます。

THETHOR

ここの設定は特に決まりはありませんが、関連記事の数は5つ前後に絞るのがオススメです。

5つ以上あると少し多すぎますし、反対に1個だと少なすぎて寂しいです。

特に決まりはないので、いろんな設定を試してみてください。

投稿ページ全般の設定

記事を10個程度書いたら、投稿ページを見直してみてください。

THETHOR

赤枠内の項目を変えていきましょう。

ここは絶対に変えないといけないということではなく、自分が変えたい項目だけ変えていけばOKです。

記事を見ながら、好みのデザインに変えてみましょう!

まとめ:THE・THORのカスタマイズ方法と使い方

まとめ:THE・THORのカスタマイズ方法と使い方

THE・THORのカスタマイズをまとめました。

まずは最低限設定しておくポイントをしっかり設定しておけばOKです。

記事を書きながら設定するところは途中で変更できますし、好き勝手変えても問題ありません。

  • 最低限設定するところはしっかり設定する
  • あとの部分はブログを運営しながら、対処していく

最低限のところ以外は結構アバウトに変えても大丈夫ですし、そこまで心配する必要なし。

自分好みのデザインにどんどん変えていきましょう!

この記事を書いている人 - WRITER -
ブログとライターで生活しています。2017年からブログ開始。28歳まで月収10万円のフリーターでした。趣味は野球観戦。

★5年のブログ経験をあなたに。★

あなたのブログの相談に乗る個別サポート実施中。

1人1人に合った戦略を提案し、ブログを改善します。

ブログ開設前の方でもOKです。

★絶対損しない3ヶ月収入構築プログラム★

全額返金保証ありのブログ×ライター収入構築プログラムです。

たった3ヶ月の作業で、在宅収入を作ります。

本気で人生変えたい人向けの本気プログラムです。

Twitterでブログ情報を発信中

関連記事 - Related Posts -

最新記事 - New Posts -

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA