THOR(ザ・トール)の着せ替え機能をマスターしよう!昨今、ブログはコンテンツ重視とのことで、質の高い記事作成が重要と考えられています。THOR(ザ・トール)なら簡単にデザイナーズサイトのような見た目のサイトが出来上がります。THOR(ザ・トール)の目玉機能「着せ替え機能」について説明しましょう。的で購入した人が多いのではないでしょうか。本来なら自分自身で、または専門家さんに有料でお願いして構築するWEBサイトの外観を、プラグインと少しの操作で簡単に構築できる機能が「デザイン着せ替え機能」なのです。9つの異なったデザインを選ぶことができるので、あなたのWEBサイトに合ったデザイナーズサイトを構築することができます。便利な「デザイン着せ替え機能」ですが、1つ大きな注意点があります。それは、カスタマイザーの設定が上書きされるということです。自前のサイトロゴやファビコンなどを設定していても、着せ替えをした時点でスタイルごとに設定されているロゴに自動的に上書きされてしまうにです。Consolenの認証IDなんかもデフォルト状態に戻っていまいます。「デザイン着せ替え機能」を利用する場合は、カスタマイザーの設定をする前か、設定のバックアップ(メモ帳などに保存)する方が良いでしょう。デザイン着せ替え機能の使い方それでは実際に「デザイン着せ替え機能」を使ってみましょう。Export/Import」をインストールスタイルをダウンロードテーマのカスタマイズ設定のバックアップを取るスタイルをインポートする1つずつ説明していきますね。Export/Import」をインストールして有効化します。Export/Import」と入力して検索します。「今すぐインストール」をクリックして、「有効化」ボタンに変わったらこれもクリックしてプラグインの準備は完了です。スタイルをダウンロード公式サイトからスタイルをダウンロードします。下の公式サイトのリンクをクリックします。THOR(ザ・トール)公式サイト下にスクロールすると「デモサイト一覧ページへ」というボタンがあるので、これをクリックします。01から09までのスタイルの中からお好きなスタイルを選んで「スタイルダウンロード」をクリックします。「the-thor-child-export-demo0x.zip」(demo0xの0xはスタイルの番号が入ります)というzip形式の圧縮ファイルがダウンロードされるので、これを任意の場所に解凍して保存します。解凍されたファイル名は「the-thor-child-export-demo0x.dat」という形になります。テーマのカスタマイズ設定のバックアップを取るカスタマイザーの設定に変更を加える前でも、バックアップの習慣を付けるためにやっておきましょう。ダッシュボード「外観」⇒「カスタマイズ」からカスタマイザー画面を開きます。Export/Import」を有効化するとメニューの最下部に「エクスポート/インポート」というメニューが追加されているので、これをクリックします。「書き出し」項目の「書き出し」ボタンをクリックして、現在のカスタマイズ設定のバックアップファイルを保存します。ファイル名は「the-thor-export-dat」となっています。分かりやすい様にフォルダを作って保存しておきましょう。これで着せ替えで上手く行かなかった場合に元の状態に戻せます。スタイルをインポートする次にスタイルをインポートします。「エクスポート/インポート」のメニュー画面の「インポート」項目の「ファイルを選択」ボタンをクリックして、あらかじめダウンロードしたデザインスタイルのファイル「the-thor-child-export-demo0x.dat」を選択します。ダウンロードしたzipファイルではなく、解凍したdatファイルを選択します。スタイルファイルを選択したら、「画像ファイルをダウンロードしてインポートしますか?」にチェックを入れて、「インポート」ボタンをクリックして着せ替え完了です。スタイルを再変更したい場合デザインスタイルを変更して、また別のスタイルに変更する場合には、まずはデフォルトの状態にいったん戻してから、新しいスタイルをインストールします。※項目をクリックするとジャンプしますカスタマイズした設定をバックアップデフォルトスタイルをダウンロードデフォルトスタイルをインポート着せ替えるデザインスタイルをダウンロードしてインポートするそれぞれ詳しく説明しますね。カスタマイズ設定をバックアップまずは新規で着せ替えする時と同様にカスタマイズ設定をバックアップします。デフォルトスタイルをダウンロードマニュアルサイトを開き、初期設定メニューの「カスタマイザーの設定をデフォルトに戻す着せ替えファイル」という項目を開き、「カスタマイザーに値をデフォルトに戻す」から「スタイルをダウンロードする」ボタンをクリックして、デフォルトのスタイルをダウンロードします。「the-thor-child-export-default.zip」というファイルがダウンロードされるので、これを解凍して任意の場所に解凍しましょう。デフォルトスタイルをインポート「エクスポート/インポート」メニューの「インポート」からダウンロードして解凍した「the-thor-child-export-default.dat」ファイルを選択して、「画像ファイルをダウンロードしてインポートしますか?」にチェックを入れて、「インポート」ボタンをクリックします。これでデフォルト状態に戻りました。デフォルト状態に戻す時も「画像ファイルをダウンロード~」にチェックを入れましょう。着せ替えるデザインスタイルをダウンロードしてインポートする次は通常の着せ替えと同じように任意のデザインスタイルをダウンロードしてインポートします。着せ替えをするたびに設定が上書きされるので注意してくださいね。着せ替えしたスタイルは、デモスタイルとして設定されています。THOR(ザ・トール)のデモサイトの様なサイトになってしまうし、カスタマイザーで変更した設定も上書きされてデフォルトに戻ってしまいます。デザイン着せ替え機能を使った後に、あなたのサイトに合わせた設定を行います。変更・初期状態になった設定内容は、細かい所まで説明するとキリがないので、重要な箇所に絞って説明します。デザインスタイルによっては必要のない設定もあります。以下の項目が私がテストして設定が変更になった項目です。カラー設定などは着せ替え前の設定から引き継がれますが、入力・変更したテキスト類や指定IDなどはデフォルトの状態に戻るか着せ替えで新たに上書きされています。CSSけっこうな数の項目が変更されていました。人によっては必要のない項目もあったかとは思いますが、まずは《重要》と書かれた箇所は最優先で確認してください。それでは、それぞれの項目を見てみましょう。THOR(ザ・トール)のロゴになっています。あなた独自のロゴがある場合は変更し、無い場合は画像を削除しましょう。し設定」と「注目キーワードを設定」が変更されています。「注目キーワードを設定」では、キーワードが「ファッション」「デザイン」「流行」になっているので、あなたのブログに合わない場合は変更しましょう。見出し設定」がデフォルトに戻っていますので、変更していた場合は再設定が必要です。除外IDやテキストなど、一部設定がデフォルトに戻っています。基本設定[THE]⇒「パスワード保護ページ設定」デフォルトのテキストに戻っていますので、変更していた場合は再入力が必要です。基本設定[THE]⇒「お問い合わせページ設定」デフォルトのテキストに戻っていますので、変更していた場合は再入力が必要です。Consoleの認証IDが、デフォルトの空欄に戻っているので再設定が必要です。基本設定[THE]⇒「セキュリティ関連設定」デフォルトから変更している場合は、もとに戻っているので注意してください。基本設定[THE]⇒「ユーザーID設定」デフォルトの空欄に戻っているので再設定が必要です。「サブメニュー設定」で「注目ボタンのテキスト」と「ボタンのリンク先URL」を変更しましょう。THOR(ザ・トール)のサイトにリンクされているので、変更または「注目ボタンのテキスト」も併せて削除します。THOR(ザ・トール)のサイトになっているので、表示を非表示にするか内容を変更しましょう。THOR(ザ・トール)のデモサイトと同じになっています。フッターCTAを非表示にするか、内容を変更しましょう。「コピーライトの設定」がデフォルトに戻っています。こちらの記事を参考に変更してください。THOR(ザ・トール)】には、カスタマイズや設定できる項目が数多くあります。全ての項目を設定しようと思ったら、あまりの設定項目の多さに目が回ってしまって、記事作成する前に力尽きてしまいかねません。自由設定リンクボタンの「タイトル」「リンク先URL」「アイコン」がデフォルトの空欄になっています。「タイトル」「サブタイトル」「ボタンのテキスト」「ボタンのリンク先URL」などがデモ用に上書きされています。THOR(ザ・トール)のままの場合は変更または削除しましょう。THOR(ザ・トール)のままの場合は変更または削除しましょう。THOR(ザ・トール)のままの場合は変更または削除しましょう。変な画像を登録してますけど、適当に選んだ画像なので気にしないでね。THOR(ザ・トール)のままの場合、非表示にするか内容を変更しましょう。指定IDが空欄に戻っているので、再設定が必要です。見出しのテキストや記事IDなどが上書きされています。見出しのテキストや指定IDなどが上書きされています。しのテキストや指定IDなどが上書きされています。「お勧めカテゴリの設定」のカテゴリIDや表記のテキストが上書きされています。[THE]⇒「アーカイブ用広告設定」アーカイブ用インフィード広告タグがすべてデフォルトに戻り空欄になっています。個別ページ用のアドセンスなどの広告タグがデフォルトに戻って空欄になっています。description>が変更されています。各項目がデフォルト状態に戻っています。img非同期読み込み設定SEO設定[THE]⇒「img非同期読み込み設定」デフォルト状態に戻っています。htaccess設定SEO設定[THE]⇒「htaccess設定」デフォルト状態に戻っています。HTML圧縮設定SEO設定[THE]⇒「HTML圧縮設定」デフォルト状態に戻っています。設定した画像やIDなどが変更または削除されています。THORに変更されています。THORのデモ用に変更されています。AMPページ用広告設定AMP設定[THE]⇒「AMPページ用広告設定」AMPページ用のアドセンスなどの広告タグがデフォルトに戻って空欄になっています。PWA機能設定PWA設定[THE]⇒「PWA機能設定」スマホのホーム画面に表示されるアイコン下のテキストが変更されています。THOR用に上書きされています。サイトアイコンサイト基本情報⇒「サイトアイコン」サイトアイコンの画像がデフォルトに戻って消えてしまっています。CSS追記したCSSがデフォルトに戻って消えています。各スタイルの紹介それでは最後に各デザインスタイルのデモサイトの簡単な紹介をしますね。スタイル01YouTube動画を使用したトップページのメインビジュアルが特徴のデザインスタイルです。カルーセルスライダーとピックアップ記事が目を引きますね。デモザ・トールの魅力を伝えるためのデモメディアの説明文章...スタイル02静止画がトップページのデザインスタイルです。サイドバーがなく、新着記事やカテゴリなどはフッター部にまとめられています。site...スタイル03トップページのメインビジュアルがスライドショーになっているデザインスタイルです。全体的にスッキリとした印象になっています。Blog...スタイル04トップページのメインビジュアルが静止画になっていて、画像にマスクがかかっていて落ち着いた印象のデザインスタイルです。Blog...スタイル05YouTube動画をメインビジュアルにしたデザインスタイルです。個人的には一番カッコいいスタイルだと思っています。情報発信系のポータルサイトなどに向いているスタイルかもですね。Blog...スタイル06メインビジュアルの画像がクリック操作で入れ替わり、その動きがカッコいいデザインスタイルです。カルーセルスライダーとピックアップ記事が目を引くデザインになっています。Blog...スタイル07YouTube動画をメインビジュアルにしたデザインスタイルです。特徴は各記事のアイキャッチ画像を非表示にして、全体的に文字が多めのスッキリ上品な雰囲気のデザインになっています。Blog...スタイル08ランキングサイトにピッタリ、というかそまんまランキングサイトに特化したデザインスタイルです。description設定...スタイル09アフィリエイターなら一番使うことの多いかもしれないデザインスタイルです。商品紹介や口コミサイトなどに最適なデザインでしょう。THOR(ザ・トール)の目玉機能「デザイン着せ替え機能」について解説しました。01から09まで様々なスタイルが用意されていて、どれにしようか迷ってしまいますよね。この記事を書くにあたって、スタイルを変えながら色々設定などを確認してみましたが、着せ替え機能を使うと多くの設定が変わってしまって、大変な思いをしてしまいました。私の感想としては、デザイン着せ替え機能を利用する場合は、新規でサイトを立ち上げて各設定を行う前に着せ替えした方がかなり楽ですね。運営途中で着せ替える場合は、しっかりと検討してデザインを着せ替えましょう。それぞれのスタイルには特色があるので、あなたのブログに合った最適なスタイルを選んでください。柚子こんにちは!柚子(ゆず)と申します。普段は「TAKE-PRESS」というWordPress専門サイトを運営しているタケ坊のアシスタントをしています。THOR(ザ・トール)」の専門サイトを立ち上げたため、こっちの担当になりました。TAKE-PRESSともども、よろしくお願いしますね。コメントをキャンセルメールアドレスが公開されることはありません。柚子こんにちは!柚子(ゆず)と申します。普段は「TAKE-PRESS」というWordPress専門サイトを運営しているタケ坊のアシスタントをしています。THOR(ザ・トール)」の専門サイトを立ち上げたため、こっちの担当になりました。TAKE-PRESSともども、よろしくお願いしますね。柚子こんにちは!柚子(ゆず)と申します。普段は「TAKE-PRESS」というWordPress専門サイトを運営しているタケ坊のアシスタントをしています。THOR(ザ・トール)」の専門サイトを立ち上げたため、こっちの担当になりました。TAKE-PRESSともども、よろしくお願いしますね。THOR(ザ・トール)マニュアル・カスタマイズNAVI.ホームシェアメニューお問い合わせTOPへ。