もくじ
THE THORのデモ「着せ替え02」のアレンジ
ヘッダーが小さめで少し控えめに見える「02」。無料テーマにありそうなデザインですが、アフィリエイトなどではこれくらいのシンプルさも使いやすいかなと思います。
全体的にシンプルな「02」ですが、レイアウトを残しつつ、背景とヘッダーを追加してみました。
THE THOR着せ替え「02」背景を変更
ヘッダー画像はそれぞれ、そのブログのジャンルに沿った画像を配置するものとして、背景を変更してみました。
背景には小さな柄があいます。
↓ クリックで拡大
↓ クリックで拡大
この2パターンの違いは、背景画像とメインビジュアルの加工です。三毛猫の画像にはブラックメッシュを重ねていて、スイーツの画像にはごく薄いピンクを重ねています。
この色合いを変えるだけでもイメージが違ってきますので試しながらあなたが好きなパターンを見つけてみてください。
THE THORの「着せ替え03」のデモをアレンジ
全体的な色合いが柔らかく、画像も入ると女性をターゲットにしたようなデザインです。ヘッダー上部にはなにもおかずにシンプルに仕上げています。
↓ クリックで拡大します。
THE THOR「着せ替え03」のアレンジ部分
デモサイト03にお知らせやピックアップ記事を追加してみました。基本の色についてはそのままでお知らせを2つ追加。
ピックアップ記事の背景には、黒メッシュを入れてあります。
↓ クリックで拡大
いろんな要素を追加してしまったので、デモサイト「01」に似てしまいました。
THE THOR（ザトール）のデモサイトとアレンジ 「着せ替え04」
↓ クリックで拡大します。
広いヘッダーの上に色をかけ合わせてあり、近未来的なイメージもあります。男性も女性も使えるモダンなデザインです。
THE THOR「着せ替え04」のアレンジ部分
ヘッダーにPNG画像を入れた上にそのままグリーンの色をかけ合わせています。元のデザインはモダンな感じですが、配置する画像によってちょっと可愛い雰囲気にもできます。
- 検索ライン追加
- お知らせ追加
- 上部メニュー追加
- 画像変更（PNG)
- フッターCTA追加
- フッター画像追加
- フッターにブラックメッシュ追加
↓クリックで拡大
ヘッダー画像に透過型（png）の画像を導入し、緑系のカラーを重ねています。タイトル文字も工夫すればもっと雰囲気がでますし、画像で遊んでも面白いと思います。
もし、デザインに自信がなければ画像のみ入れ替えるだけでオリジナルになるので挑戦してみてください。
THE THOR（ザトール）のデモサイトとアレンジ 「着せ替え05」
↓ クリックで拡大します。
ヘッダー部分は動画です。色が深いのでかなり硬いイメージがあります。動画をうまく設定すればそのままビジネスに使えそうなレイアウト。
THE THOR「着せ替え05」のアレンジ部分
少し色を柔らかにしてさし色の柔らかな赤を追加しています。
- 背景にカスミソウのイラスト追加
- ヘッダー下のお知らせ部分を削除
- 注目キーワード部分を削除
↓クリックで拡大
青系統のデザインにしてみました。背景を外国の壁紙みたいなものを配置し濃い青をメインにもってくればなんとなくブリティッシュな雰囲気となります。
THE THORの「着せ替え06」アレンジ
↓クリックで拡大
ヘッダーに黒のメッシュを追加してあります。ヘッダーの上には誘導ボタンがあり、色は黒とワインレッドの2色使いで大人っぽい雰囲気になっています。
「着せ替え06」のアレンジ箇所
基本の色を残しつつもう1色追加して壁紙のような背景を追加しています。
- 注目キーワード部分追加
- 差し色の黄色追加
- ヘッダー部分に壁紙追加
- TOPページに3つのピックアップ記事追加
↓クリックで拡大
THE THORのデモサイトとアレンジ 「着せ替え07」
↓クリックで拡大
パステルカラーが基調でウエディングなどによさそうなデザインです。これも画像部分は動画で周りをかなり抑えて作り動画で目を引くようになっています。
THE THOR「07」をアレンジ
基本色のアイボリーを残し、画像をビッグサイズにしたうえで色を重ねました。
- 注目キーワード部分追加
- お知らせ追加
- ヘッダーをビッグに
- ヘッダーにパープルを重ねる
- ヘッダー下にお知らせ追加
- フッターにCTA
- フッター背景と画像をプラス
↓クリックで拡大
THE THORのデモサイト 「08」「09」
デモサイトの「08」と「09」ですが、それぞれアフィリエイト用に作られた機能性重視のデザインです。
デザインについては、背景の色変更やテキストの色変更になります。
THE THORのデモサイトのアレンジ注意点
THE THOR（ザ・トール）には多くのレイアウトやスライダーが用意されていてそれぞれの着せ替えにおいて、パターン違いにしてありご自身のイメージ通りにできるようになっています。
着せ替えのデモサイトをインストールする際に、TOPページは動画にしたいな・・・とかスライダーにしたいな・・・、さらに画像の真ん中にシドニーみたいにボタンを挿入したいな・・・。と思ったらピンポイントで変更も可能。
不要な部分を自分で削除したり、欲しいパーツを加えたりと少しカスタマイズすることによって自分のオリジナルが出来上がります。
THE THOR（ザトール）の着せ替えのアレンジのコツ
まずは基本のレイアウトが決まったら以下の2点くらいを変更する。
- 基本色
- 背景画像
どうしても、高機能な分あれもこれもと変更したくなるんですが、元のレイアウトが変わってしまうので基本に添っていくとそのまんまカッコいいブログができあがります。
THE THOR（ザトール）のカスタマイザー
ちなみに、THE THOR（ザ・トール）のカスタマイザーは以下のような感じです。たとえばロゴを変更しようと思えば、外観⇒カスタマイズ⇒基本設定⇒サイトロゴの設定となります。
見ていただくとわかるように、かなり変更できる部分が多いため、最初のうちは着せ替えで設置し小さなマイナーチェンジを繰り返しながら作り込んでいった方が良いと思います。
THE THOR（ザ・トール）に備わっているデザインはどれもカッコよく、使いこなせるようになったら最強のブログになるでしょう。
もう少しTHE THOR（ザ・トール）の機能が知りたいと思った方は、THE THOR（Wordpressテーマ）の機能をガッツリ調査！の記事もどうぞ！
↓ 当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。
初心者だからこそWordpress有料テーマ を使うべき理由
無料テーマを使うことで時間の無駄遣いをしていませんか？
- 思い通りのデザインにできない・・・
- なかなか稼げない・・・
- アクセス数が増えない・・・
こんな悩みを抱えていませんか？
稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。
Wordpressの有料テーマができる５つのこと
- 検索上位を目指せる
- 見た目が綺麗でおしゃれになる
- 機能が豊富で出来ることが多い
- 会員フォームなどのサポート
- 有名ブロガーも有料テーマを使っている
これまでにあげた5つの有料テーマの特徴を説明していきます。
1. 検索上位を目指せる
ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。
- 情報の信頼性
- ユーザーへの役立つ情報であるか？
- スマホ・PCなどでストレスなく使える
などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。
2. 見た目が無料テーマ以上に綺麗になる
シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。
有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。
出典：THE THOR 着せ替え「01」
↓ クリックで拡大します
出典：特製THE THORオリジナルアレンジ
3. 機能が豊富でできることが多い
今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。
4. 会員フォーラムなどのサポート
なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。
5. 有名ブロガーも多数使用
稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。
もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。
カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。
⇒ THE THORの公式ページを確認する。
※今なら、8大購入特典をお付けしています！