THE THORのインストール手順【誰でも簡単インストール】

目次Outline

環境確認

THE THORサイトより
https://fit-theme.com/the-thor/terms/
第10条（動作環境）

  • WordPress：4.9〜確認済み、4.8以下は未確認
  • PHP：5.6〜確認済み、5.5以下は未確認
  • ブラウザ：Chrome/Safari/FireFox/Edge/Opera/IE11〜確認済み

WordPressのバージョン

1-1-wordpressバージョン

WordPressにログインしてバージョンを確認します。
WordPressのバージョンは5.7.1となっているので問題ありません。

PHPのバージョン

1-2-phpバージョン

使用するレンタルサーバーで確認します。今回はConoHa WINGを使用しています。

  • 最上部メニュー：「WING」
  • 左メニュー：「サイト管理」
  • 「切り替え」ボタン：インストール先ドメインを指定
  • 左第二メニュー：「サイト管理」
  • 上部第二メニュー「応用設定」
  • 「右向き矢印」：クリックして「下向き矢印」にして、展開します。

PHPのバージョンが7.4なので問題ありません。

インストール環境に問題が無いので早速インストールします。
PHPバージョンの確認場所は、レンタルサーバごとに異なります。
お使いのレンタルサーバーのQ＆Aなどで、簡単に確認できます。

THE THORのインストール

親テーマ「the-thor.zip」のインストール

2-wordpressテーマ画面

左メニュー「外観」から「テーマ」を選択します。

3-テーマ新規追加

上部の「新規追加」を選びます。
なお、既に表示されているテーマはWordPressの初期状態のものです。

4-テーマのアップロード

上部の「テーマのアップロード」を選びます。

5-1-親テーマインストール

「ファイルを選択」を押すとファイルエクスプローラ（フォルダ）が開くので、親テーマ「the-thor.zip」を選択します。

※「the-thor.zip」とは、購入したTHE THORテーマ「THE・THOR(ザ・トール)テーマ.zip」を解凍すると出てくるzipファイルです。

the-thor.zipが選択されたら、「今すぐインストール」を押します。

5-2-親テーマインストール完了

インストールは一瞬で終わります。
「テーマのインストールが完了しました。」と表示されます。

子テーマ「the-thor-child.zip」のインストール

6-1-子テーマインストール

左メニュー「外観」から「テーマ」を選択します。

先程と同じように、「新規追加」を選び、続いて「テーマのアップロード」を選びます。

6-2-子テーマインストール続き

「ファイルを選択」を押すとファイルエクスプローラ（フォルダ）が開くので、子テーマ「the-thor-child.zip」を選択します。

※「the-thor-child.zip」とは購入したTHE THORテーマ「THE・THOR(ザ・トール)テーマ.zip」を解凍すると出てくるzipファイルです。

the-thor-child.zipが選択されたら、「今すぐインストール」を押します。

6-3-子テーマインストール完了

インストールは一瞬で終わります。
「テーマのインストールが完了しました。」と表示されます。

7-テーマ確認

左メニュー「外観」から「テーマ」を選択します。
初期状態のテーマの他にTHE THORの親テーマと子テーマが現れました。
子テーマ「THE THOR CHILD」を選びます。

THE THORを有効化

8-子テーマ有効化

「有効化」とはブログ装飾をそのテーマに切り替えるという事です。
子テーマを選ぶと下に現れる「有効化」を押します。

（注意）親テーマは「有効化」しません。
9-新しいテーマを有効化しました

「新しいテーマを有効化しました。」と表示されます。

10-1-ブログ確認

最上部の”ブログタイトル”をクリックするか、マウスオーバーで現れた「サイトを表示」を選ぶと、THE THORのテーマが反映されたブログが表示されます。

10-2-ブログ確認

これが初期状態のブログです。飾り気も無く寂しい感じです。
この後の作業（数ステップ先ですが）になりますが、ビジュアルを高めるために、デモサイト一覧にある「スタイル」をダウンロードしたり、カスタマイズメニューからお気に入りの形を作って見た目も良くしていきます。

THE THORが導入出来ました。これで思う存分カスタマイズしていくことが出来ます。

この後することは？

hajizo

hajizo

では、お疲れ様でした～

関連記事Related articles

TOP