![](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/サムネイル.png?resize=550%2C365&ssl=1)
![](https://i0.wp.com/technetplan.com/wp-content/uploads/2020/05/男性.jpg?w=60&ssl=1)
「デザイン着せ替え機能」っていうのがあるんだよね?
特に難しい操作はないし、順を追って一つずつやれば、すぐにブログの外観をオシャレに着せ替えできるよ♪
![](https://i0.wp.com/technetplan.com/wp-content/uploads/2020/06/inakanoyuichi様3.png?w=60&ssl=1)
SEO対策がしっかりしていて、多くのブロガーやアフィリエイターに使われ人気の『THE THOR(ザ・トール)』。
特にカスタマイズに時間をかけずに、デザインの整ったブログを立ち上げることができます。
さらに、公式サイトには「デモサイト」として、あらかじめ完成された形のブログデザイン(スタイル)が公開。
インストールすることで、外観デザインに余計な時間を取られることなく、速やかにブログ運営に移ることが可能です。
ここでは、THE THORのデモサイトをインストールする「着せ替え機能」の使い方を、説明していきます。
THE THOR・スタイルのインストール手順
ではさっそく、ザ・トールのデモサイトのスタイルをインストールする、「着せ替え機能」のやり方を順番に見ていきます。
最初に「Customizer Export/Import」というプラグインをインストール、既存の設定をエクスポート(出力)してパソコンに保存しておき、その後にデモサイトをインストールする、という流れになります。
- プラグイン「Customizer Export/Import」をインストール
- 既存のカスタマイズ設定をバックアップ
- スタイルをPCにダウンロード&解凍
- スタイルをWordPressにインポート
【1】プラグイン「Customizer Export/Import」をインストール
まず、カスタマイズ設定をインポート&エクスポート(データの入出力)できるプラグイン「Customizer Export/Import」を、WordPressにインストールします。
![プラグイン「Customizer Export/Import」をインストール](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/02/03a.png?resize=747%2C582&ssl=1)
WordPressの左メニューから「プラグイン」→「新規追加」を選択。
![プラグイン「Customizer Export/Import」をインストール](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/04a-1.png?resize=800%2C350&ssl=1)
- 右上の検索窓に「Customizer Export/Import」と入力すると、プラグインが検索されて表示されます
- 「今すぐインストール」をクリックすると、インストールされます
- インストールが完了すると、同じ場所に「有効化」というボタンが表示されるのでクリック
これで、プラグイン「Customizer Export/Import」のインストールが完了です。
【2】既存のカスタマイズ設定をバックアップ
あらかじめ、既存のカスタマイズ設定をバックアップしておきましょう。
もし、スタイルを設定した後で、やっぱり元に戻したくなった場合には、
- THE THORの「デフォルト用スタイル」をダウンロード&WordPressにインポート
- バックアップしたファイルをインポート
この手順で、元の状態に戻ります。
「デフォルト用スタイル」のダウンロード&インポート方法については、後述の「別のスタイルに変更&元に戻す方法は?」で詳しく説明します。
![既存のカスタマイズ設定をバックアップ](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/05a.png?resize=800%2C508&ssl=1)
まず左メニューから、「外観」→「カスタマイズ」を選択。
![既存のカスタマイズ設定をバックアップ](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/06a.png?resize=598%2C342&ssl=1)
プラグイン「Customizer Export/Import」をインストール&有効化していれば、一番下に「エクスポート / インポート」という項目が追加されているので、クリックします。
![既存のカスタマイズ設定をバックアップ](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/07a.png?resize=491%2C454&ssl=1)
「書き出し」をクリックすると、任意の場所にバックアップデータをエクスポートできます。
デスクトップなど、分かりやすい所に保存しておきましょう。
![既存のカスタマイズ設定をバックアップ](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/08.png?resize=209%2C175&ssl=1)
エクスポートされたファイル名は「the-thor-child-export.dat」です。
もし、スタイルを設定後に元に戻したいと思ったら、上の画像の「インポート」→「ファイルを選択」から、
- 「デフォルト用スタイル」(後述)をインポート
- このバックアップファイル「the-thor-child-export.dat」をインポート
この手順でOKです。
【3】スタイルをPCにダウンロード&解凍
次に、スタイルをダウンロードした上で解凍します。
まず、THE THORの公式サイトに入ります。
⇒ 【THE THOR(ザ・トール)】![](https://i0.wp.com/www10.a8.net/0.gif?resize=1%2C1&ssl=1)
![スタイルをPCにダウンロード&解凍](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/09a.png?resize=800%2C440&ssl=1)
公式サイトに入ったら、上のメニューから「デモサイト一覧」をクリック。
![スタイルをPCにダウンロード&解凍](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/11a.png?resize=800%2C561&ssl=1)
9種類のスタイルが設定されたサイトの画像が、ズラッと並んでいます。
それぞれの画像の下にある「デモサイトへ」をクリックすると、デモサイトを閲覧できます。
設定したいスタイルを決めたら、「スタイルダウンロード」をクリック。
![スタイルをPCにダウンロード&解凍](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/12.png?resize=324%2C206&ssl=1)
「the-thor-child-export-demo0x.zip」という、「ZIP形式」のファイルがダウンロードされます。
「demo0x」のxには、デモサイトの番号が入ります。
これは「圧縮ファイル」と呼ばれるもので、「解凍(データを展開)」してから使用する必要があります。
パソコンの環境によっては自動的に解凍されますが、Windowsならこのファイルを右クリック→「解凍」を選択するなどして解凍できます。
![スタイルをPCにダウンロード&解凍](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/13.png?resize=208%2C163&ssl=1)
解凍すると同じ名前のフォルダが現れ、中には拡張子が「.dat」となった同名のファイルが入ってます。
このファイルをWordPressにインポートします。
【4】スタイルをWordPressにインポート
先ほどの「【2】既存のカスタマイズ設定をバックアップ」で紹介した、WordPressのカスタマイズ設定をする所から、解凍したファイルをインポートします。
左メニューより「外観」→「カスタマイズ」→「エクスポート / インポート」を選択。
![スタイルをWordPressにインポート](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/14a.png?resize=593%2C599&ssl=1)
「インポート」の項目で、
- 「ファイルを選択」をクリックして、先ほどの解凍したファイル(拡張子が「.dat」)を選択
- 「画像ファイルをダウンロードしてインポートしますか?」にチェック
- 「インポート」をクリック
これで、デザインの着せ替えが完了しました。
更新すると、選んだスタイルが自サイトに設定されているかと思います。
【要注意】別のスタイルに変更&元に戻す方法は?
別のスタイルを試したり、スタイルを設定する前の状態に戻すには、
- THE THORの「デフォルト用スタイル」をダウンロード&WordPressにインポート
- 解凍した別のスタイルのファイル、及びバックアップしたファイルをインポート
と、いったんTHE THORのデフォルト(初期状態)に戻してから、別のスタイルなりバックアップしていたカスタマイズ設定をインポートするという、2段階の手順が必要となります。
すると、画像がちゃんと表示されなかったりするなど、デザインがちょっと崩れた感じになってしまいました・・。
![](https://i0.wp.com/technetplan.com/wp-content/uploads/2020/06/inakanoyuichi様3.png?w=60&ssl=1)
【1】「デフォルト用スタイル」をダウンロード&インポート
THE THORのマニュアルサイトから、「デフォルト用スタイル」をダウンロード。
それから、WordPressにインポートします。
マニュアルサイトはWordPressダッシュボードの、一番下から入れます。
![「デフォルト用スタイル」をダウンロード&インポート](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/15a.png?resize=773%2C290&ssl=1)
![「デフォルト用スタイル」をダウンロード&インポート](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/16a.png?resize=800%2C387&ssl=1)
「初期設定」というカテゴリーから、「カスタマイザーの設定をデフォルトに戻す方法」という項目を見つけ、「続きを読む」をクリック。
![「デフォルト用スタイル」をダウンロード&インポート](https://i0.wp.com/technetplan.com/wp-content/uploads/2021/03/17b.png?resize=751%2C528&ssl=1)
ページ内にある、「スタイルをダウンロードする」をクリック。
「the-thor-child-export-default.zip」というZIPファイルがダウンロードされるので、解凍して同名の「.dat」ファイルを生成。
WordPressの左メニューから「外観」→「カスタマイズ」→「エクスポート / インポート」に入り、解凍してできた「the-thor-child-export-default.dat」ファイルをインポート。
これで、カスタマイズ設定がデフォルトに戻ります。
【2】別のスタイル、及びバックアップしたファイルをインポート
あとは同様に、別のスタイルやバックアップしてある元の状態の「.dat」ファイルをインポート。
この方法で、別のスタイルを試したり、設定前の元の状態に戻れます。
デフォルトに戻さずに、直接他のスタイルやバックアップしたデータをインポートすると、トラブルの元にもなるようなので注意が必要です。
まとめ
以上、THE THOR(ザ・トール)から無料で配布されている「スタイル」を自サイトに設定できる、「デザイン着せ替え機能」の使い方を見てきました。
ビジュアルが映えるオシャレなスタイルや、シンプルに記事を読ませるスタイル、ランキングサイト用等々・・。
どれもデザイン的にきちんと整った9つのスタイルが、簡単に設定できます。
あらかじめ、こういったキレイなスタイルを設定できれば、ブログを始めるのがワクワク楽しみになりますね。
⇒ 抜群に上位表示されやすい WP テーマ 【ザ・トール】
![](https://i0.wp.com/www19.a8.net/0.gif?resize=1%2C1&ssl=1)
-
-
WordPressテーマ『ザ・トール(THE THOR)』購入&導入方法は?
WordPressの有料テーマ『ザ・トール(THE THOR)』。SEOに強くて高速、おしゃれでキレイなサイトやブログを簡単に作れて人気ですね。ここでは『ザ・トール』の購入方法やWordPressへの導入方法について詳しく見ていきます。
続きを見る
-
-
THE THOR(ザ・トール)のデメリット&メリットは?
『THE THOR(ザ・トール)』は多くのブロガーが使っている人気のテーマです。ただし、どんなテーマにもデメリットはあるもの。ここでは『THE THOR』のデメリット&メリットを、筆者が実際に利用して感じたことも含めて見ていきます。
続きを見る
-
-
『THE THOR』の評判や口コミ・実際に使ってみた感想は?
WordPressテーマとして評価の高い『THE THOR(ザ・トール)』。人それぞれ作るブログやサイトも違うし、購入する前に利用してる人のナマの意見も参考にしたいですね。ここでは実際に使ってる人の意見や感想を紹介していきます。
続きを見る