この記事ではTHE THORのデザイン着せ替え機能の使い方を解説します。
ブログを開設したら、誰でもデザインをおしゃれにしたいですよね。 とはいえ、HTMLやCSSなどコードの設定がわからないと、デザインを変更するのもかなりの時間と労力がかかります。
WordPressテーマのTHE THOR(ザ・トール)を使用すれば、初心者でも3分でおしゃれなブログデザインにカスタマイズすることができますよ！
▼ おしゃれ＆サイトスピード高速化テーマ ▼
【 THE THORの特徴 】
- 高速表示機能『AMP』『PWA』搭載でサイトスピードを高速化！
- 1回買い切りで複数サイトに利用可能！利用制限なし！
- おしゃれなデザインも着せ替え機能でワンクリック
- 100%レスポンシブでモバイルファースト対応
※当サイト独自特典
＼ 『記事作成10の手順』付き ／
THE THORのデザイン着せ替え方法
THE THORのデザイン着せ替え方法は、以下の4ステップで進めます。
- 『Customizer Export/Import』をインストールする
- 着せ替えるスタイルをダウンロードする
- 圧縮ファイルを解凍する
- 解凍したファイルをインポートする
スムーズにいけば3分程度で終わります。
ステップ①：『Customizer Export/Import』をインストールする
まずは、WordPressプラグイン『Customizer Export/Import』をインストールします。
1．『プラグイン』⇒『新規追加』をクリック
2．『Customizer Export/Import』をインストール⇒有効化
以上で、『Customizer Export/Import』のインストールは完了です。
ステップ②：着せ替えるスタイルをダウンロードする
次に、着せ替えたいスタイルをダウンロードします。
2．着せ替えたいスタイルをダウンロード
※例として『02』をダウンロードします
3．ダウンロードが完了
以上で、スタイルのダウンロードは完了です。
ステップ③：圧縮ファイルを解凍する
先ほどダウンロードしたZipファイルを解凍します。
圧縮ファイルのままだとWordPressにスタイルをインストールできなので、必ず解凍してください。
1．Zipファイル名を確認
2．Zipファイルを解凍
これで、デモデザインのZipファイルの解凍までは完了しました。
あとは、ブログにデモデザインのスタイルを実装するだけです。
ステップ④：解凍したファイルをインポートする
最後に、解凍したファイルをWordPressにインストールします。
1．『外観』⇒『カスタマイズ』をクリック
2．『エクスポート/インポート』をクリック
3．ファイルをインポート
- 『ファイルを選択』をクリックして、解凍したファイルを選択する
- チェックしてもしなくても、どちらでも構わない
- 『インポート』をクリックする
4．トップページの表示確認
画像ファイルもインポートした場合
画像ファイルをインポートしない場合
上の画像のようになっていればインポート完了です。
ここまでデザイン着せ替え設定方法を解説しましたが、いくつかの注意点があるので解説します。
THE THORのデザイン着せ替え注意点
THE THORのデザインを着せ替えには、注意点が3つあります。
- デザイン着せ替えで設定がリセットされる
- デザイン着せ替え後に初期設定が必要
- デザインを再設定する場合は1度リセットする
それぞれの注意点を説明しますね。
デザイン着せ替えで設定がリセットされる
デザイン着せ替えをすると、これまで行っていたカスタマイズ設定がすべてリセットされます。
- アクセス解析ツールの設定
- アドセンス広告コード
- HTML、CSSなどのカスタマイズ
など
このように、手間ひまかけて行った設定がすべてリセットされてしまいます。
THE THORのデザイン着せ替え機能を設定する場合は、テーマ導入後すぐに行いましょう。
※他テーマからTHE THORに変更して、デザイン着せ替えを行う場合は事前にバックアップを取っておくと安心です。
デザイン着せ替え後に初期設定が必要
デザイン着せ替え後に初期設定が必要です。
デザイン着せ替えで、ブログデザインの大枠はできますが中身はあなたのブログ固有に設定しないといけません。設定したサイトは以下のようになります。
※画像もダウンロードした場合
デザイン着せ替え直後は、『THE THOR』の画像や設定が使用されます。
デモサイトそのままのデザインになるため、デザイン着せ替えを行ったらあなたのサイトに合わせた設定にする必要があります。
デザインを再設定する場合は1度リセットする
「デモ01をダウンロードしたけど、やっぱりデモ02に変更したい」などデザインを再設定したい場合は、最初に設定したデザインを1度リセットする必要があります。
デフォルトに戻さずデザインを変更すると不具合が起こる場合があり、THE THOR公式ページでも1度設定をリセットするように推奨しています。
デザイン設定をリセットする方法は、次の項で解説します。
THE THORのデザイン着せ替えをリセットする方法
「THE THORのデザインを着せ替えたけど、やっぱり元の状態に戻したい」という方もいると思うので、デザイン着せ替えをリセットする方法を紹介します。
デフォルト用のスタイルをダウンロードする以外は、デザイン着せ替え方法と同じです。
1．『THE THORマニュアルサイト』からデフォルト用のスタイルをダウンロード
2．ファイルをインポートする
- 『ファイルを選択』をクリックして、解凍したファイルを選択する
- チェックしないでOK
- 『インポート』をクリックする
以上で、デザイン着せ替えの設定はリセットされます。
トップページに戻り、デザイン着せ替え前の状態に戻ったか確認してください。
THE THORのデザイン着せ替えまとめ
THE THORのデザイン着せ替えを利用することで、ブログ初心者でもおしゃれなサイトをかんたんに作ることができます。
ただし、デザインを着せ替えるとカスタマイズがリセットされます。
デザイン着せ替え機能は他テーマからTHE THORに変更後すぐ、あるいはブログ開設後すぐにTHE THORを導入してデザインを着せ替えるとスムーズですよ！
さて、デザインの着せ替えができたら次は各種プラグインを設定しましょう。
