THE THOR(ザ・トール)デザイン着せ替え機能の設定方法【図解で解説】

「THE THOR(ザ・トール)」デザイン着せ替えの設定方法を公式サイトよりも丁寧に図解を交えながらまとめました。

もしかすれば「THE THOR(ザ・トール)」を購入したものの、「デザインの着せ替えってどうやるんだろう・・・。」と悩まれているかもしれません。

もしくは「公式サイト(操作マニュアル)を開くのはメンドくさいから解説サイトとかあればいいな。」と思われているかもしれません。

私自身も「THE THOR(ザ・トール)」を購入した当初は、「デザイン着せ替えってどうやるんだろう・・・。」と少し戸惑ってしまった時がありました)。

なので、この記事は「THE THOR(ザ・トール)」のデザイン着せ替えについて、図解を交えながら解説していきます。

この記事で解説している手順は実際に私自身がデザイン(デザインスタイル)を導入した際に行った手順と同じですので、手順通りに進めて頂ければ『デザイン着せ替え』は今すぐに出来ます。

そのため、公式サイトで提供されている『THE THOR(ザ・トール)』の操作マニュアルを改めて読む必要もありません。

是非、参考にしてみてください。

「デザインスタイル」をダウンロードする

>「THE THOR(ザ・トール)」の公式ホームページ

上記URLをクリックし、「THE THOR(ザ・トール)」の公式ホームページを開いてください。

その後、ページ上部の「デモサイト一覧」をクリックしてください。

次に「01」から「09」までデモサイトを閲覧出来る「デモサイトへ」をクリックしてみて、自分好みのサイトを探してみてください♪

ちなみに、私が現時点で使用しているデザインは「07」です(シンプルでビジネス色を少し強めていきたい場合は、07のテーマはとてもオススメなので、是非使ってみてください)。

ダウンロードしたいデザインが決定後、「スタイルダウンロード」をクリックしてください。

「the-thor-child-export-demo0X(Xは任意の番号)」と書かれたzipファイルがダウンロードされれば、ダウンロードは完了です。

「zipファイル(the-thor-child-export-demo0X)」を解凍する

先ほどダウンロードしたファイルは、圧縮ファイル(zip形式)になっていますので、zipファイルを解凍する必要があります。

Windowsの場合

ダウンロードしたzipファイルを右クリックし、「すべて展開」をクリックします。

「圧縮(zip形式)フォルダーの展開画面」が起動しますので、「展開」を選択します。

そうすると「the-thor-child-export-demo0X.dat」と書かれたファイル(DATファイル)が展開されます。

zip形式ダウンロードデータの解凍方法は、Windowsのバージョンによっても、そのやり方が異なります。なので、もし上記のやり方でzipファイルが解凍出来ない場合は「https://www.fom.fujitsu.com/goods/downloads/zip.html」こちらのサイトを参考にしてみてください。

Macの場合

Macの場合は上記の「the-thor-child-export-demo0X.zip」と書かれたzipファイルをダブルクリックすると、「the-thor-child-export-demo0X.dat」のファイルが展開されます。

WordPressプラグイン「Customizer Export/Import」をインストールする

WordPressの管理画面から「プラグイン」→「新規追加」をクリックしてください。

赤枠部分に「Customizer Export/Import」と入力してください(ペーストしてください)。

「今すぐインストール」をクリックしてください。

「有効化」をクリックしてください。

「the-thor-child-export-demo0X.dat」をインポートする

WordPressの管理画面から「外観」→「カスタマイズ」をクリックしてください。

カスタマイズ項目に「エクスポート/インポート」がありますので、そちらをクリックしてください。

「ファイル選択」の部分に先ほどダウンロードした「the-thor-child-export-demo0X.dat」を参照してください。

また、「画像ファイルをダウンロードしてインポートしますか?」にチェックを付けてください。

最後に「インポート」をクリックしてください。

設定が完了すれば、デモサイトのようなデザインに切り替わります。

もし「ここの設定はこうした方がいいかな。」と思う項目が出て次第、今後はどんどん自分好みの設定に変えてみてください♪

THE THOR(ザ・トール)デザイン着せ替え機能の設定方法:まとめ

お疲れ様でした。

「THE THOR(ザ・トール)」のデザイン着せ替えはこれで完了です♪

ただ、「THE THOR(ザ・トール)」はデザイン着せ替え以外にも、カスタマイズ可能な項目がたくさんあります。

それゆえ、

「この後はどこから手を付けていけばいいのかな・・・。」
「オススメの設定があれば知っておきたいなー。」

といった悩みが出てきてしまうかもしれません。

なので、もし『この後どうすればいいのか少し途方に暮れています』という場合は、以下の記事を参考にしてみてください。

>THE THOR(ザ・トール)絶対に欠かせない4つの初期設定【全て図解入り】

上記の記事はどのデザインスタイルを選択していたとしても、「THE THOR(ザ・トール)」を導入しているなら、オススメの初期設定をまとめています。

是非、「THE THOR(ザ・トール)」をより活用していくための参考材料してください♪

それでは、この度はご購読頂きありがとうございました。

また次回の記事でお会いしましょう。