【THE THOR】複雑な手順なし!デザイン着せ替え機能の設定方法をご紹介!

アイキャッチ画像

今回はWordPressテーマ「THE THOR」のデザイン着せ替え機能について、その操作方法をご紹介します。

デザイン着せ替え機能とは簡単に言うと、公式サイトで紹介されているデモサイトを、そのまま自分のサイトでも使用できるという機能です。

プロのデザイナーが設定したデザインということなので、クオリティの高いサイトをすぐに使用することができます。

取り込みには一手間ありますので、当記事を参考ください。







 

テンプレートを取り込む前の注意点

取り込み手順をご説明する前に注意点ですが、デザインテンプレートを取り込むと、設定したカスタマイズはリセットされます。

例えば、下記をご覧ください。

デザインテンプレート取り込み後のトップページ

 

試しにデザインテンプレートを取り込んだ後のトップページです。

ご覧の通り、トップページのメインビジュアルからテキストまで、デザインテンプレートのものがそのまま反映されています。

デザインテンプレートは上書きされる仕様のようなので、事前にカスタマイズを行っていた場合、その設定はリセットされてしまいます。

デザイン着せ替え機能を利用する予定の方は、テーマ設定後、第一にデザインテンプレートを取り込まれることをおすすめします。



テンプレートの取り込み手順

さて、ここからは実際にデザインテンプレートをWordPressに取り込む方法をご説明します。

 

  • STEP 1
  • STEP 2
  • STEP 3
  • STEP 4

皆さんご存じの通り、「THE THOR」には9つのデザインテンプレートが用意されています。

9つのデザインテンプレート

 

各デザインに「スタイルダウンロード」のボタンがあるので、お好みのデザインをダウンロードします。

スタイルダウンロード

 

  • STEP 1
  • STEP 2
  • STEP 3
  • STEP 4

「the-thor-child-export-demo○○.zip」という圧縮ファイルがダウンロードされますので、展開します。

展開すると、「the-thor-child-export-demo○○.dat」というファイルを取得できます。

the-thor-child-export-demo○○.dat

こちらがテンプレートファイルの本体になります。

 

  • STEP 1
  • STEP 2
  • STEP 3
  • STEP 4

ダウンロードしたファイルを取り込んでいきますが、取り込むには「Customizer Export/Import」というプラグインが必要になります。

Customizer Export/Import

 

プラグインをインストールしたら、有効化にしましょう。

特に設定は必要なく、有効化するだけでOKです!

 

  • STEP 1
  • STEP 2
  • STEP 3
  • STEP 4

「Customizer Export/Import」のインストールが完了したら、ダッシュボードの「外観 > カスタマイズ」と進みます。

ダッシュボード

 

カスタマイズ画面に「エクスポート / インポート」という項目が追加されますので、クリックします。

エクスポート / インポート

 

インポートの項目に「ファイルを選択」のボタンがありますので、ダウンロードした「the-thor-child-export-demo○○.dat」のファイルを選択し、「インポート」のボタンをクリックします。

「画像ファイルをダウンロードしてインポートしますか?」にチェックを入れておくと、デモサイトで使用されている画像ファイルも適用された状態で、使用することができます。

インポート画面

 

後々画像ファイルはご自身のサイト用に変更することになりますが、デモ用の画像でもあった方がイメージがつきやすいので、チェックをつけてダウンロードされることをおすすめします。

デモ画像が適用されたサイト

 

以上でデザインの取り込みは完了です。

デザインの取り込みが完了すれば、「Customizer Export/Import」のプラグインは削除しても問題ありせん。







 

「THE THOR」のデザイン着せ替えまとめ

WordPressテーマ「THE THOR」のデザイン着せ替え機能の操作方法について、ご紹介しました。

プラグインを使用してインストールするという一手間はありますが、デザインテンプレートの取り込み操作自体は難しくありません。

むしろ、取り込み自体があっという間に終わってしまうので、本当に大丈夫かな?思えるレベルです。笑

しかし、たったこれだけの手順で高クオリティのサイトを実現できるので、初心者の方のみならず、WordPressの操作に慣れている方でも適用する価値ありです。

はらちゃん
私も「デモサイト1」のテンプレートを使用し、サイトを構築しました。

皆さんもお好みのデザインを見つけて、ぜひ適用してみてくださいね。

最後までお読み頂きありがとうございました。









【Amazon】1,000円分のポイントがもらえる
キャンペーンを実施中!
Amazonチャージ

Amazonキャンペーン

皆さんが普段利用しているAmazonの支払い方法を現金に変更するだけで、1,000円分のポイントがもらえるキャンペーンを、現在Amazonが実施中です。

1,000円分のポイントに加え、最大2.5%の還元を受けられるサービスも同時に適用可能!

クレジットカードよりも遥かに還元率の良い購入方法で、お得にAmazonでお買い物しませんか?

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です