【画像大量】THE THOR(ザ・トール)のデザイン着せ替え機能を全部試した結果と感想

こんにちは!よしじゅんです。

有料WordPressテーマ、THE THOR(ザ・トール)の特有の機能として「デザイン着せ替え機能」があります。

こちらを全デザイン試してみた結果と、感想をお伝えします。

ほぼ画像だけですので、気楽に流し見して下さい。

デザイン着せ替え機能とは

デザイン着せ替え機能とは”ワンクリックでプロのデザイナーが制作したデザイナーズサイトが完成する”というもの。

デザインのデモサイトはこちら

 

デザインの設定は結構時間がかかります。

そして美術の成績を2しかとったことのないよしじゅんに綺麗なブログデザインを作るセンスがあるわけない。

 

簡単に綺麗なブログが作れて、さらに色々なデザインを試すことができるとは…

 

「これむっちゃええやん…」

 

そう思ってTHE THORのテーマを購入しました。

THE THORの詳しい説明は【WordPressテーマ THE THOR(ザ・トール)】ブログ初心者におすすめの機能が充実!をご覧ください。

関連記事

ブログを始めて1カ月で無料のWordPressテーマ、「LION BLOG」から有料の「THE THOR」に変えました。ブログ初心者ほど助かる機能が多くあり、10カ月以上ブログを続けることができました。THE THORの特徴[…]

【Wordpressテーマ The Thor レビュー】ブログ初心者におすすめの機能が充実!

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え方法

このデザインの着せ替え、とっても簡単です。ちょっとプラグインを入れてあげる必要はありますが。

 

プラグインをインストール、有効化

Customizer Export/Import というプラグインをインストール。

WordPressのプラグインから検索して下さい。

 

忘れずに有効化までしてください。

 

公式HPからデザインスタイルをダウンロード

デザインのデモサイトでデザインスタイルをダウンロードします。

デザインのデモサイトはこちら

 

こちらで好きなデモサイトを探して、スタイルをダウンロードします。

 

ダウンロードしたファイルをインポート

ダウンロードしたファイルをカスタマイズからインポートします。

 

カスタマイズから インポート/エクスポート に進みます。

the thor 着せ替え機能

 

ここから先に書き出しを行います。

the thor 着せ替え機能

これは現在のデザインのバックアップです。

もしデザインがぐちゃぐちゃになっても、これを再度インポートすることで元に戻すことができます。

必ずやりましょう。

 

ダウンロードしてきたファイルをインポートします。

the thor 着せ替え機能

ファイルを選んでインポートするだけでデザインが切り替わります。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え前のブログ

まず比較用に着せ替え前のブログデザインを見てください。

美術の成績2のよしじゅんが作ったデザインですw

 

トップページ

トップページの上部。

the thor 着せ替え機能

 

トップページの後半。

the thor 着せ替え機能

 

トップページのフッターあたり。

the thor 着せ替え機能

 

投稿ページ

投稿ページの目次あたり。

the thor 着せ替え機能

 

シンプルなデザインをイメージしてきましたが、ただ味気ないだけ。

 

ここからデザイン着せ替え機能でどう変わっていくか楽しみです。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え機能 デモ1

デモ1の公式HP

https://thor-demo01.fit-theme.com/

おそらく一番力を入れているだろうデモサイト。

ファッションサイトを意識しているような作り。

メインビジュアルにYoutubeの動画を流すタイプ。

 

トップページ

トップページのヘッダーあたり。

the thor 着せ替え機能

あ…これ調整めんどいやつだ。

 

購入ページの案内がそのままついてきます。

後で自分で消したり、調整する作業が結構あります。

 

ヘッダーのちょっと下あたり。

the thor 着せ替え機能

おしゃれなブログがよくしている配置ですね。

 

トップページの中盤あたり。

the thor 着せ替え機能

投稿記事が2行に並んで結構見やすい感じ。

 

トップページの後半。

the thor 着せ替え機能

TOP10ランキングが入ってますね。サイドスクロールで5位以降が現れるタイプ。

 

カテゴリごとの最新記事もあります。

the thor 着せ替え機能

カテゴリが重複していて、同じ記事が出てしまっています。これは直さねば。

 

フッターよりちょっと上。

the thor 着せ替え機能

ここにもオシャレな写真とか挿入するところがありますね。

 

フッターはこんな感じ。

the thor 着せ替え機能

フッターはどのデザインも同じような感じだったので基本カットしていきます。

 

投稿ページ

投稿ページのヘッダーあたり。

the thor 着せ替え機能

かなりデザインが崩れている…

アイキャッチに文字を入れるタイプはこのデザインに相性悪いかな?

 

記事中盤はこんな感じ。

the thor 着せ替え機能

見出し2と見出し3がちょっとおしゃれに変わってる。

 

フッターのちょっと上。

the thor 着せ替え機能

このへんは結構シンプルな感じ。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え機能 デモ2

デモ2の公式HP

https://thor-demo02.fit-theme.com/

よりメディアよりな作りをしているデモ2。

すっきりしたレイアウトを意識してんじゃないかな?

 

トップページ

 

トップページのヘッダーあたり。

the thor 着せ替え機能

横長の静止画を置くスペースの下に投稿記事が3行で並んでいる。

「LION MEDIA」に近いレイアウトかな?

 

ヘッダーちょっと下の記事一覧。

the thor 着せ替え機能

3行でも結構見やすい。投稿順に並んでいます。

 

フッターあたり。

the thor 着せ替え機能

 

投稿ページ

投稿ページのヘッダーあたり。

the thor 着せ替え機能

サイドメニューが無く、記事に集中してほしいという意図が感じられるデザイン。

 

記事の中盤。

the thor 着せ替え機能

いやーホント記事に集中しやすい。

 

ヘッダーのちょっと上。

the thor 着せ替え機能

ちょっとシンプル過ぎるかな?

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え機能 デモ3

デモ3の公式HP

https://thor-demo03.fit-theme.com/

ザ・ブログ という感じのデザイン。

Lion Blogを使っていた人はスムーズに移行しやすそう。

 

トップページ

トップページのヘッダーあたり。

the thor 着せ替え機能

あれ?壁紙まで変わってしまった。

 

投稿記事一覧。

the thor 着せ替え機能

新着順と人気順で分かれている。これは結構いいね。

 

ヘッダーあたり。

the thor 着せ替え機能

記事一覧に新しい記事、人気記事を選ぶところあるなら、ここいらないね。

 

投稿ページ

投稿ページのヘッダーあたり。

the thor 着せ替え機能

サイドメニューが左側に移動している。

どうせならトップと同じ右側のほうがいいかな?

 

記事の中盤。

the thor 着せ替え機能

ちょっと見出しが見づらい。これは色が悪いと思う。

 

フッターよりちょっと上。

the thor 着せ替え機能

ここは普通かな。この記事を書いた人 はいらないかな。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え機能 デモ4

デモ4の公式HP

https://thor-demo04.fit-theme.com/

とてもクールなデザイン。

画像がモノクロで、カーソルを持っていくと色が付く。

 

トップページ

トップページのヘッダーあたり。

the thor 着せ替え機能

上のほうにデカい記事がなんか来てる…

 

デカい記事の下あたり。

the thor 着せ替え機能

アイキャッチ写真はモノクロですが、マウスを上に持っていくとカラーになって綺麗。

 

カテゴリ別記事。

the thor 着せ替え機能

ここもダブってる記事多数。

 

投稿ページ

投稿ページのヘッダーあたり。

the thor 着せ替え機能

これもアイキャッチと相性が悪いタイプ。

 

記事の中盤。

the thor 着せ替え機能

見出し2と見出し3の差が分かりにくい。

 

フッターのちょっと上。

the thor 着せ替え機能

うーんこのデザインはうちのブログには合わなさそう。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え機能 デモ5

デモ5の公式HP

https://thor-demo05.fit-theme.com/

色の選択がちょっと男性寄り?

ちょっと硬派な感じのデザイン。

 

トップページ

トップページのヘッダーあたり。

the thor 着せ替え機能

よしじゅんブログ の右に固定ページが分かりづらく入っている。

 

記事一覧。

the thor 着せ替え機能

これも3行タイプで見やすい。

 

ランキング一覧。

the thor 着せ替え機能

このデザインは結構好き。

 

投稿ページ

投稿記事のヘッダーあたり。

the thor 着せ替え機能

ヘッダーの紺?の部分がちょっとあかんかなぁとは思います。

 

記事の中盤。

the thor 着せ替え機能

これもシンプルな見出しタイプ。

 

フッターのちょっと上。

the thor 着せ替え機能

こちらもシンプルタイプ。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え機能 デモ6

デモ6の公式HP

https://thor-demo06.fit-theme.com/

メインビジュアルがスライドショータイプ。

画像とかすべてが大きくて見やすい。

 

トップページ

トップページのヘッダーあたり。

the thor 着せ替え機能

あれ?これ前に似たデザインあったよな?

デモ4とかなり似ている。ヘッダーの色が違うくらい?

 

ヘッダーからちょっと下あたり。

the thor 着せ替え機能

このへんはデモ1と同じですね。

デモ1+デモ4がこのデモのデザインなのかな?

 

フッターのちょっと上。

the thor 着せ替え機能

ここにも写真を埋め込むスペースあり。

 

投稿ページ

投稿ページのヘッダーあたり。

the thor 着せ替え機能

ピンクと黄土色?が合ってないイメージ。

 

記事の中盤。

the thor 着せ替え機能

記事内はシンプルなスタイル。

 

ヘッダーあたり。

the thor 着せ替え機能

最後あたりには何もないシンプルな感じ。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え機能 デモ7

デモ7の公式HP

https://thor-demo07.fit-theme.com/

ブライダル業界のサイトかな?と見間違うようなデザイン。

白を基調として女性的なデザイン。

 

トップページ

トップページのヘッダーあたり。

the thor 着せ替え機能

よしじゅんブログのタイトルが消えてしまった…

投稿記事にアイキャッチが付かないタイプ。

 

記事ランキング。

the thor 着せ替え機能

文字だけのほうがランキングは見やすいのかな?

でも内容が一目でわからないからそれは良く無さそう。

 

投稿ページ

投稿ページのヘッダーあたり。

the thor 着せ替え機能

記事内にはアイキャッチが無いほうが見やすい。

 

記事の中盤。

the thor 着せ替え機能

なんかシンプルタイプ多くない?

 

フッターよりちょっと上。

the thor 着せ替え機能

ここもシンプル。このデモはシンプルさが売りなんだな。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え機能 デモ8

デモ8の公式HP

https://thor-demo08.fit-theme.com/

ウォーターサーバーのサイトを模したデザイン。

企業向けのデザイン。

 

トップページ

トップページのヘッダーあたり。

the thor 着せ替え機能

デモサイトがウォーターサーバーのアフィリエイトとして作られていたようで、右上にもそれが書いてある。

 

フッターのちょっと上。

the thor 着せ替え機能

このデザインは雑記ブログには向かないなぁ。

 

投稿ページ

投稿ページのヘッダーあたり。

the thor 着せ替え機能

記事内も左側にメニューがあるタイプ。

 

記事の中盤。

the thor 着せ替え機能

見出しは結構見やすい感じ。

 

フッターのちょっと上。

the thor 着せ替え機能

特にいうことは無いかなと。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

デザイン着せ替え機能 デモ9

 

デモ9の公式HP

https://thor-demo09.fit-theme.com/

美容をテーマにしたデザインのサイト。

これもピンクをメインに配色していて、とても女性向けなデザイン。

トップページ

トップページのヘッダーあたり。

the thor 着せ替え機能

背景がピンク色で、かなり女性的なデザイン。

 

記事一覧の部分。

the thor 着せ替え機能

ピンクと黄土色が合わない…

 

フッターのちょっと上。

the thor 着せ替え機能

すごいシンプルなデザインですね。色だけが特徴。

投稿ページ

投稿ページのヘッダーあたり。

the thor 着せ替え機能

背景に色があるほうが記事が見やすいのかな?

 

記事の中盤。

the thor 着せ替え機能

見出しがとても見やすい。この見出しは参考にするべきだと思う。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

まとめ デザイン着せ替え機能は時間があるときにやるべし

すべてのデザインを試してみました。

 

とりあえず、ポチッと押して大体のデザインが完成するのはかなり助かりますね。

ただ、それもで修正は結構必要。

 

時間があるときにするべきですね。

 

よしじゅんがベースにしたいと思ったデザインは「デモ2」か「デモ6」 ですね。

どちらかをベースにデザインを完成させていきたいと思います。

 

【追記】

着せ替えデザインは「デモ1」を採用することになりました。

デモ1を採用した際にTOPページのデザインをシンプルになるよう修正しました。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

関連記事

ブログを始めて1カ月で無料のWordPressテーマ、「LION BLOG」から有料の「THE THOR」に変えました。ブログ初心者ほど助かる機能が多くあり、10カ月以上ブログを続けることができました。THE THORの特徴[…]

【Wordpressテーマ The Thor レビュー】ブログ初心者におすすめの機能が充実!
関連記事

FITさんが作っている無料Wordpressテーマ「LIOG BLOG」はとても知名度が高く、多くのサイトでおすすめされています。ブログを書いている人で、LION BLOG使っている人も多いんじゃないでしょうか。 […]

THE THOR(ザ・トール)の設定方法まとめ
関連記事

THE THORを購入する際、2つのプランから選んで購入することになります。どちらのプランで購入したらよいか迷いませんか?あなたのタイプ別でどっちのプランで購入するほうがお得かまとめましたので紹介します。&n[…]

THE THOR
関連記事

THE THORの購入を検討してるけど、失敗したくない…THE THORを使っている人がどう感じているか知りたい!って思いませんか?Twitterに投稿されているTHE THORの評判、感想をまとめました。購入に悩ん[…]

THE THORの評判は?twitterの感想をまとめました
最短で結果を出すなら、Wordpressテーマ「THE THOR」

どうせブログを運営するなら、最短で結果を出したいですよね?

よしじゅんは「THE THOR(ザ・トール)」を使って最短で結果を出すことができました。

the thor 画像

 

・SEOに強く、ページ表示速度も国内最高水準

・プロのデザイナーが設計した「美しく・バランスの取れたサイト」がワンクリックで完成

・便利な機能が豊富で、プラグインを追加する必要がない

・プログラミングの知識(CSS)が全く不要

・「無料・無期限・無制限」のアフターフォローもあり、バージョンアップや機能追加、機能改善もすべて無料

一流の開発スタッフ陣が集まって作られた、おすすめの次世代テーマです。

よしじゅん 喜び
よしじゅん
ブログのPV数が右肩上がりになっていくのは本当に嬉しいです!

ブログ初心者には必ずチェックして欲しいWordpressテーマです。

 

THE THOR(ザ・トール)紹介記事はこちら

THE THOR(ザ・トール)公式HPはこちら

【画像大量】THE THOR(ザ・トール)のデザイン着せ替え機能を全部試した結果と感想
Twitterで繋がりませんか?