THE THOR(ザ・トール)のサイトデザイン着せ替え方法|初心者向けマニュアル
THE THOR(ザ・トール)のサイトデザイン着せ替え方法|初心者向けマニュアル
THE THORでは、公式サイトで用意されている複数のデザインスタイルの中から、好みのものを選んで簡単にサイトのデザインを着せ替えることができます。

デザインスタイルはオシャレで洗練されたものばかりなので、「サイトのデザインが苦手」という方にも打ってつけの機能です。

今回は、このTHE THORのデザイン着せ替え方法について解説したいと思います。

デザイン着せ替え方法

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

WordPressのダッシュボード左メニューから、『プラグイン新規追加』という順にクリックしましょう。

WordPressのダッシュボード左メニューから、『プラグイン→新規追加』という順にクリック

WordPressのダッシュボード左メニューから、『プラグイン→新規追加』という順にクリック

プラグインの新規追加ページが開きます。
画面右上の検索窓に「Customizer Export/Import」と入力しましょう(コピペしてください)。

検索窓に「Customizer Export/Import」と入力

検索窓に「Customizer Export/Import」と入力

下記のプラグインが表示されます。
今すぐインストール』ボタンをクリックしましょう。

『今すぐインストール』ボタンをクリック

『今すぐインストール』ボタンをクリック

画面が切り替わります。
プラグインを有効化』ボタンをクリックし、プラグインを有効化しましょう。

『プラグインを有効化』ボタンをクリック

『プラグインを有効化』ボタンをクリック

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

THE THOR公式サイトの「デモサイト一覧」ページにアクセスします。

下記のリンクをクリックすると、ページに直接アクセスできます。

THE THOR公式サイトの「デモサイト一覧」ページ

THE THOR公式サイトの「デモサイト一覧」ページ

デザインスタイルは全部で9種類(01〜09)あります。

着せ替えたいスタイルの『スタイルダウンロード』ボタンをクリックしましょう。

『スタイルダウンロード』ボタンをクリック

『スタイルダウンロード』ボタンをクリック

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

zipファイルを解凍し、「the-thor-child-export-demo0X.dat」と書かれたファイル(DATファイル)を展開しておきましょう。

the-thor-child-export-demo0X.dat

the-thor-child-export-demo0X.dat

デザインスタイルをインストールする

WordPressのダッシュボード左メニューから、『外観カスタマイズ』という順にクリックしましょう。

『外観→カスタマイズ』という順にクリックして進む

『外観→カスタマイズ』という順にクリックして進む

「THORカスタマイズ」画面が表示されます。

エクスポート / インポート』をクリックしましょう。

『エクスポート / インポート』をクリック

『エクスポート / インポート』をクリック

「インポート」の『ファイルを選択』ボタンをクリックし、先ほどダウンロードした「the-thor-child-export-demo0X.dat」ファイルを選択しましょう。

次に、『画像ファイルをダウンロードしてインポートしますか?』のチェックボックスにチェックを入れ、『インポート』ボタンをクリックします。

ファイルを選択し、『画像ファイルをダウンロードしてインポートしますか?』のチェックボックスにチェックを入れ、『インポート』ボタンをクリック

ファイルを選択し、『画像ファイルをダウンロードしてインポートしますか?』のチェックボックスにチェックを入れ、『インポート』ボタンをクリック

これで、サイトのデザインがデモサイトのようになります。

着せ替えしたサイトデザイン

着せ替えしたサイトデザイン

デザインをデフォルトに戻す方法

デザインスタイルをインストールして、「なんだか思ってたのと違う…」となった場合は、下記の流れでデフォルトのデザインに戻すことができます。

デフォルト用スタイルをダウンロードする

THE THOR公式サイトの下記のページにアクセスします。

下記のダウンロードボタンをクリックし、デフォルト用スタイルをダウンロードしましょう。

ダウンロードボタンをクリック

ダウンロードボタンをクリック

「the-thor-child-export-default」と書かれたzipファイルがダウンロードされれば、ダウンロードは完了です。

zipファイルを解凍し、「the-thor-child-export-default.dat」と書かれたファイル(DATファイル)を展開しておきましょう。

the-thor-child-export-default.dat

the-thor-child-export-default.dat

デフォルト用スタイルをインストールする

上の方で解説したデザインスタイルのインストール方法と同様の流れで、デフォルト用スタイルをインストールします。

これで、サイトのデザインをデフォルトに戻すことができます。

デフォルトのサイトデザイン

デフォルトのサイトデザイン

まとめ

今回は、THE THORのデザイン着せ替え方法を解説しました。

「デザイン着せ替え機能」を使えば、手軽にサイトのデザインを着せ替えることができます。

サイトのデザインに割く時間をコンテンツ制作に回すことができるので、ぜひ活用してみてください。

スポンサーリンク

スポンサーリンク

アンケート実施中

テーマニアの内容をさらに充実させるため
アンケートを実施中です。

ご協力お願いいたします。

おすすめの記事