元サラリーマンブロガーなつのプロフィール

THE THOR(ザトール)の9つのデモサイト例!注目キーワードの配置やコーポレートサイト用レイアウトにも!

ブログ運営半年で月20万超の元サラリーマンブロガーなつです。

THE THOR(ザ・トール)には着せ替え機能があります。それぞれレイアウト・色、ヘッダー画像が動画や静止画などいろんなデザインが用意されています。

THE THOR(ザ・トール)のデザインはWebデザイナーの方が作っていますが、全体的にクールな美しさを追求したものです。好きな人は良いのですが私はもう少し癒し系のものも欲しいと感じました。

そこで、着せ替えデザインを使ってどこまでアレンジできるのかお伝えしていきます。

 

↓ デザインだけでなく、完璧なSEO対策でも定評のあるTHE THORの機能の記事です。

THE THOR(ザトール)の着せ替え機能デモ画面の基本形

着せ替え機能として用意されているのは以下の9パターンです。そもそもTHE THOR(ザ・トール)のカスタマイズでできることがかなり多く、迷ってしまわないために用意されたパターンです。

レイアウトは少しずつ変えてありますので、それを基礎にして変更していくことができます。

出典:THE THOR(ザ・トール)

 

↓ 完璧なSEO対策、特典GETで9+6種類(合計15種類)のデザインはココだけ!

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」

【初心者必見!】THE THOR(ザ・トール)の購入特典!割引についても調査!【WordPressテーマ】


※今なら、8大購入特典をお付けしています!

 

THE THOR(ザトール)デモサイトから作成した新たなレイアウト例

ご覧いただいたように、THE THORはカッコいいのですがクール系デザインが主で、ポップなものがないんですよね。

この記事でもデモのデザインを利用してどんなデザインになるのかをご紹介しておりますが、高機能ゆえ実際の色やレイアウトなど変更していくのは大変です。

そこで、いくつかのパターン違いのテンプレートを芸大出身の当ブログ管理人 なつが作ってみました。

背景の色や見出しの色など基本的な色合いをあらかじめ設置し「ポップ系」「かわいい系」「オーガニック系」「シンプル系」「和風」「ビジネスに使える」などTHE THORの公式デザインを補完するように作ってあります。

 

なつ
初心者さんにも簡単にできるように1つの着せ替えから全部作っていますので「超簡単!」

 

ガーリー

シンプル

オーガニック

カラフル

和風

シャイニングスター

 

↓ 超万能テーマ「THE THOR」のクール系をパワーアップしたポップ系デザインの全貌は以下の記事にて!

【簡単な使い方】THE THORデザインの事例集6選!初心者でも作れるアレンジを紹介!

 

THE THOR購入特典をGETしよう!
このサイトからTHE THORをご購入くださった方にポップ系デザインのマニュアルとたった30記事で稼ぐ方法など5大特典をプレゼントしています!

【初心者必見!】THE THOR(ザ・トール)の購入特典!割引についても調査!【WordPressテーマ】

THE THOR(ザトール)のデモサイトの詳しい内容一覧

この9つの着せ替え機能の画像は見た目にも違いがはっきりしています。TOPページの下部はレイアウトのみの違いなのですが、TOP画像がまず特徴的なのでどう違うのか見ていきましょう。

出典:THE THOR(ザ・トール)

 

THE THORの公式デモ9種類

THE THORの公式で作られているデモ9種類は以下のとおり。公式のデザインでもある着せ替えデモ「01」が基本の形となり、その他の要素を追加したり削除したりするとあとの6種類になります。

デモ「01」 デモ「02」 デモ「03」
  • メインビジュアル・・・「動画」
  • ビジュアル下の注目エリア「有」
  • カルーセルスライダー「有」
  • ピックアップ3記事「有」
  • 記事ランキング設定「有」
  • カテゴリ最新記事設定「有」
  • CTA「有」
  • メインビジュアル・・・「静止画」
  • ビジュアル下の注目エリア「無」
  • カルーセルスライダー「無」
  • ピックアップ3記事「無」
  • 記事ランキング設定「無」
  • カテゴリ最新記事設定「無」
  • ヘッダー検索窓「有」
  • 注目ワード「有」
  • メインビジュアル・・・「スライダー」
  • ビジュアル下の注目エリア「無」
  • カルーセルスライダー「無」
  • ピックアップ3記事「無」
  • 記事ランキング設定「無」
  • カテゴリ最新記事設定「無」
趣味ブログ・ビジネス・アフィリエイト・アドセンスなど全用途 趣味ブログ・店のブログ・ブライダル・育児など ネイル・サロン・化粧品・ブライダル・育児・グルメ
デモ「04」 デモ「05」 デモ「06」
  • メインビジュアル・・・「静止画」
  • ビジュアル下の注目エリア「無」
  • カルーセルスライダー「有」
  • ピックアップ3記事「無」
  • 記事ランキング設定「有」
  • カテゴリ最新記事設定「有」
  • CTA「有」
  • メインビジュアル・・・「動画」
  • ビジュアル下の注目エリア「有」
  • カルーセルスライダー「無」
  • ピックアップ3記事「無」
  • 記事ランキング設定「有」
  • カテゴリ最新記事設定「無」
  • ヘッダー検索窓「有」
  • 注目ワード「有」
  • メインビジュアル・・・「静止画」
  • ビジュアル上の誘導ボタン「有」
  • ビジュアル下の注目エリア「無」
  • カルーセルスライダー「有」
  • ピックアップ3記事「有」
  • 記事ランキング設定「無」
  • カテゴリ最新記事設定「無」
  • CTA「有」
ガジェット・アドセンス・ビジネス・アフィリエイト ビジネス・研究・ガジェット・車・不動産 ビジネス・ガジェット・芸能・アフィリエイト・ゲーム
デモ「07」 デモ「08」 デモ「09」
  • メインビジュアル・・・「動画」
  • ビジュアル下の注目エリア「無」
  • カルーセルスライダー「無」
  • ピックアップ3記事「無」
  • 記事ランキング設定「有」
  • カテゴリ最新記事設定「有」
  • ランキング
  • メインビジュアル・・・「静止画」
  • ランキング
ブライダル・ファッション・サロン・育児・グルメ ランキング用 アフィリエイト用

見ていただくとわかる通り、ヘッダー画像やその他のアイテムを組み合わせてパターンを作っているのがわかります。

ただ、高機能がゆえに1から設定するにはかなり時間と労力がかかります。慣れていなければ全部設定すると挫折するかもしれませんので、こういったパターンをまず引き込んでからアレンジすることをおすすめします。

 

↓ THE THORのカスタマイズはほぼこの記事でできあがります!

【動画あり】THE THORの使い方の完全マニュアル!できる、カスタマイズ総まとめ!【WordPressテーマ】

 

THE THOR(ザトール)のデモサイト 「01」

THE THOR(ザ・トール)のデモサイト「01」は、基本パターンのデザインです。公式サイトでも良く見るデザインで、THE THOR(ザ・トール)の代表的な機能が満載です。

出典:THE THOR(ザ・トール)

 

THE THOR「01」をアレンジするとこうなる!

着せ替えの「01」をできるだけ雰囲気を変えてみるとこんな感じになりました。

  • 注目キーワード追加
  • 背景を木目にする
  • 基本色をピンク色に
  • フッター部分にランキングとカテゴリー追加

 

↓ クリックで拡大

 

 

↓ めんどくさがりやさん必見!1クリックでカッコいいブログに!

着せ替え機能が便利なワードプレステーマ「THE・THOR」

※今なら、5大購入特典をお付けしています!

 

↓デモサイト「02」~「07」のアレンジは次のページ♪↓

シェアしてね!

コメントを残す

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