THE THORのデザイン着せ替えでスタイルの綺麗なサイトに【デモサイトで3分カスタマイズ】

  • 3 min read
THE THORのデザイン着せ替え機能【3分でおしゃれなサイトに】

この記事ではTHE THORのデザイン着せ替え機能の使い方を解説します。

ブログを開設したら、誰でもデザインをおしゃれにしたいですよね。 とはいえ、HTMLやCSSなどコードの設定がわからないと、デザインを変更するのもかなりの時間と労力がかかります。

WordPressテーマのTHE THOR(ザ・トール)を使用すれば、初心者でも3分でおしゃれなブログデザインにカスタマイズすることができますよ!

▼ おしゃれ&サイトスピード高速化テーマ ▼

THE THOR

【 THE THORの特徴 】

  • 高速表示機能『AMP』『PWA』搭載でサイトスピードを高速化!
  • 1回買い切りで複数サイトに利用可能!利用制限なし!
  • おしゃれなデザインも着せ替え機能でワンクリック
  • 100%レスポンシブでモバイルファースト対応

※当サイト独自特典
\ 『記事作成10の手順』付き /

>THE THORの評判・実際の使用感レビューはコチラから

THE THORのデザイン着せ替え方法

THE THOR(ザ・トール)のデザイン着せ替え方法
THE THOR(ザ・トール)のデザイン着せ替え方法

THE THORのデザイン着せ替え方法は、以下の4ステップで進めます。

デザイン着せ替え手順
  1. 『Customizer Export/Import』をインストールする
  2. 着せ替えるスタイルをダウンロードする
  3. 圧縮ファイルを解凍する
  4. 解凍したファイルをインポートする

スムーズにいけば3分程度で終わります。

ステップ①:『Customizer Export/Import』をインストールする

まずは、WordPressプラグイン『Customizer Export/Import』をインストールします。

1.『プラグイン』⇒『新規追加』をクリック

プラグインの新規追加項目
プラグインの新規追加項目

2.『Customizer Export/Import』をインストール⇒有効化

Customizer Export/Importのダウンロード
Customizer Export/Importのダウンロード
Customizer Export/Importの有効化
Customizer Export/Importの有効化

以上で、『Customizer Export/Import』のインストールは完了です。

ステップ②:着せ替えるスタイルをダウンロードする

次に、着せ替えたいスタイルをダウンロードします。

1.『デモサイト一覧』を開く

THE THORのデモサイト一覧
THE THORのデモサイト一覧

2.着せ替えたいスタイルをダウンロード

THE THORのデモデザインをダウンロード
THE THORのデモデザインをダウンロード

※例として『02』をダウンロードします

3.ダウンロードが完了

THE THORデモデザインのZIPファイル
THE THORデモデザインのZIPファイル

以上で、スタイルのダウンロードは完了です。

ステップ③:圧縮ファイルを解凍する

先ほどダウンロードしたZipファイルを解凍します。

圧縮ファイルのままだとWordPressにスタイルをインストールできなので、必ず解凍してください。

1.Zipファイル名を確認

THE THORのデモデザインZIPファイル名
THE THORのデモデザインZIPファイル名

2.Zipファイルを解凍

THE THORのデモデザインZIPファイルの解凍
THE THORのデモデザインZIPファイルの解凍

これで、デモデザインのZipファイルの解凍までは完了しました。

あとは、ブログにデモデザインのスタイルを実装するだけです。

ステップ④:解凍したファイルをインポートする

最後に、解凍したファイルをWordPressにインストールします。

1.『外観』⇒『カスタマイズ』をクリック

THE THORの管理画面
THE THORの管理画面

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

THE THORデモデザインのエクスポート/インポート
THE THORデモデザインのエクスポート/インポート

3.ファイルをインポート

デモデザインのファイルをインポートする
デモデザインのファイルをインポートする
インポートの手順
  1. 『ファイルを選択』をクリックして、解凍したファイルを選択する
  2. チェックしてもしなくても、どちらでも構わない
  3. 『インポート』をクリックする

4.トップページの表示確認

画像ファイルもインポートした場合

THE THORのデモデザイン設定後のトップページ
THE THORのデモデザイン設定後のトップページ(画像ファイルあり)

画像ファイルをインポートしない場合

THE THORのデモデザイン設定後のトップページ(画像ファイルなし)
THE THORのデモデザイン設定後のトップページ(画像ファイルなし)

上の画像のようになっていればインポート完了です。

ここまでデザイン着せ替え設定方法を解説しましたが、いくつかの注意点があるので解説します。

THE THORのデザイン着せ替え注意点

THE THOR(ザ・トール)のデザイン着せ替え時の注意点
THE THOR(ザ・トール)のデザイン着せ替え時の注意点

THE THORのデザインを着せ替えには、注意点が3つあります。

デザイン着せ替えの注意点

  • デザイン着せ替えで設定がリセットされる
  • デザイン着せ替え後に初期設定が必要
  • デザインを再設定する場合は1度リセットする

それぞれの注意点を説明しますね。

デザイン着せ替えで設定がリセットされる

デザイン着せ替えをすると、これまで行っていたカスタマイズ設定がすべてリセットされます。

リセットされる項目例

  • アクセス解析ツールの設定
  • アドセンス広告コード
  • HTML、CSSなどのカスタマイズ

など

このように、手間ひまかけて行った設定がすべてリセットされてしまいます。

THE THORのデザイン着せ替え機能を設定する場合は、テーマ導入後すぐに行いましょう。

※他テーマからTHE THORに変更して、デザイン着せ替えを行う場合は事前にバックアップを取っておくと安心です。

デザイン着せ替え後に初期設定が必要

デザイン着せ替え後に初期設定が必要です。

デザイン着せ替えで、ブログデザインの大枠はできますが中身はあなたのブログ固有に設定しないといけません。設定したサイトは以下のようになります。

THE THORのデザイン着せ替え後の画面
THE THORのデザイン着せ替え後の画面

※画像もダウンロードした場合

デザイン着せ替え直後は、『THE THOR』の画像や設定が使用されます。

デモサイトそのままのデザインになるため、デザイン着せ替えを行ったらあなたのサイトに合わせた設定にする必要があります。

デザインを再設定する場合は1度リセットする

「デモ01をダウンロードしたけど、やっぱりデモ02に変更したい」などデザインを再設定したい場合は、最初に設定したデザインを1度リセットする必要があります。

デフォルトに戻さずデザインを変更すると不具合が起こる場合があり、THE THOR公式ページでも1度設定をリセットするように推奨しています。

デザイン設定をリセットする方法は、次の項で解説します。

THE THORのデザイン着せ替えをリセットする方法

THE THORのデザイン着せ替えをリセットする方法
THE THORのデザイン着せ替えをリセットする方法

「THE THORのデザインを着せ替えたけど、やっぱり元の状態に戻したい」という方もいると思うので、デザイン着せ替えをリセットする方法を紹介します。

デフォルト用のスタイルをダウンロードする以外は、デザイン着せ替え方法と同じです。

1.『THE THORマニュアルサイト』からデフォルト用のスタイルをダウンロード

THE THORのデフォルトスタイルをダウンロード
THE THORのデフォルトスタイルをダウンロード

2.ファイルをインポートする

デフォルトデザインのインポート
デフォルトデザインのインポート
インポートの手順
  1. 『ファイルを選択』をクリックして、解凍したファイルを選択する
  2. チェックしないでOK
  3. 『インポート』をクリックする

以上で、デザイン着せ替えの設定はリセットされます。

トップページに戻り、デザイン着せ替え前の状態に戻ったか確認してください。

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

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

THE THORのデザイン着せ替えを利用することで、ブログ初心者でもおしゃれなサイトをかんたんに作ることができます。

ただし、デザインを着せ替えるとカスタマイズがリセットされます。

デザイン着せ替え機能は他テーマからTHE THORに変更後すぐ、あるいはブログ開設後すぐにTHE THORを導入してデザインを着せ替えるとスムーズですよ!

さて、デザインの着せ替えができたら次は各種プラグインを設定しましょう。

関連記事THE THORのプラグイン|必須・不要・相性悪い・おすすめ

nv-author-image

4つの特化ブログを運営しながら、月収6桁を稼ぐブロガー。現在は開業してサロンサポーター&ブログ個別指導など実践しています。 WordPressに関すること(デザイン・カスタマイズ・テーマ・サーバーなど)が得意。なかでもサイトスピード改善サービスは個人/企業から高評価を得ています。

コメントを残す

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