アイキャッチ画像

THE THORの着せ替え方法とデザイン9種類すべてを紹介!

THE THORには「着せ替え機能」というものがあります。
この着せ替え機能を使うことで、初心者でも簡単におしゃれなブログにすることができます。

この記事は「THE THORの着せ替え機能」について紹介します。

主な内容として

・THE THORの着せ替え方法
・THE THORの着せ替え9パターン

について、紹介していきたいと思います。

まずは、THE THORの着せ替え方法からです。

THE THORの着せ替え方法

THE THORの着せ替え方法は4段階あります。

・プラグインをインストールし有効化する
・着せ替えデザインを公式サイトからダウンロード
・圧縮ファイルを解凍する
・WordPressにインストールする

この4段階です。
プラグインが必要なのと、公式サイトから「着せ替えデザイン」をダウンロードする必要があります。

プラグインとインストールし有効化する

THE THORの着せ替え機能を使うには、「Customizer Export/Import」というプラグインを使います。

まず、ダッシュボードから、「プラグイン →新規追加」を押します。

着せ替えプラグイン

 

そして、検索窓に「Customizer Export/Import」と入力し、インストールします。

 

着せ替えデザインプラグイン

そして、有効化してください。

着せ替えデザインを公式サイトからダウンロード

つぎに、着せ替えデザインを公式サイトからダウンロードします。

公式サイトに移動し、「デモサイト」をクリックします、

そうすると、つぎの写真のページが出てきます。

ダウンロード

ページを開いたら、写真の赤枠の「スタイルダウンロード」をクリックします。

圧縮ファイルを解凍する

ダウンロードが完了したら、圧縮ファイルを解凍します。

着せ替えデザインダウンロード

フォルダに矢印(カーソル)を合わせ右クリックして「すべて展開」を押します。

解凍

解凍が完了したら、DATファイルがあることを確認します。

WordPressにインストールする

最後に、着せ替えデザインをWordPressにインストールします。

「カスタマイズ → エクスポート/インポート」をクリックします。
インポート・エクスポート

 

そして、先ほどの解凍したファイル内のDATファイルを選択し、
「画像ファイルをダウンロードしてインポートしますか?」にクリックを入れます。

インポート・エクスポート

これで完了です。

THE THORの着せ替え9パターン

次に、着せ替えデザイン9種類のデザインを紹介していきます。

着せ替えデザインは9種類用意されているので、自分に合ったデザインの着せ替えデザインを使いましょう!

着せ替え:デモページ1

デモページ1

THE THORの着せ替えの「デザイン1」です。

THE THORのカッコよさが出ているデザインで、デフォルトに近いといえます。

基調が「白」なので、すっきりとしたように見えるのが特徴で、ごちゃごちゃしたデザインがいやなブロガーさんにおすすめです。

着せ替え:デモページ2

着せ替え2

THE THORの着せ替え「デザイン2」です。

メインカラーが「白」と「黒」なので、おしゃれでかっこいいデザインのブログに仕上げることができます。

注目キーワードが表示されているのがわかると思います。

注目させたい記事があるときに便利です!

着せ替え:デモページ3

着せ替え③

THE THORの着せ替え「デザイン3」です。

緑を基調としたデザインで、おしゃれなデザインに仕上がっています。

派手じゃなくてシンプルなデザインなので、「落ち着いたデザインがいい」というブロガーさんにおすすめのデザインです。

着せ替え:デモページ4

着せ替え4

THE THORの着せ替え「デザイン4」です。

クリエイターっぽいかっこいいデザインになっていますよね。

記事一覧が3カラム(3つに横並び)になっているのと

デザインが「シンプルだけどかっこいい」デザインなのが特徴です

着せ替え:デモページ5

着せ替え5

THE THORの着せ替え「デザイン5」です。

青を基調としたデザインで、こちらも割とシンプルなデザインだといえます。

写真なので止まっていますが、メインビジュアルが動画になっているのが特徴です。

「動画をアイキャッチにしたい」と思っているブロガーさんにおすすめのデザインです。

着せ替え:デモページ6

着せ替え6

THE THORの着せ替え「デザイン6」です。

デザイン1と似ていますね。

シンプルなデザインで、「黒」が基調になっています。

デザイン1は白が基調になっていました。

この色は、後々カスタマイズできますが、このままでの十分おしゃれでかっこいいと思います。

 

着せ替え:デモページ7

着せ替え⑦

THE THORの着せ替え「デザイン7」です。

このデザインも、アイキャッチが動画になっています。

黄色、金が基調になっているデザインです。

白と黄色・金のデザインはなかなかないと思うので、「人とデザインを色が被りたくない」ブロガーさんにおすすすめです。

着せ替え:デモページ8

着せ替え⑨

THE THORの着せ替え「デザイン8」です。

サイトバーが左に来ていますね。多くのサイトはサイトバーが右です。

着せ替えデザインの中では1番シンプルなデザインになっています。

サイトバーの位置からすると、「企業向け」の構成になっているのかな、と思います。

着せ替え:デモページ9

着せ替え9

THE THORの着せ替え「デザイン9」です。

おしゃれ、というよりかわいらしいデザインになっていますよね。

ヘッダーのデザインもほかの着せ替えデザインとは違って「メニュー」がヘッダーにありません。

かっこいい、というより「かわいらしさ」を意識したいブロガーさんにおすすめのデザインです。

THE THORの着せ替え機能:まとめ

THE THORの着せ替えデザインの導入方法と、デモページのデザインを紹介してきました。

THE THORは、デフォルトでも十分おしゃれですが、
着せ替え機能を使うことで、より一層おしゃれなサイトにすることができます。

CSSの知識がなくても、着せ替え機能のデザインでおしゃれにできるのは魅力的ですよね!

THE THORのそのほかの機能についてはこちらの記事をご覧ください。

→ THE THORの機能と弱点・魅力を徹底解説!|失敗しないテーマ選び

THE THORと6つの有料テーマとの機能の比較を知りたい方は、こちらの記事をご覧ください。

→ THE THORと6つの有料テーマの比較・レビューを詳しく紹介!

ページの表示速度が速く、Googleが推奨している機能が搭載されていて徹底的なSEO対策がされているテーマ「THE THOR」。そんなテーマであなたも収益化を加速させてみませんか?

THE THORの購入はこちらのボタンからできます。