ブログ運営

【初心者OK】ザ・トールのインストールから初期設定まで画像付きで丁寧に解説!

2021年2月14日

WordPressのテーマとして人気の高い「ザ・トール(THE THOR)」。

THE・THOR(ザ・トール)公式サイト

「ザ・トールをこれから使ってみたい」という人のなかには、

  • ザ・トールのインストール方法を知りたい
  • ザ・トールの初期設定を知りたい
  • すぐに使える状態にしたい

といった方も多いと思います。

そこで本記事では、ザ・トールのインストールから初期設定まで画像付きで丁寧に解説したいと思います。

本記事をお読みいただければ、ザ・トールのインストールから初期設定までできるので、すぐにザ・トールを使ったブログ運営ができるようになります。

ザ・トールのインストール方法

それでは、ザ・トールのインストール方法から解説していきます。

ザ・トールのダウンロード

ザ・トール公式サイトからザ・トールを購入し、ダウンロードします。

THE・THOR(ザ・トール)公式サイト

購入後にダウンロードされるファイルを解凍します。

 

ダウンロードしたファイルを解凍すると、以下のファイルが表示されます。

WordPressにインストールするのは赤枠で囲った2つのファイルです。

  • the-thor.zip(親テーマ)
  • the-thor-child.zip(子テーマ)

ザ・トールのインストール

ザ・トールをインストールする前に注意点があります。

【インストール前の注意点】

ザ・トールをインストールする前の注意点は2つあります。

1つ目が、テーマをインストールする前にバックアップを取ってくこと。バックアップは「All-in-One WP Migration」というプラグインを使うとかんたんにできます。

2つ目が、WordPressに入れているプラグインはすべて停止しておくこと。プラグインを停止しておかないと、プラグインがサイトに何らかの影響を与え、サイトが表示されなくなったり、管理画面にログインできなくなる可能性もあります。

バックアップとプライグインの停止が終わったら、さっそくザ・トールをインストールしてきましょう。

WordPressのメニューから「外観」→「テーマ」→「新規追加」を選択します。

 

「テーマのアップロード」→「参照」を選択します。

 

ファイル選択画面になるので、親テーマである「the-thor.zip」をインストールします。

※必ず親テーマ(the-thor.zip)、子テーマ(the-thor-child.zip)の順にインストールしましょう。子テーマからインストールするとエラーとなってしまいます。

 

親テーマ(the-thor.zip)を選択して「今すぐインストール」をクリックします。

 

親テーマ(the-thor.zip)のインストールが完了したら、以下の画面が表示されます。

※ここで「有効化」を押す必要はありません。

 

次に子テーマ(the-thor-child.zip)を同じようにインストールします。

 

子テーマ(the-thor-child.zip)のインストールが完了すると、以下の画面が表示されるので「有効化」を選択します。

 

これで、ザ・トールのインストールは完了です。

以下のように、ザ・トールのテーマに切り替わっています。

 

このままだと味気ないデザインなので、デモサイトのスタイルをインストールしましょう。

 

デモサイトのスタイルをインストール

自分でデザインをカスタマイズしていってもいいのですが、時間がかかってしまいます。

デモサイトのスタイルをインストールすることで、簡単におしゃれでスタイリッシュなデザインにできるのでショートカットになります。

まずは好みのデモサイトのデザインを選んで、あとからカスタマイズしていくほうが効率的です。

準備:「Customizer Export/Import」のインストール

デモサイトのスタイルをインストールするには「Customizer Export/Import」というプラグインが必要なので、まずはこちらをインストールします。

WordPressメニューの「プラグイン」→「新規追加」を選択して、プラグイン追加画面を表示します。

検索窓に「Customizer Export/Import」と入力します。

検索結果に「Customizer Export/Import」が表示されるので「今すぐインストール」ボタンをクリックします。

 

インストールが完了したら「有効化」をクリックします。

 

デモサイト一覧からスタイルをダウンロード

ザ・トール公式サイトのデモ一覧から好きなスタイルをダウンロードします。

ザ・トール公式サイト【デモサイト一覧】

「スタイルをダウンロード」ボタンをクリックするとダウンロードできます。

 

ダウンロードしたZIPファイルを解凍します。

 

解凍したフォルダの中に以下のようがdatファイルがあることを確認します。

デモサイトのスタイルをインストールするときはこのdatファイルを使います。

 

それではデモサイトのスタイルをインストールします。

WordPressメニューの「外観」→「カスタマイズ」を選択して、「エクスポート / インポート」を選択します。

 

「参照」ボタンをクリックして、先ほどのdatファイルを選択します。

「画像ファイルをダウンロードしてインポートしますか?」にチェックを入れて、「インポート」ボタンをクリックします。

 

これで、デモサイトのスタイルが自分のブログデザインに反映されます。

これでいっきにおしゃれなデザインに様変わりします。

 

 

ザ・トールの初期設定は以上で完了です。

WordPressでブログ・サイトを運営していくには、プラグインの選定も必要になってきます。

ザ・トールにおすすめのプラグインに関しては、以下の記事で解説しているので、ぜひ参考にしてみてください。

関連記事:ザ・トール(THE THOR)に必須のおすすめのプラグイン7選

-ブログ運営
-