ブログ運営半年で月20万超の元サラリーマンブロガーなつです。
THE THOR（ザ・トール）には着せ替え機能があります。それぞれレイアウト・色、ヘッダー画像が動画や静止画などいろんなデザインが用意されています。
THE THOR（ザ・トール）のデザインはWebデザイナーの方が作っていますが、全体的にクールな美しさを追求したものです。好きな人は良いのですが私はもう少し癒し系のものも欲しいと感じました。
そこで、着せ替えデザインを使ってどこまでアレンジできるのかお伝えしていきます。
↓ デザインだけでなく、完璧なSEO対策でも定評のあるTHE THORの機能の記事です。
THE THOR（ザトール）の着せ替え機能デモ画面の基本形
着せ替え機能として用意されているのは以下の9パターンです。そもそもTHE THOR（ザ・トール）のカスタマイズでできることがかなり多く、迷ってしまわないために用意されたパターンです。
レイアウトは少しずつ変えてありますので、それを基礎にして変更していくことができます。
↓ 完璧なSEO対策、特典GETで9+6種類（合計15種類）のデザインはココだけ！
THE THOR（ザトール）デモサイトから作成した新たなレイアウト例
ご覧いただいたように、THE THORはカッコいいのですがクール系デザインが主で、ポップなものがないんですよね。
この記事でもデモのデザインを利用してどんなデザインになるのかをご紹介しておりますが、高機能ゆえ実際の色やレイアウトなど変更していくのは大変です。
そこで、いくつかのパターン違いのテンプレートを芸大出身の当ブログ管理人 なつが作ってみました。
背景の色や見出しの色など基本的な色合いをあらかじめ設置し「ポップ系」「かわいい系」「オーガニック系」「シンプル系」「和風」「ビジネスに使える」などTHE THORの公式デザインを補完するように作ってあります。
↓ 超万能テーマ「THE THOR」のクール系をパワーアップしたポップ系デザインの全貌は以下の記事にて！
THE THOR（ザトール）のデモサイトの詳しい内容一覧
この9つの着せ替え機能の画像は見た目にも違いがはっきりしています。TOPページの下部はレイアウトのみの違いなのですが、TOP画像がまず特徴的なのでどう違うのか見ていきましょう。
THE THORの公式デモ9種類
THE THORの公式で作られているデモ9種類は以下のとおり。公式のデザインでもある着せ替えデモ「01」が基本の形となり、その他の要素を追加したり削除したりするとあとの6種類になります。
| デモ「01」 | デモ「02」 | デモ「03」 |
|---|---|---|
 |
 |
 |
|
|
|
| 趣味ブログ・ビジネス・アフィリエイト・アドセンスなど全用途 | 趣味ブログ・店のブログ・ブライダル・育児など | ネイル・サロン・化粧品・ブライダル・育児・グルメ |
| デモ「04」 | デモ「05」 | デモ「06」 |
 |
 |
 |
|
|
|
| ガジェット・アドセンス・ビジネス・アフィリエイト | ビジネス・研究・ガジェット・車・不動産 | ビジネス・ガジェット・芸能・アフィリエイト・ゲーム |
| デモ「07」 | デモ「08」 | デモ「09」 |
 |
 |
 |
|
|
|
| ブライダル・ファッション・サロン・育児・グルメ | ランキング用 | アフィリエイト用 |
見ていただくとわかる通り、ヘッダー画像やその他のアイテムを組み合わせてパターンを作っているのがわかります。
ただ、高機能がゆえに1から設定するにはかなり時間と労力がかかります。慣れていなければ全部設定すると挫折するかもしれませんので、こういったパターンをまず引き込んでからアレンジすることをおすすめします。
↓ THE THORのカスタマイズはほぼこの記事でできあがります！
THE THOR（ザトール）のデモサイト 「01」
THE THOR（ザ・トール）のデモサイト「01」は、基本パターンのデザインです。公式サイトでも良く見るデザインで、THE THOR（ザ・トール）の代表的な機能が満載です。
THE THOR「01」をアレンジするとこうなる！
着せ替えの「01」をできるだけ雰囲気を変えてみるとこんな感じになりました。
- 注目キーワード追加
- 背景を木目にする
- 基本色をピンク色に
- フッター部分にランキングとカテゴリー追加
↓ クリックで拡大
↓ めんどくさがりやさん必見！1クリックでカッコいいブログに！
※今なら、5大購入特典をお付けしています！
↓デモサイト「02」～「07」のアレンジは次のページ♪↓
