【詳しく解説】THE THOR(ザ・トール)の購入から適用させるまでの流れ

お知らせ

介護のお仕事ラボがおススメする、ケアジョブ では高収入求人をはじめとする介護の転職情報がもらえます!

「非公開求人」に強く手厚いサポートが特徴です!実際の満足度も高いのでまだ知らない方はぜひチェックしてみてください。

\こちらからどうぞ/

わたしが実際にケアジョブ に登録した際は、年収450万円を超える求人や大手企業が運営する施設などを紹介してもらえました。

今回はWordPressテーマのTHE THORを購入してからサイトやブログに適用するまでの流れを注意点も交えつつ解説していきます。

ちなみに僕自身(このブログ)もTHE THORを使わせてもらっています。

THE THOR(ザ・トール)の購入から適用させるまでの手順

手順は以下の通りとなります。

  1. THE THOR(ザ・トール)を購入
  2. zipファイルをダウンロード
  3. ID、アカウントの発行
  4. サイトに適用する

順に解説していきます。

THE THOR(ザ・トール)を購入

まずは【THE THOR(ザ・トール)の公式ホームページ】からテーマを購入していきます。

公式ページの黄色のボタン「テーマをダウンロード」をクリックします。

トール購入画面

「テーマをダウンロード」ボタンを押すと下記の画面へ移行します。

トール購入画面2

2つのプランがありますが、通常は左側の「テーマ&サポートプラン」を購入します。

支払いに関しては、基本的にはクレジットカード決済ですが、代引や銀行振込にも対応しているので、クレジットカードを持っていないという方でも購入する事が出来ます。

zipファイルをダウンロード

支払いが完了すると、メールが届きます。

このメールにテーマのダウンロード用URLも記載されています。

具体的には、

  • 「テーマファイル」のダウンロード手順
  • 「更新用ユーザーID」と「会員フォーラムのアカウント」の発行手順
  • 操作マニュアル・会員フォーラムサイトのURL
  • 注意事項

メールには以上の事が載っています。

まずは「テーマファイル」のダウンロード手順にあるURLから、テーマファイルをダウンロードしていきます。

ファイルの中には、親テーマ(the-thor.zip)と子テーマ(the-thor-child.zip)が入っています。

この2つのファイルは解凍しないで(zip形式のまま)使いますので、一旦そのままにして次の作業をしていきます。

ID、アカウントの発行

次にするのは「更新用ユーザーID」と「会員フォーラムのアカウント」の発行です。

メールに発行フォームのURLがあるので、そこからアクセスします。

設定すると、それぞれが記載されたメールが別途届きます(この更新用ユーザーIDなどが記載されたメールは再発行にお金がかかるので、絶対に消去しないようにしてください。)

ここまで完了したら、WordPressのダッシュボードからテーマを適用させていきます。

サイトに適用する

WordPressのダッシュボードから、「外観→テーマ」を選択し、新規追加を押します。

そして、テーマのアップロードを押して、先程のzipファイルを選択します。

THE THOR(ザ・トール)を適用する2

注意点として、必ず親テーマ(the-thor.zip)からインストールしてください。

子テーマ(the-thor-child.zip)からインストールしてしまうと、エラーが起こる可能性があります。

確認し、今すぐインストールを押します。

THE THOR(ザ・トール)を適用する3

親テーマ(the-thor.zip)をインストールしたら、有効化ではなく、テーマページへ移動を押してください。

続けて子テーマ(the-thor-child.zip)をインストールしていきます。

再び、新規追加→テーマのアップロードを押して子テーマ(the-thor-child.zip)のファイルを選択していきます。

今すぐインストールを押すと下記のような画面になると思います。

THE THOR(ザ・トール)を適用する4

ここで「有効化」を押してください。

これで適用自体は完了となります。

ちなみに、親テーマと子テーマでなぜ子テーマを有効化させるのかという部分についてですが、親テーマでカスタマイズを行うとアップデート時にカスタマイズが勝手に編集されてしまうという事象が起こるからです。

子テーマであれば、その影響は受けません(ちなみにザ・トールに限らずWordPressテーマ全体で言える事です。)

さて、適用を完了させたら先程発行した「更新用ユーザーID」だけは最初に設定しておきましょう。

もしまだ「更新用ユーザーID」のメールが届いていなければ、届き次第設定すればOKです。

外観→カスタマイズから基本設定[THE]→ユーザーID設定と進みます(下記の画像一番下)。

THE THOR(ザ・トール)を適用する5

ユーザーID設定画面まで行きます。

THE THOR(ザ・トール)を適用する6

メールにある自分のIDをコピペします。

その後、公開を押しましょう。

ここまでが、THE THOR(ザ・トール)の購入から適用させるまでの手順となります。

デモサイトを適用させたい場合は先に設定する

さて、ここからはおまけとなります。

THE THOR(ザ・トール)にはあらかじめ用意されているデモサイトというものがあり、簡単にかっこいいor可愛いスタイルをサイトに適用させる事が出来ます。

トールデモサイト

THE THOR(ザ・トール)を適用させた後は早速カスタマイズを行いたい所だと思いますが、自分でカスタマイズを行った後にデモサイトを適用させるとデザインが崩れる事があります。

もしデモサイトの使用を考えているなら、まず最初に適用させてからカスタマイズを行った方が良いというアドバイスです。

では、デモサイトを適用させる方法を解説します。

まずはファイルをダウンロードしにいきます⇒https://fit-theme.com/the-thor/demo/

現在は9つのデモサイトが用意されているので、好きなものを選びましょう。

「デモサイトへ」というボタンを押せばどんな感じなのか確認する事が出来ます。

そして、気に入ったものがあれば隣にある「スタイルダウンロード」を押します。

するとzipファイルがダウンロードされるので、展開(ファイルを開く)します。

ファイルの中には、例えばデモサイトの01なら「the-thor-child-export-demo01.dat」が入っています。

ここまで行ったら次に適用させる為のプラグインを用意していきます。

WordPressのダッシュボードからプラグインを選び新規追加と進みます。

検索で「Customizer Export/Import」と入力すると下記のプラグインが出てきますので、今すぐインストールを押します。

Customizer Export/Import

インストールしたらそのまま有効化を押します。

その後、外観→カスタマイズと進むと「エクスポート/インポート」という項目が追加されているので、

先程のdatファイルを選択し、インポートを押します。

デモサイトを適用させる

インポートの上に、画像ファイルをダウンロードしてインポートしますか?というチェックボックスがありますが、一応ここはチェックを入れておきます(後で画像を差し替えればOKです)。

以上がデモサイトを適用させる流れになります。


という事で今回はWordPressテーマ『THE THOR(ザ・トール)』の購入から適用させるまでの手順について解説していきました。

ちなみに、今後はTHE THOR(ザ・トール)のカスタマイズ方法やサイト・ブログ全体についての事などについても積極的に更新をしていこうと考えていますので、これからもよろしくお願いします。

最後までお読みいただきありがとうございました。