WordPressのテーマとして人気の高い「ザ・トール(THE THOR)」。
「ザ・トールをこれから使ってみたい」という人のなかには、
- ザ・トールのインストール方法を知りたい
- ザ・トールの初期設定を知りたい
- すぐに使える状態にしたい
といった方も多いと思います。
そこで本記事では、ザ・トールのインストールから初期設定まで画像付きで丁寧に解説したいと思います。
本記事をお読みいただければ、ザ・トールのインストールから初期設定までできるので、すぐにザ・トールを使ったブログ運営ができるようになります。
Contents
ザ・トールのインストール方法
それでは、ザ・トールのインストール方法から解説していきます。
ザ・トールのダウンロード
ザ・トール公式サイトからザ・トールを購入し、ダウンロードします。
購入後にダウンロードされるファイルを解凍します。
ダウンロードしたファイルを解凍すると、以下のファイルが表示されます。
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選
-
-
参考ザ・トール(THE THOR)に必須のおすすめのプラグイン7選
WordPressのブログテーマで人気の高い「ザ・トール(THE THOR)」は、あらかじめ高速表示技術や最先端のSEO ...
続きを見る
この記事を書いた人
