THE THORのデモサイトをインストール!デザイン着せ替えの方法

THE THORのデモサイトをインストールしたいけど、その方法がよくわからなくて悩んでいませんか?

 

わたしもTHE THORのデモサイトをインストールすれば、デザイン着せ替えできることは知っていましたが、いざTHE THORの公式サイトで調べるとなると、正直めんどくさいと感じていました。

 

結局、THE THORの公式サイトよりも、たくさんの画像付きで解説しているサイトを参考にさせていただいたので、そのときのことを思い出し、今回初心者さん向けにまとめてみましたよ。

 

過去のわたしと同じ状況のあなたへ、この記事でわたしが実際に行った手順通りに進めていけば、デザイン着せ替えをご自身で完了することが可能です。

 

ということで、THE THORのデモサイトをダウンロードして、デザインを着せ替える方法について、画像を交えながら解説していきますので、是非参考にしてみてくださいね。

 

デザイン着せ替え機能を行う前の注意点と準備

はじめに、デザイン着せ替え機能を設定する前の注意点と、必要な準備をお伝えしていきますね。

 

まず注意点ですが、「デザイン1にしてみたけど、やっぱり2にしたい」といったような際、うまく切り替えが反映されません。

 

その場合は、面倒ですが一度デフォルトファイルをインストールして、白紙の状態にしてから、次のデザインをインストールしましょう。

 

キャナ子

「デザイン1」→「デフォルトファイル」→「デザイン2」といったような順番でインストールしてくださいね

 

では続いて、デザイン着せ替えを行うために、以下2つの準備を済ませてください。

 

①プラグインをダウンロードする

着せ替え機能に必要な「Customizer Export/Import」というプラグインをダウンロードします。

 

WordPressの管理画面から「プラグイン」→「新規追加」と進みます。

 

右上部分に「Customizer Export/Import」と入力「今すぐインストール」をクリックしてください。

 

最後に「有効化」すると導入完了です。

 

②着せ替えをダウンロードする

次に着せ替えをダウンロードします(ここでは01)ので、まずはデモサイト一覧をクリックしてください

デモサイト一覧

 

デモサイトの「スタイルダウンロード」をクリックしてください。

 

「the-thor-child-export-demo01」と書かれたzipファイルがダウンロードされます。

 

なお、ダウンロードしたファイルは圧縮ファイルになっていますので、以下の手順で解凍しましょう。

Windowsの場合

  1. 右クリック→「すべて展開」をクリックしてください。
  2. 「圧縮フォルダーの展開画面」が起動しますので、「展開」を選択しましょう。
  3. 「the-thor-child-export-demo01.dat」ファイルが展開されます。

 

 

Macの場合 

  1. 圧縮ファイルをダブルクリックしてください。
  2. 「the-thor-child-export-demo01.dat」のファイルが展開されます。

 

「THE THOR無料サポート」受付中!質問、疑問etc…どんな些細なことでもOK!お問い合わせはこちらからお気軽にどうぞ!

THE THORのデモサイトをインストールする方法

ではいよいよ、ダウンロードしたデザインをWordPressにインストールする方法を解説していきますね。

 

わずか4ステップで着せ替え完了

①WordPressの管理画面から「外観」→「カスタマイズ」へ進みます。

 

②カスタマイズ項目の一番下にある「エクスポート/インポート」をクリックします。

 

③インポートで「ファイル選択」をクリック→「the-thor-child-export-demo01.dat」を選択して、ボタン横に反映させましょう。

 

なお、「画像ファイルをダウンロードしてインポートしますか?」にチェックを入れると、デモサイトのヘッダー画像がWordPressにインストールされますので、不要な場合はチェックを外しましょう。

 

④最後に「インポート」をクリックして設定完了です。

THE THORのデモサイトをインストールするメリット

設定は無事に完了できましたか?THE THORのデモサイトをインストールするデザイン着せ替え機能は、自分でデザインを作るのが苦手だったり、面倒だという方にとっては、まさに魔法のようなツールといえますよね

 

だって、デザイン着せ替え機能で気に入ったデモサイトをワンクリックでコピーすれば、すぐに導入が可能なのですから。

むすめ
THE THORを導入したら一度は試したい機能だよね♪

 

キャナ子
わたしも導入してすぐにサブブログで使ってみましたよ!

 

  • プロデザイナーが制作したサイトから好みのデザインを選べる
  • デザインに費やす手間をショートカットできる
  • 設定もほぼワンクリックで簡単に操作できる

まとめ

お疲れ様でした!ここまで、THE THORのデモサイトをダウンロードして、デザインを着せ替える方法について、画像を交えながら解説してきました。

 

本記事を読めば、THE THOR公式サイトによる操作マニュアルは読まなくても済むのではないでしょうか?少しでもあなたの手間を省くことができれば幸いです。

 

最後に、今回の記事でなにかわからないことはありませんでしたか?質問や相談、感想や雑談などなんでも受け付けているので、どうぞお気軽にメールくださいね↓