THE THORの「デザイン着せ替え機能」で一気に華やかに【レイアウト＋デザイン】

• Facebook
• X(旧:Twitter)
• はてブ
• LINE
• Pocket

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

他を圧倒する「ザ・トール」のデモサイト一覧
美しく・おしゃれで・洗練されたデザイナーサイトを誰でも作れる「デザイン着せ替え機能」を使えば、気に入ったデモサイトのスタイルを、あなたのサイトにワンクリックでコピーできます。

デモサイト一覧

デモサイト一覧のサンプルと同じデザインにする事が出来ます。自分のブログのデザインを着せ替える事が出来る仕組みです。

THE THORの場合にはWordPress テーマをインストールした直後に、「デザイン着せ替え機能」を使ってデザインの変更をして下さい。
下で記載している「デモスタイル」または「デフォルト用スタイル」をインストールすると、THE THOR独自の設定項目のみ初期状態に戻るため、まだ何も設定をしていない最初のタイミングで「デザイン着せ替え」を行って下さい。

デザイン着せ替え機能の準備

プラグイン「Customizer Export/Import」インストール

デモスタイルをインストールするためには、プラグイン「Customizer Export/Import」が必要なので、まずこれをインストールします。

「デモスタイル」9種類＋「デフォルト用語スタイル」のダウンロード

9種類の「デモスタイル」と、初期状態のスタイルに戻す「デフォルト用語スタイル」をダウンロードボタンします。

関連記事

読み込み中... 読み込み中...

デザイン着せ替え機能を使う

9種類の中から選んだスタイルに着せ替えます。
ブログ形式で、記事の少ない立ち上げ直後の場合には、03か04あたりが寂しい感じにならず無難です。

デザイン着せ替え手順

1. 「ファイルを選択」で今回は「the-thor-child-export-demo04.dat」を選びます。
2. 「画像ファイルをダウンロードしてインポートしますか ?」にチェックを入れます。
3. 「インポート」ボタンをクリックします。

適用したデモスタイルを変更する場合には

適用したデモスタイルを別のデモスタイルに変えたい場合には、 一旦「デフォルト用スタイル（the-thor-child-export-default.dat）」をインストールして初期状態に戻し、その後に新たなデモスタイル（the-thor-child-export-demoXX.dat）をインストールします。

間に「デフォルト用スタイル（the-thor-child-export-default.dat）」を挟むのは不具合防止のためです。

注意事項

冒頭でも言いましたが、「デモスタイル」または「デフォルト用スタイル」をインストールすると、その度にTHE THOR独自の設定項目のみ初期状態になります。

更新用ユーザ ID をすでに入力している場合には、それが空欄に戻ってしまうので、もう一度入力して保存することを忘れないでください。（THE THOR独自の設定項目についても同様です。）

関連記事

THE THORをインストールしたら、すぐにやる事【更新用ユーザーIDの発行・登録】 「マニュアルサイト」の確認、「会員フォーラム」へのログイン、「更新用ユーザーID」の発行・登録、この３つは直ぐに済ませま……

この後は

サイト全体を自分の好みにカスタマイズしていきます。
THE THORではカスタマイズできる項目が非常に多く、その分、作業も多いです。
一つ一つの細かな設定については、別の記事を参考にしてみて下さい。

• Facebook
• X(旧:Twitter)
• はてブ
• LINE
• Pocket