【THE THOR着せ替え】初心者向けに画像付きで解説

thethor着せ替え
Chiharu
Chiharu
今回は、THE THORの着せ替え(デザイン変更)方法についてお伝えします。

 

THE THORの着せ替えについて

 

THE THOR(ザ・トール)で着せ替えのできるデザインは9種類。目的に合わせて簡単にデザインを着せ替えることができます。

 

デモデザイン

 

THE THORの着せ替えデザインはTHE THORに搭載されている機能を組み合わせて作成されているので、途中から「あの機能も加えたい」と思ったとき、簡単に追加することができます。

 

ですので、着せ替えデザイン選びに迷っているなら、直感で好きなデザインを選ぶといいですよ。

 

例えば、ブログを開くと一番最初に目に入るメインビジュアルは、静止画・YouTube動画・スライドショー・非表示の4種類。それぞれの着せ替えデザインに違うメインビジュアルが設定されています。

 

 

 

 

このように着せ替えデザインの設定が、あらかじめされているか、されていないかの違いです。

 

迷いすぎて自分で選べないという方には、「デモデザイン01」がおすすめです。THE THORの機能のほとんどが表示される設定になっているので設定しやすいです。

 

必要のない機能を非表示にすればいいので、非表示に設定されている機能を探すより楽でわかりやすいですよ。

 

そして、下記の画像はTHE THOR「デモデザイン01」着せ替えデザインのインストール前後です。どのように変わるのか参考にしてください。

 

着せ替え前THE THOR
着せ替え後THE THOR

 

THE THOR着せ替え方法

 

  • STEP1
    THE THOR公式ページでデモスタイルをダウンロード
  • STEP2
    プラグイン(Customizer Export/Import)をインポート
  • STEP3
    WordPressにTHE THORのデモスタイルをインポート

 

【STEP1】THE THORデモスタイルをダウンロード

 

まずは、THE THORの公式ホームページでデモスタイルをダウンロードします。

 

the thorデモサイト
THE THOR公式ページのメニューから、「デモサイト一覧をクリックしてください。

 

the thorデモ
  1. デモサイト一覧が表示されたら使いたい着せ替えデザインの「スタイルダウンロード」をクリック
  2. 「the-thor-child-export-demoXX(XXはデモサイトの番号)」と書かれたzipファイルがダウンロードされる

 

これでTHE THORのデモスタイルのダウンロードは完了です。

 

【STEP2】プラグイン(Customizer Export/Import)をインポート

 

THE THORのデモスタイルをダウンロードするには、プラグインを使って設定します。

 

なんのことかわからなくても大丈夫です。手順通りに手を動かすだけで簡単にできますので、安心してくださいね。まずは、WordPressにアクセスしてください。

 

プラグイン
  1. ダッシュボード
  2. プラグイン
  3. 新規追加

WordPressにアクセスできたら左側のメニューにあるプラグインにカーソル(矢印)を合わせて新規追加をクリック

 

Customizer Export/Import

「Customizer Export/Import」と入力

プラグインを新規追加するには、右上の空欄に欲しい機能やプラグイン名を入力して、プラグインの検索をします。

 

Customizer-ExportImport
Customizer Export/Importが表示されたら「今すぐインストール」をクリック

 

Customizer-ExportImport

「有効化」をクリック

プラグインが使えるようになります。

 

【STEP3】WordPressにTHE THORのデモスタイルをインポート

 

さきほど、THE THORの公式ホームページからダウンロードしたファイルをWordPressにインストール(使えるように)します。

 

カスタマイザーへ
  1. ダッシュボード
  2. 外観
  3. カスタマイズ

THE THORデモスタイルを使えるように設定します。

 

カスタマイザー
この画面がTHE THORの設定で使うカスタマイザー画面です。

 

デモインポート
左側メニューの一番下「エクスポート/インポート」をクリック

デモインポート

  1. ファイル選択をクリック
  2. the-thor-child-export-demoXX(XXはデモサイトの番号)を選択
  3. 選択ボタンをクリック
  4. 画像ファイルをダウンロードしてインポートしますか ?をクリックしてチェックを入れる
  5. インポートをクリック
  6. 最後に カスタマイザー公開 をクリックして完了

 

以上で、THE THORの着せ替えは完了になります。

 

THE THORサポート

当ブログでは、THE THORを購入したけれど「使い方がわからない…」という方のためにカスタマイズサポート・カスタマイズ代行をお受けしています。

これからブログをはじめる方のお悩み相談や、WordPressの相談・設定代行もお気軽にお問い合わせください。

 


 

お疲れ様でした。

 

以上、【THE THOR着せ替え】初心者向けに画像付きで解説でした。

 

わからないことや、ご相談は、お気軽にお声がけくださいね。

 

 

お読みいただき、ありがとうございました。

Chiharu