むなかたと申します。
今回は私が使っている、WordPressテーマ、『THE THOR(ザ・トール)』の「デザイン着せ替え機能』を使って、ブログのデザインを変更してみましたので、その方法をご紹介したいと思います。
デザイン着せ替え機能の使い方
トールマニュアルを参考にしながら、実際に私がたどっていった手順を写真付きであげながら、分かりやすいように説明も加えていきます。
![](https://munakata-ya.com/wp-content/uploads/2019/05/F4096D73-414B-4159-B117-84417C139D97-1024x768.png)
公式THOR MANUAL/デザイン着せ替え機能の使い方はこちらから。
「Customizer Export/Import」をインストールする。
まずは、プラグインの「Customizer Export/Import」をインストールする事から始めていきます。
WordPressのダッシュボードにあります、「プラグイン」から「新規追加」と進んでください。
![](https://munakata-ya.com/wp-content/uploads/2019/05/40052892-8CD6-431D-8BE6-79DE21234ACC-1024x768.jpeg)
「プラグイン」という文字をおさえると、「インストール済みプラグイン」「新規追加」「プラグインエディター」が出てきますので、「新規追加」を選びます。
![](https://munakata-ya.com/wp-content/uploads/2019/05/5F260EF1-DA03-4227-8BFD-0BF0D45599DC-1024x768.jpeg)
そうしますと、次のような画面に移動します。
![](https://munakata-ya.com/wp-content/uploads/2019/05/2D9A68C0-517D-400C-B3F5-CB7EDA50DCFA-1024x768.png)
「プラグインの検索」にCustomizer Export/Importと入力してください。
![](https://munakata-ya.com/wp-content/uploads/2019/05/57689B88-D170-4BDE-8417-2B5B803876F6-1024x768.jpeg)
入力すると次の画面になります。
![](https://munakata-ya.com/wp-content/uploads/2019/05/186C3181-0AFC-4904-92DA-D6B2BC08109B-1024x768.png)
私はすでにインストールしていたので「有効」になっていますが、インストールしていなければ隣や下のように「今すぐインストール」となっています。
それでは「今すぐインストール」をクリックします。
![](https://munakata-ya.com/wp-content/uploads/2019/05/D8DC4141-5ED0-46FD-A3F1-1E1F2F2D5C6B-1024x768.jpeg)
「今すぐインストール」をクリックすると、「インストール中」に切り替わって、その後「有効化」となってボタンが緑色に変化します。
インストールが終了して「有効化」に切り替わったら、「有効化」のボタンをクリックしてください。
これでインストールが終了しました。
![](https://munakata-ya.com/wp-content/uploads/2019/05/030E95F0-1FBE-44CF-818A-73C065C3AD36-1024x768.png)
もう一度プラグインに戻ると、「Customizer Export/Import」が増えていると思います。
デモサイト一覧から好みのスタイルをダウンロードする。
ここからは『THE THOR』の公式ホームページに行ってダウンロードを行います。
![](https://munakata-ya.com/wp-content/uploads/2019/05/5CE69244-5F26-4B8B-A9AF-72FAC24D66A9-1024x768.png)
『THE THOR』公式ホームページ/デモサイト一覧はこちらから。
まずは、ザ・トールのデモサイト一覧から好みのサイトのスタイルを選びダウンロードしていきます。
「スタイルダウンロード」を押すとダウンロードへ進みます。デスクトップなど分かりやすい位置に保存するとその後の作業がスムーズに進みます。
![](https://munakata-ya.com/wp-content/uploads/2019/05/98A8DD97-B0FB-4F70-B3EA-ECF37EBC26CD-1024x768.jpeg)
スタイルダウンロードをクリックすると、ファイル名が出て青い文字でダウンロードと出てきます。
![](https://munakata-ya.com/wp-content/uploads/2019/05/C34366B9-D316-4FFA-861D-DC67B771EF68-1024x768.jpeg)
ダウンロードをクリックすると、また青い文字で次で開く、と出てきます。
![](https://munakata-ya.com/wp-content/uploads/2019/05/C57CD6D4-30D0-4710-BD1D-C66634FEC8DA-1024x768.jpeg)
ここをクリックすると、下の画像のようにどのアプリで開くかを聞かれます。
![](https://munakata-ya.com/wp-content/uploads/2019/05/7ABAC627-BD85-43E1-AF61-60CC80F12B3B-1024x768.png)
iPadではzipファイルを開けませんので、zipファイルを開くために何らのアプリが必要になります。
私はDocumentsを使ってますが、パソコンがあれば楽なのになぁ、とは思いました。
ちなみにパソコンだと、ダウンロードかデスクトップに保存でいけるので、超簡単なんですけど。
![](https://munakata-ya.com/wp-content/uploads/2019/05/B992DA5C-EBB6-4BBE-A83B-1983FD2F11CD-1024x768.png)
こんな感じでダウンロードされました。
ダウンロードされたファイルは、圧縮ファイル(ZIP形式)となっています。
圧縮ファイルのまま、この後のインポート作業をすると、エラー表示されてインポートできませんので、先ほどダウンロードした圧縮ファイル「the-thor-child-export-demo 0x」をダブルクリックして解凍(展開)してください。
(※demo 0xのxの数値はデモサイトの番号が入ります。)
上記の画像はデスクトップ上にファイルを保存した場合の画像です。
青い文字でzipと書かれている方が圧縮ファイル、白紙の方が解凍されたファイルになります。
誤って圧縮ファイルの方をインポートしないように、圧縮ファイルは廃棄してしまっても構いません。
使うかどうかは分かりませんが、私は比較検討する為に、9個のスタイル全てをダウンロードしておきました。
解凍したファイルをインポートする。
先ずダッシュボードから「外観」を開きます。
![](https://munakata-ya.com/wp-content/uploads/2019/05/D89A62B4-10F1-4C3A-9FDB-F184B9B51683-1024x768.jpeg)
そうすると、「テーマ」「カスタマイズ」「ウィジェット」「メニュー」「テーマエディター」が出てきます。
そこから「カスタマイズ」を開きます。
![](https://munakata-ya.com/wp-content/uploads/2019/05/39B93DD4-7BCB-4B04-8BFA-105221C7E346-1024x768.jpeg)
そうすると次のような画面に切り替わりますので、
![](https://munakata-ya.com/wp-content/uploads/2019/05/E521FA8D-378D-482B-8802-4F89B675E62E-1024x768.jpeg)
「エクスポート / インポート」へ進み「参照」をクリックしてください。
![](https://munakata-ya.com/wp-content/uploads/2019/05/AAA966B9-F43D-4F27-BFA0-9D6DE083334A-1024x768.jpeg)
![](https://munakata-ya.com/wp-content/uploads/2019/05/F996130C-C03A-42BA-A4C2-1BAA46B5CB50-1024x768.jpeg)
![](https://munakata-ya.com/wp-content/uploads/2019/05/873ED83F-B443-4970-ABF8-872845B326FC-1024x768.jpeg)
まずはdemo01をクリックして試してみます。
メイン画像 横並びで読んで欲しい記事を表示出来ます。 ピックアップ記事 人気記事 新着順、人気順、カテゴリーで記事が調べられます。 自己紹介 シェアボタン
少し表示されている情報が多くて、効果的に載せるのは私には難しいかな、と思い、上級者向きかなと感じました。
次はdemo02です。
メイン画像と人気記事 新着順で 全ての記事
今度は逆にシンプルすぎるかな、という印象でした。自己紹介とカテゴリー検索は欲しいかな、と思いました。
ニュースだけを流したり、一つのテーマでブログを書いている人にはシンプルで良いかもしれません。
次はdemo03です。
画像がオートでスライドします。 人気記事 新着順と人気順 自己紹介とカテゴリー検索 最近の投稿 検索とフォローボタン
人気記事と人気順、新着順と最近の投稿など、重なっているものは多いので、自分でのアレンジは必要かと思います。
バランスは良い感じです。
次はdemo04です。
メイン画像と記事スライド 人気記事 新着順と人気順 自己紹介とカテゴリー検索 最近の投稿 カテゴリー最新記事 フォローボタン
メイン画像は固定で記事がスライドしています。
こちらも人気記事と人気順、新着順と最近の投稿、カテゴリー最新記事など重なっている物が多いので、アレンジが必要そうです。
カテゴリー最新記事は、自分が読んで欲しいカテゴリーを紹介出来そうなのが良い感じです。
3と4がちょうどいい分量かな、と思います。
次はdemo05です。
検索とメイン画像 人気記事 新着順と人気順、お勧めのカテゴリー お知らせとランキング フォローボタン
こちらもバランス良く入っています。
自己紹介がないのは残念ですが、お勧めカテゴリーがあるのは良いですね。
人気記事とランキング、人気順が重なっているのでこれはアレンジが必要かと思います。
お知らせが入っているので、ある程度固定ファンがついていたり、他の活動もされている上級者ブロガーさん向きかと思います。
次はdemo06です。
オートスライドのメイン画像 ピックアップ記事 人気記事 新着順と人気順 自己紹介とカテゴリー検索 最近の投稿 画像
ピックアップ記事で自分が読んで欲しい記事を載せられるのが良いですね。
どちらかというと、画像や写真などが目に入る気がします。写真の投稿やイラストを書く人などに良い気がします。
次はdemo07です。
次はdemo08です。
自分のブログでやってみたんですが、あまり伝わらないかなと思ったので、トールのホームページからデモサイトの画像をお借りして紹介します。
アフィリエイトブログやランキングブログに特化した感じのデモですかね。
私みたいに興味のある事なら何でも、というブログには向かない気がします。
まとめ
『ザ・トール』の「デザイン着せ替え機能』を実際に使ってみて、画像を交えながら手順を追ってみました。
「デザイン着せ替え機能』を使われる際の参考になれば幸いです。
それでは、今回はこの辺で失礼いたします。
コメントを残す