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

THE THORデザインの事例集7選!初心者でも楽々作れるアレンジも紹介するよ!

 

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

THE THOR(ザ・トール)は、SEOに重点を置いた高機能なテーマです。デザインは、基本シンプルですが、Webデザイナーが作った「着せ替え」も用意されています。

特にTHE THORの着せ替えを使えばどんなジャンルのブログでも上品で見栄えの良いサイトができあがるのですが、デザインの中にポップ系がないため一番簡単な変更方法でどこまでできるのかTHE THORのデザインアレンジの事例7種類を作ってみました。

 

アレンジといっても簡単にできるような構成で、初心者でもできるように着せ替えをインストールした後に目立つ部分のデザイン調整をしてイメージをガラリと変更する方法です。

なつからのお知らせ!

芸大卒のなつが作った6種類+4種類(全部で10種類!)のオリジナルデザインのマニュアルを特典としてプレゼントすることになりました!(公式の着せ替えを含めると19種類となります)

⇒ THE THOR(ザ・トール)を8大特典付きで購入する

当ブログアレンジ「ポップ系」デザイン
NEW! 2021年の最新デザイン追加!

↓ クリックで拡大します。

最新追加特典のデザインはコチラから!⇒ 「綿毛

↓クリックで拡大します。

出典:新デザイン「ai

↓クリックで拡大します。

出典:新デザイン「ロハス

//今なら、8大特典とオリジナルデザインマニュアル付き!\\

↓ THE THORの機能や口コミ(使い心地)はコチラです。

 

このページで得れる情報

  • THE THORの着せ替えデザインの基本とは?
  • THE THORのデザイン事例 1. 「スイーツ」
  • THE THORのデザイン事例 2. 「ガーリー」
  • THE THOR(ザ・トール)のデザイン事例 3. 「シンプル」
  • THE THOR(ザ・トール)のデザイン事例 4. 「オーガニック」
  • THE THOR(ザ・トール)のデザイン事例 5. 「カラフルボックス」
  • THE THOR(ザ・トール)のデザイン事例 6. 「和風」
  • THE THOR(ザ・トール)のデザイン事例 7. 「シャイニングスター」
  • THE THOR(ザ・トール)の着せ替え「01」が基本

THE THORのデザインの基本とは? 【着せ替え】

まずは、THE THOR(ザ・トール)にはどんなデザインがあるのか確認しておきましょう。THE THORを購入すると以下の9つのデザインが使えるようになります。


出典:THE THOR

上記のヘッダー画像には、「動画」「スライダー」「静止画」などが設定されているデザインなので、これらを応用することもできます。

パッと最初に目につくヘッダー画像は、動画やスライダーを用いているものもあります。これらの9つのデザインをダウンロードしてデザインを作っていきます。

基本的には、レイアウトを変更しながら9つのデザインを作りこんであります。(8~9はアフィリエイト用)

どのテーマでもレイアウトできるパーツは同じで、その組み合わせや背景を絶妙に変更することによって見た目を変え「着せ替え」としていることが多いです。

THE THORは、できることが多いので組み合わせの種類もたくさんできカスタマイズ次第で様々な用途に使えるようになっています。

↓ オリジナルデザイン以外にも複数のアプローチで稼ぐ方法なども特典としてご用意しています。

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

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

 

THE THORのデザイン事例 1. 「スイーツ」

このデザインは、2021年3月に新しく追加したものです。THE THORのデザインはとてもクールでカッコいいのですが、どうしても可愛い系の色合いがないので鮮やかなピンクが映えるデザインを作ってみました。

他のものより少し手を加える部分が多いですが、ひとつひとつ作りこむとイメージの良いサイトに仕上がります!

ヘッダーは画像に薄い黄色を重ねてありますが、テキストの文字が読みづらければ茶色もしくはグレーにしても良いかもしれません。

対象のブログイメージ

このデザインはヘッダー画像のクッキーが中心になることと、色(黄色)を重ねて明るい印象になっているので若い女性や子供、お母さんなどをターゲットにできます。

どんなブログ向け?
  • スイーツ
  • カフェ系
  • 料理ブログ
  • 食べ物ブログ
  • 子供関係
ターゲット
  • 女性
  • 可愛いものが好きな人
  • 主婦層

さらにこのデザインを使って色変更すると違う雰囲気になります。黄色・ピンク・茶色の色コードを違うところに配置してみてください。

その他、緑が好きなら濃い緑、薄い緑、中くらいの緑とグラデーションにすることでほんの少しシックにもできます。

なつ
このデザインの設定が難しいと感じる方のために以下でさらに簡単に設定できるデザインをご用意しました!

THE THORのデザイン事例 2. 「ガーリー」

THE THORにはない可愛い感じのデザインを作ってみました。カラフルな色を取り入れながらも甘すぎない印象となるようにしています。

 

 

ヘッダー部分の画像


デザインの説明

全体的にかわいくなるようにピンクとオレンジを基調にしてあります。しかし、ピンクは淡い色にしたり同系色を多くもってくるとどうしても幼稚な感じに見えてしまいます。

そこで、ヘッダーは少し落ち着いたピンク色にして差し色に強めのオレンジを配置し落ち着いた雰囲気にしています。

ヘッダー画像を変更すれば男性も使えます。

対象のブログイメージ

どんなブログ向け?
  • 育児ブログ
  • 趣味ブログ
  • ドラマブログ
  • マンガブログ
  • 料理ブログ
  • 芸能人ブログ
  • 声優ブログ
  • お稽古のブログ
  • 食べ物ブログ
  • カフェブログ
ターゲット
  • 女性
  • 芸能好き
  • 可愛いものが好きな人
  • 主婦層

 

↓ アクセス集めしんどくない?そんな時はガチで売れているTHE THORのテンプレートを試してみて。

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

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

 

THE THOR(ザ・トール)のデザイン事例 3. 「シンプル」

THE THORのデザインでもシンプルなものはありますが、刺さるテーマというだけあって若干シャープに作ってあります。

そこで、シンプルでも見ていてホッコリするデザインを作ってみました。メインビジュアル(ヘッダー)には、スライダーと誘導ボタンを配置していますので複数の商品を扱う場合にも使えます。

手作り感が欲しい時に使えるTOPページです。

 

 

ヘッダー部分の画像

デザインの説明

シンプルとはいっても白だけとか単色だけはやはりつまらない印象を受けます。

そんな場合には背景に自然な風合いの柄を持ってくるとしっくりします。

このデザインでは、ヘッダー画像がコーヒーカップなので背景はコーヒー豆を入れる麻の布のような画像を配置してあります。

画像を工夫すれば「宅配食材」「コーヒー関連のアフィリエイト」「健康食品」「グルメ」「スタバなどでPVを稼ぐアドセンス」など幅が広がってきます。

全体的にほっこりするイメージなのでその他どんなパーツを追加しても似合います。

対象のブログイメージ

どんなブログ向け?
  • 旅行ブログ
  • 趣味ブログ
  • 料理ブログ
  • 英会話ブログ
  • カフェブログ
  • チョコレートブログ
  • お洋服ブログ
  • 芸能人ブログ
  • テレビ番組ブログ
ターゲット
  • 全世代男女
  • 可愛いものが好きな人
  • 主婦層
  • 会社員
  • 子育て世代

 

↓ このブログから大人気のTHE THORを購入くださった方に特典をプレゼントしています。

 

THE THOR(ザ・トール)のデザイン事例 4. 「オーガニック」

THE THORはちょっと完璧すぎるところがあるので、ほっこりとするイメージのページを作りました。ヘッダーの文字が白なので少し見えづらいかもしれませんが、ヘッダーに色をかけることができますので調整していただければと思います。

 

 

ヘッダー部分の画像

デザインの説明

オーガニックのアレンジは緑を意識して近い色の構成でカスタマイズしてあります。その他、イメージ的に土の香りや葉っぱのニオイなどイメージできるような見た目にしてみました。

今流行りのひとりキャンプとかBBQとかもこのデザインで作れます。

背景は、木目を基調にして訪問した人の居心地の良いブログになるようにしてあります。

 

対象のブログイメージ

どんなブログ向け?
  • 育児ブログ
  • 趣味ブログ
  • 園芸ブログ
  • ペットブログ
  • 料理ブログ
  • お稽古のブログ
  • 食べ物ブログ
  • カフェブログ
  • 山登りブログ
  • キャンプ・BBQ
ターゲット
  • 全年齢男女
  • シンプルで飾らないものが好きな人
  • 主婦層
  • 疲れている人

 

↓ めんどくさがりやさん必見!ワンクリックでカッコいいデザインに着せ替え完了!

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

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

 

THE THOR(ザ・トール)のデザイン事例 5. 「カラフルボックス」

とにかく、明るい雰囲気をだすためにできうる限りたくさんの色を使ってみました。原色に近かったり彩度が高いとごちゃごちゃになりがちな色ですが、トーンをできる限り落としてうるさくないようにしてあります。

 

ヘッダー部分の画像


デザインの説明

とにかく目につくサイトにするように赤・ピンク・黄色・オレンジ系を使い背景に水色の小花をちらしてあります。

色を見ながら調整すれば、自分好みのサイトに仕上がるので色の冒険をしてみてください。(加工ポイントはこのデザインにある色を使うとしっくりとハマります)

対象のブログイメージ

どんなブログ向け?
  • お散歩ブログ
  • 育児ブログ
  • 趣味ブログ
  • 旅行ブログ
  • スイーツのブログ
  • 料理ブログ
  • 食べ物ブログ
  • カフェブログ
ターゲット
  • 女性・男性
  • 可愛いものが好きな人
  • 落ち込んでいる人
  • 主婦層

 

↓ このブログから大人気のTHE THORを購入くださった方に特典をプレゼントしています。

 

THE THOR(ザ・トール)のデザイン事例 6. 「和風」

無料のブログサービスに用意された和風のデザインは色合いなどかなり目立つように作成されています。

例えば黒地に赤、黒地に金みたいな豪華なイメージがあるのですが、背景の黒というのは目立ちますが若干読みづらい側面もあります。

そこで、背景には日本の昔からの柄を用いて作っています。もしまだ派手だな~と感じる場合にはトップに「漆黒」や「グレー」など使っても渋い感じになります。

 

 

ヘッダー部分の画像


デザインの説明

このデザインは、全体像をみていただくと可愛さがわかります。日本古来の矢柄の背景を採用し、色は赤系統で引き締めています。

ヘッダーには、桜・竹・松・てまりなどもOKですし、神社仏閣などのオリジナル写真も似合います。

対象のブログイメージ

どんなブログ向け?
  • 神社仏閣ブログ
  • 旅ブログ
  • 福袋ブログ
  • 伝統しきたりブログ
  • 剣道ブログ
  • お城ブログ
  • 和食ブログ
  • 着物のブログ
  • 甘味ブログ
  • カフェブログ
ターゲット
  • 外国人
  • 神社仏閣好き
  • 旅行好き
  • 老若男女

 

↓ このブログからTHE THORを購入くださった方に特典をプレゼントしています。

THE THOR(ザ・トール)のデザイン事例 7. 「シャイニングスター」

ヘッダーのイラストはフリー素材なのですがなかなか雰囲気が出ているので可愛さと神秘的な部分が込められています。

 

 

ヘッダー部分の画像


デザインの説明

フリー素材で上と下のイラストをフルに入れたかったので、THE THORのヘッダーの縦寸法を一般よりは長くしてあります。

青と黄色は相性がとても良い色合いなので、思い切って反対色を使っています。バックは派手になりすぎないように両方の色と相性の良いベージュをもってきています。

まるで、絵本の中の世界のように奥行きが広がっています。

対象のブログイメージ

どんなブログ向け?
  • 育児ブログ
  • 絵本ブログ
  • 小説ブログ
  • 子供向けブログ
  • ドラマブログ
  • 声優ブログ
  • 食べ物ブログ
  • 星のブログ
  • 旅行ブログ
  • 冒険ブログ
ターゲット
  • 大人~子供
  • 街歩きの好きな人
  • ほのぼの系

 

↓ このブログから大人気のTHE THORを購入くださった方に特典をプレゼントしています。

 

THE THOR(ザ・トール)の着せ替え「01」が基本

今回、アレンジの基にしたのは着せ替え「01」です。

出典:THE THOR

THE THORの公式にもある、一番目立つデザインです。この着せ替え「01」をダウンロードしてから変更していきますので、細かな設定はしていません。

 

着せ替え「01」の設定詳細

ヘッダー設定 ダイナミック
検索窓 なし
ヘッダー上お知らせ あり
ヘッダー画像 動画
メインビジュアル下お知らせ ダウンロードボタンあり
カルーセルスライダー あり
ピックアップ3記事 あり
記事ランキング あり
カテゴリー最新記事 あり
CTA あり
背景設定 なし

TOPページだけでも着せ替え「01」には以上の設定がしてあります。

 

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

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

 

THE THOR(ザ・トール)のデザインを変更するコツ

どのDEMOをとってきてもできることは同じなので、たとえば着せ替えの「01」でも「02」でも出発点が違うだけで調整していくと同じようなデザインになります。

ですので、公式のDEMOの使い方が難しいと感じる人は、「01」だけを基にしてアレンジしていけば早い段階でマスターできます。

 

THE THOR(ザ・トール)デザイン6選 まとめ

今回ご紹介したデザインの多くは、着せ替え「01」をダウンロードしてからカスタマイズをしてあります。つまり、ひとつのデザインを導入して手を加えるだけでここまでできるのです。

カスタマイズは、色確認をしながらできますので是非チャレンジしてみてください。

 

↓ 当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。

 

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか?

  • 思い通りのデザインにできない
  • なかなか稼げない
  • アクセス数が増えない

 

こんな悩みを抱えていませんか?

 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる5つのこと

  1. 検索上位を目指せる
  2. 見た目が綺麗でおしゃれになる
  3. 機能が豊富で出来ることが多い
  4. 会員フォームなどのサポート
  5. 有名ブロガーも有料テーマを使っている

これまでにあげた5つの有料テーマの特徴を説明していきます。

1. 検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO(SearchEngine Optimizationの略)です。

 

  • 情報の信頼性
  • ユーザーへの役立つ情報であるか?
  • スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2. 見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典:THE THOR 着せ替え「01」

↓ クリックで拡大します
出典:特製THE THORオリジナルアレンジ

 

3. 機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4. 会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5. 有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。


当ブログおすすめのWordPressテーマ!

 

WordPressテーマ「THE・THOR」

  • 高機能の最新テーマで有名ブロガーも使用
  • 着せ替え機能でいろんな用途に使える
  • 複数のブログに使える(本人のブログ)
  • 会員フォーラムやマニュアル完備

 

シェアしてね!

3件のコメント

トールはこんなにデザイン変えられるんですねビックリです\(ˊᗜˋ*)/

センスない人間なので絶妙な配色に感動しました。

なつさんの配色パターンなんかの記事が読んでみたいです。
すいませんリクエストです(´^∀^`)

noteでもトールのデザイン売れそうですけど販売はしないんですか?

クラケン 様

メッセージありがとうございます!
皆さんの反応がわからなかったのでご意見いただけるとすごくうれしいです。
ありがとうございます。

配色の記事を、もう少し先になりますが作ってみようと思いますのでまたよかったら見に来てください。

私がいつもやっている色合わせはシンプルでコツさえわかれば誰でもすぐに取り入れられますのでまた記事でお話ししますね。
トールも全体に作業が多いので難しく感じますが、ある部分だけ変えてしまえばすごく簡単に変更できます。

あと、noteなどでのデザイン販売についてはトール自体FITさんが実際販売しているテンプレなので残念ながら難しいと思います。
また新しいデザイン等は何らかの形で公開していきますので、よろしければご覧ください。

返信ありがとうございます(*´ω`*)

楽しみに待ってます。

わがまま言ってすいません。

コメントを残す

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