ブログ運営半年で月20万超の元サラリーマンブロガーなつです。
THE THOR（ザ・トール）には着せ替えという機能があります。これは名前の通り、ワンクリックでブログ内の全てのデザインを変更できるというとても便利な機能です。
着せ替えはWebデザイナーが作っているもので、かなりハイレベルでクール系のカッコいいデザインです。
そこで、THE THORの着せ替えデザインを使ってデモサイトを作ってみます。
THE THORの着せ替え機能デモ画面の基本形
着せ替え機能として用意されているのは以下の9パターンです。そもそもTHE THOR（ザ・トール）のカスタマイズでできることがかなり多く、迷ってしまわないために用意されたパターンです。
レイアウトは少しずつ変えてありますので、それを基礎にして変更していくことができます。
↓ Wordpressテーマ「THE THOR」の特典です。（稼ぐ系+オリジナルデザイン）
THE THORデモサイトから作成した新たなレイアウト例
ご覧いただいたように、THE THORはカッコいいのですがクール系デザインが主で、ポップなものがないんですよね。
中にはSANGOのようなホッコリするようなデザインにしたい方もおられると思います。
そこで、いくつかのパターン違いのテンプレートを芸大出身の当ブログ管理人 なつが作ってみました。
基本パターンの6セットでは背景の色や見出しの色など基本的な色合いをあらかじめ設置し「ポップ系」「かわいい系」「オーガニック系」「シンプル系」「和風」「ビジネスに使える」など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クリックでカッコいいブログに！
※今なら、8大購入特典をお付けしています！
↓デモサイト「02」～「07」のアレンジは次のページ♪↓
ご購入を検討しているなら今がチャンスです！！