どうも、よしじゅん(@yoshi_jun516)です。
WordPressテーマ、THE THOR(ザ・トール)の特有の機能として「デザイン着せ替え機能」があります。
こちらを全デザイン試してみた結果と、感想をお伝えします。
ほぼ画像だけですので、気楽に流し見して下さい。
THE THOR デザイン着せ替え機能とは
THE THORの「デザイン着せ替え機能」とはワンクリックでプロのデザイナーが制作したデザイナーズサイトが完成するというもの。
デザインの設定は結構時間がかかります。
そして美術の成績を2しかとったことのないよしじゅんに綺麗なブログデザインを作るセンスがあるわけない。
簡単に綺麗なブログが作れて、さらに色々なデザインを試すことができるとは…

そう思ってTHE THORのテーマを購入しました。
THE THORの詳しい説明は【WordPressテーマ THE THOR(ザ・トール)】ブログ初心者におすすめの機能が充実!をご覧ください。
WordPressでブログをはじめると、どのテーマを使ったら良いの?って迷ってしまいますよね? ワードプレステーマは無料のものから有料のものまで数多くあり、どれを選べばいいか初心者には分かりにくいんですよね… […]
今なら限定購入特典付き!
デザイン着せ替え方法
このデザインの着せ替え、とっても簡単です。
【STEP1】プラグインをインストール、有効化
「Customizer Export/Import」というプラグインをインストール。
WordPressのプラグインから検索して下さい。
【STEP】着せ替えたいデザインスタイルを公式HPからダウンロード
デザインのデモサイトでデザインスタイルをダウンロードします。
こちらで好きなデモサイトを探して、スタイルをダウンロードします。
ダウンロードしたファイルをインポート
ダウンロードしたファイルをカスタマイズからインポートします。
カスタマイズから「インポート/エクスポート」に進みます。
ここから先に書き出しを行います。
これは現在のデザインのバックアップです。
もしデザインがぐちゃぐちゃになっても、これを再度インポートすることで元に戻すことができます。
必ずやりましょう。
ダウンロードしてきたファイルをインポートします。
ファイルを選んでインポートするだけでデザインが切り替わります。
今なら限定購入特典付き!
デザイン着せ替え前のブログ
まず比較用に着せ替え前のブログデザインを見てください。
美術の成績2のよしじゅんが作ったデザインですw
トップページ
トップページの上部。
トップページの後半。
トップページのフッターあたり。
投稿ページ
投稿ページの目次あたり。
シンプルなデザインをイメージしてきましたが、ただ味気ないだけ。
ここからデザイン着せ替え機能でどう変わっていくか楽しみです。
今なら限定購入特典付き!
デザイン着せ替え機能 デモ1
デモ1の公式HP
https://thor-demo01.fit-theme.com/
おそらく一番力を入れているだろうデモサイト。
ファッションサイトを意識しているような作り。
メインビジュアルにYoutubeの動画を流すタイプ。
トップページ
トップページのヘッダーあたり。
あ…これ調整めんどいやつだ。
購入ページの案内がそのままついてきます。
後で自分で消したり、調整する作業が結構あります。
ヘッダーのちょっと下あたり。
おしゃれなブログがよくしている配置ですね。
トップページの中盤あたり。
投稿記事が2行に並んで結構見やすい感じ。
トップページの後半。
TOP10ランキングが入ってますね。サイドスクロールで5位以降が現れるタイプ。
カテゴリごとの最新記事もあります。
カテゴリが重複していて、同じ記事が出てしまっています。これは直さねば。
フッターよりちょっと上。
ここにもオシャレな写真とか挿入するところがありますね。
フッターはこんな感じ。
フッターはどのデザインも同じような感じだったので基本カットしていきます。
投稿ページ
投稿ページのヘッダーあたり。
かなりデザインが崩れている…
アイキャッチに文字を入れるタイプはこのデザインに相性悪いかな?
記事中盤はこんな感じ。
見出し2と見出し3がちょっとおしゃれに変わってる。
フッターのちょっと上。
このへんは結構シンプルな感じ。
今なら限定購入特典付き!
デザイン着せ替え機能 デモ2
デモ2の公式HP
https://thor-demo02.fit-theme.com/
よりメディアよりな作りをしているデモ2。
すっきりしたレイアウトを意識してんじゃないかな?
トップページ
トップページのヘッダーあたり。
横長の静止画を置くスペースの下に投稿記事が3行で並んでいる。
「LION MEDIA」に近いレイアウトかな?
ヘッダーちょっと下の記事一覧。
3行でも結構見やすい。投稿順に並んでいます。
フッターあたり。
投稿ページ
投稿ページのヘッダーあたり。
サイドメニューが無く、記事に集中してほしいという意図が感じられるデザイン。
記事の中盤。
いやーホント記事に集中しやすい。
ヘッダーのちょっと上。
ちょっとシンプル過ぎるかな?
今なら限定購入特典付き!
デザイン着せ替え機能 デモ3
デモ3の公式HP
https://thor-demo03.fit-theme.com/
ザ・ブログ という感じのデザイン。
Lion Blogを使っていた人はスムーズに移行しやすそう。
トップページ
トップページのヘッダーあたり。
あれ?壁紙まで変わってしまった。
投稿記事一覧。
新着順と人気順で分かれている。これは結構いいね。
ヘッダーあたり。
記事一覧に新しい記事、人気記事を選ぶところあるなら、ここいらないね。
投稿ページ
投稿ページのヘッダーあたり。
サイドメニューが左側に移動している。
どうせならトップと同じ右側のほうがいいかな?
記事の中盤。
ちょっと見出しが見づらい。これは色が悪いと思う。
フッターよりちょっと上。
ここは普通かな。この記事を書いた人 はいらないかな。
今なら限定購入特典付き!
デザイン着せ替え機能 デモ4
デモ4の公式HP
https://thor-demo04.fit-theme.com/
とてもクールなデザイン。
画像がモノクロで、カーソルを持っていくと色が付く。
トップページ
トップページのヘッダーあたり。
上のほうにデカい記事がなんか来てる…
デカい記事の下あたり。
アイキャッチ写真はモノクロですが、マウスを上に持っていくとカラーになって綺麗。
カテゴリ別記事。
ここもダブってる記事多数。
投稿ページ
投稿ページのヘッダーあたり。
これもアイキャッチと相性が悪いタイプ。
記事の中盤。
見出し2と見出し3の差が分かりにくい。
フッターのちょっと上。
うーんこのデザインはうちのブログには合わなさそう。
今なら限定購入特典付き!
デザイン着せ替え機能 デモ5
デモ5の公式HP
https://thor-demo05.fit-theme.com/
色の選択がちょっと男性寄り?
ちょっと硬派な感じのデザイン。
トップページ
トップページのヘッダーあたり。
よしじゅんブログ の右に固定ページが分かりづらく入っている。
記事一覧。
これも3行タイプで見やすい。
ランキング一覧。
このデザインは結構好き。
投稿ページ
投稿記事のヘッダーあたり。
ヘッダーの紺?の部分がちょっとあかんかなぁとは思います。
記事の中盤。
これもシンプルな見出しタイプ。
フッターのちょっと上。
こちらもシンプルタイプ。
今なら限定購入特典付き!
デザイン着せ替え機能 デモ6
デモ6の公式HP
https://thor-demo06.fit-theme.com/
メインビジュアルがスライドショータイプ。
画像とかすべてが大きくて見やすい。
トップページ
トップページのヘッダーあたり。
あれ?これ前に似たデザインあったよな?
デモ4とかなり似ている。ヘッダーの色が違うくらい?
ヘッダーからちょっと下あたり。
このへんはデモ1と同じですね。
デモ1+デモ4がこのデモのデザインなのかな?
フッターのちょっと上。
ここにも写真を埋め込むスペースあり。
投稿ページ
投稿ページのヘッダーあたり。
ピンクと黄土色?が合ってないイメージ。
記事の中盤。
記事内はシンプルなスタイル。
ヘッダーあたり。
最後あたりには何もないシンプルな感じ。
今なら限定購入特典付き!
デザイン着せ替え機能 デモ7
デモ7の公式HP
https://thor-demo07.fit-theme.com/
ブライダル業界のサイトかな?と見間違うようなデザイン。
白を基調として女性的なデザイン。
トップページ
トップページのヘッダーあたり。
よしじゅんブログのタイトルが消えてしまった…
投稿記事にアイキャッチが付かないタイプ。
記事ランキング。
文字だけのほうがランキングは見やすいのかな?
でも内容が一目でわからないからそれは良く無さそう。
投稿ページ
投稿ページのヘッダーあたり。
記事内にはアイキャッチが無いほうが見やすい。
記事の中盤。
なんかシンプルタイプ多くない?
フッターよりちょっと上。
ここもシンプル。このデモはシンプルさが売りなんだな。
今なら限定購入特典付き!
デザイン着せ替え機能 デモ8
デモ8の公式HP
https://thor-demo08.fit-theme.com/
ウォーターサーバーのサイトを模したデザイン。
企業向けのデザイン。
トップページ
トップページのヘッダーあたり。
デモサイトがウォーターサーバーのアフィリエイトとして作られていたようで、右上にもそれが書いてある。
フッターのちょっと上。
このデザインは雑記ブログには向かないなぁ。
投稿ページ
投稿ページのヘッダーあたり。
記事内も左側にメニューがあるタイプ。
記事の中盤。
見出しは結構見やすい感じ。
フッターのちょっと上。
特にいうことは無いかなと。
今なら限定購入特典付き!
デザイン着せ替え機能 デモ9
デモ9の公式HP
https://thor-demo09.fit-theme.com/
美容をテーマにしたデザインのサイト。
これもピンクをメインに配色していて、とても女性向けなデザイン。
トップページ
トップページのヘッダーあたり。
背景がピンク色で、かなり女性的なデザイン。
記事一覧の部分。
ピンクと黄土色が合わない…
フッターのちょっと上。
すごいシンプルなデザインですね。色だけが特徴。
投稿ページ
投稿ページのヘッダーあたり。
背景に色があるほうが記事が見やすいのかな?
記事の中盤。
見出しがとても見やすい。この見出しは参考にするべきだと思う。
今なら限定購入特典付き!
まとめ デザイン着せ替え機能は時間があるときにやるべし
すべてのデザインを試してみました。
とりあえず、ポチッと押して大体のデザインが完成するのはかなり助かりますね。
ただ、それもで修正は結構必要。
時間があるときにするべきですね。
よしじゅんがベースにしたいと思ったデザインは「デモ2」か「デモ6」 ですね。
どちらかをベースにデザインを完成させていきたいと思います。
【追記】
着せ替えデザインは「デモ1」を採用することになりました。
デモ1を採用した際にTOPページのデザインをシンプルになるよう修正しました。
今なら限定購入特典付き!
WordPressでブログをはじめると、どのテーマを使ったら良いの?って迷ってしまいますよね? ワードプレステーマは無料のものから有料のものまで数多くあり、どれを選べばいいか初心者には分かりにくいんですよね… […]
どうも「THR THOR」を一年半使い続けた、よしじゅんです。 数あるWordpressテーマから「THE THOR」を採用し、使い続けて一年半がたちました。 SEO対策がバッチリで上位表示されやすい おしゃれなサイト[…]
FITさんが作っている無料Wordpressテーマ「LIOG BLOG」はとても知名度が高く、多くのサイトでおすすめされています。 ブログを書いている人で、LION BLOG使っている人も多いんじゃないでしょうか。 […]
THE THORを購入する際、2つのプランから選んで購入することになります。 どちらのプランで購入したらよいか迷いませんか? あなたのタイプ別でどっちのプランで購入するほうがお得かまとめましたので紹介します。 &n[…]
THE THORの購入を検討してるけど、失敗したくない… THE THORを使っている人がどう感じているか知りたい!って思いませんか? Twitterに投稿されているTHE THORの評判、感想をまとめました。 購入に悩ん[…]