THE THOR カスタマイズ方法公開 インストール〜記事投稿までに設定すべきこと

  • THE THORの設定方法がわからない。
  • 具体的にカスタマイズの見本が欲しい。

今回はこちらのお悩みを解決します。

最後まで手順を教えてくださる記事が無かったので私たちはカスタマイズまで一気通貫でご紹介します。
もちろん分からないことがあったらサポートするので、最後までご覧いただけると嬉しいです!
たこみそ
みそ
ブログのカスタマイズで頭を悩ませる時間が勿体なすぎるので、頭を悩ませる必要がないように作成しました!
THE THOR(当ブログ使用中)
4.8

WordPressテーマで悩んでいる方は、THE THORをオススメします。

おしゃれなデザインが9パターンあり、ご自身の使いたいようにカスタマイズも可能です。

また、料金は「14,800円」の1回買い切り(購入後は何回も使用可能)で、THE THOR変更してからpv数が増えた人が続出するほどの優秀なテーマ。

実際に私たちも使用しているので、私たちのホームページを見て気になった方はぜひ「公式ページ」をご覧ください。

ページスピード 4.5
SEO 5.0
デザイン 5.0
機能の豊富さ 5.0
総合 4.8

THE THOR カスタマイズ方法公開 インストール〜記事投稿までに設定すべきこと

テーマ(THE THOR)のインストール

たこ
それでは、早速「THE THOR」をWordPressにインストールしましょう。私たちはMacでの操作ですが、Windowsも基本的には変わりません。

1.THE THORのホームページから購入をする

 

2.テーマをダウンロードをクリック!

3.テーマを購入をクリック!(価格は変更されている可能性があります!)

5.ダウンロードページからインストールする。

たこ
メールが届いたことを確認して頂き、ダウンロードページからフォルダをダウンロード!ぜひ、デスクトップに落としてください!
フォルダ:theme-the-thor.zip
こちらを一度解凍させこちらの状態になると正解です。
各ファイルの、「the-thor-child.zip」と「the-thor.zip」は解凍せず、zipファイルのままで大丈夫です。

6.次にデザインのデータを落としてきましょう。(こちら無料です。)

たこみそ
みそ
ここからお好きなテーマを選んでください。私たちのブログはデザイン1になります!
たこ
スタイルダウンロードをクリックすると、「the-thor-child-export-demo01.zip」なので、こちらも一度解凍させてください。
たこみそ
みそ
先ほどのフォルダを含めて、こちらの画像の通り準備ができていればOKです。

7.WordPressの画面に戻り、外観 → テーマをクリック

8.テーマの新規追加をクリック

9.テーマのアップロードをクリック

10.テーマのアップロードを選択

絶対に、親テーマ(the-thor.zip)→子テーマ(the-thor-child.zip)の順番にアップロードしてください!

11.最後に子テーマのみを有効化をクリック

たこ
これでベースが入りました!後は、先ほどのデモサイトをインストールすればおしゃれなブログ完成です!

12.WordPressのホーム画面に戻り、プラグイン → 新規追加

13.「Customizer Export/Import」を検索し、インストール → 有効化

たこみそ
みそ
この有効化までしっかりクリックをしないとダメです!

14.WordPressのホームに戻り、外観 → カスタマイズ

15.エクスポート/インポートをクリック

16.エクスポート/インポートのファイル選択をクリック

たこみそ
みそ
画像ファイルをダウンロードしてインポートにクリックは必須です!
「the-thor-child-export-demo01.dat」
たこ
選択するファイルは先ほどダウンロードしたデモサイトの「the-thor-child-export-demo01.dat」です。

17.完成

テーマ(THE THOR)のカスタマイズ

たこ
いよいよカスタマイズをしていきましょう。ここからは私たちの全てをお見せするので、この通りにカスタマイズすると良いです!

ホーム画面から「外観」→「カスタマイズ」を選択

たこみそ
みそ
カスタマイズでいじるべき項目は、こちらになります。
  • 基本設定
  • 共通エリア設定
  • TOPページ設定
  • アーカイブページ設定
  • 投稿ページ設定
  • 固定ページ設定
  • カスタム投稿タイプ設定
  • 広告設定
  • SEO設定
  • SNS設定
  • AMP設定
  • PWA設定
  • パーツスタイル設定
  • サイト基本情報
  • メニュー
  • ウィジェット
  • ホームページ設定
  • 追加CSS
たこ
それではそれぞれの設定方法を確認していきましょう。

基本設定

たこみそ
みそ
設定は以下の画像の通りです。他は基本的にデフォルトのままです。
たこ
サイトのカラーを選択!

サイトロゴ

たこみそ
みそ
頭の部分なので、お気に入りのロゴにしましょう!

共通エリア設定

たこみそ
みそ
ヘッダーをダイナミックにし、グローバルメニューを表示を選択。
たこ
検索窓を非表示にし、お知らせの背景色を変更!
たこみそ
みそ
CTAを非表示に!
たこ
コピーライトは非表示に!
たこみそ
みそ
固定フッターは非表示を選択!

TOPページ設定

たこ
メインビジュアルをスライドショーで選択し、画像をそれぞれ設定。
たこみそ
みそ
メインビジュアル下お知らせも設定!

アーカイブページ設定

特に設定事項なしです。そのまま設定を進めてください。

投稿ページ設定

たこ
シェアボタンはお好きなものを選択!
たこみそ
みそ
プロフィールは表示しないを選択!

固定ページ設定

特に設定事項なしです。そのまま設定を進めてください。

カスタム投稿タイプ設定

たこ
非表示を選択!

広告設定

たこ
Google bAdsenseのタグを入力!

SEO設定

たこみそ
みそ
ここでは、SEOに有利になる設定をする必要があるので、かなり重要です。
たこ
下の画像のような検索された時に出てくる際の設定です。
たこ
後は、下の通りにチェックを入れてください!

SNS設定

たこみそ
みそ
SNSのOPG設定は必須です。画像を入れてください。Follow設定は使用するものだけ設定しましょう。

AMP設定

特に設定事項なしです。そのまま設定を進めてください。

PWA設定

特に設定事項なしです。そのまま設定を進めてください。

パーツスタイル設定

各自お気に入りの色に設定変更してください。

サイト基本情報

たこ
設定しておくべきです!

メニュー

たこ
この上に記載されている「バズるBlog術」などのメニューを設定してください!
たこみそ
みそ
メニューの作成から、このように階層を分けてカテゴリーを作っていくと綺麗になります!
たこ
配置する場所は、ヘッダーエリアのみで問題ありません。

ウィジェット

たこ
私たちはサイドバーのみをカスタマイズしています。サイドバーは下の画像の通りです。
たこみそ
みそ
プロフィールは下の画像の通り作成しているので、真似してください。
関連記事

みそ好きなところにプロフィールを設置したいけど、デフォルトでは、できない。たこそんな時は自分でカスタマイズしなきゃだめだね。今回は私たちのサイドカラムに置いてある、プロフィール欄をどのよう[…]

ホームページ設定

特に設定事項なしです。そのまま設定を進めてください。

プラグイン(所要時間:15分)

たこみそ
みそ
私たちが使用しているプラグインは下の記事でご紹介しております!必要最低限のものはまとめたので、ぜひご覧ください。
関連記事

THE THORインストールしてみたけど、何のプラグインを入れたらいいか分からない。 THE THORってプラグインが必要なの?こちらのご質問を頂いたので、今回はこちらのお悩みを私たちが解決します。相性[…]

こちらをそれぞれ、先ほどの「Customizer Export/Import」の流れでインストールし有効化にしましょう。

THE THOR カスタマイズ方法公開 インストール〜記事投稿までに設定すべきこと

いかがでしたか。簡単ですがまずはじめにカスタマイズすべき点についてまとめました。

カスマイズは始めのうちはほどほどにしつつ、まずは記事に専念すると良いですね。

記事を書き始めたタイミングであの機能があると良いなと思うタイミングがでてきます。

そのタイミングで欲しい機能を導入していくことがおすすめです。

たこみそ
みそ
その方が効率が良さそうですね。

今回使用した、THE THORについての記事は下記で具体的にご紹介しているのでご覧ください。

関連記事

最新更新日:2021-08-25WordPressのテーマ THE THORって何が凄いの?この記事では、こちらのお悩みを解決します。WordPressのテーマをこれから選ぶ or 今選んでいるという方向けに今回は私たちが使[…]