プラグイン【ザ・トール】デザインの着せ替え&バックアップの説明♪

私がTHE THOR(ザ・トール)を購入した理由の1番はアドセンスが合格しやすいだろうという事。

第2位ががこれ、着せ替えのデザインんが9個ある事(^^♪。

どれを使っても素敵なWEBサイトになりそうだし、自分でデザインを考えなくていいなんて楽だなと。

ぽちっと購入を押してしまいました。

THE THOR(ザ・トール)デザイン着せ替え注意事項

私が選んだ理由の1つ。

THE THOR(ザ・トール)のスタイルの「デザイン着せ替え機能」。

気を付けなきゃいけないことがあるんです。

それはデザインを着せ替えると、前着せ替え前に設定していた情報が上書きされてしまうという事。

例をあげるなら、自前のロゴのサイズの設定していても、新しいデザインの着せ替えをした時点で デモサイトに設定されているロゴサイズにに自動的に上書きされてしまうのです。

自分で設定を変更したものは消えてしまうので、GoogleアナリティクスのトラッキングIDやGoogle Search Consolenの認証IDなんかも要注意です。

という訳で色々設定が終わってからスタイルの「デザイン着せ替え機能」を利用する場合は、メモ帳などに保存するなどの 設定のバックアップをする事をおすすめ致します。

途中でデザインの着せ替えをするときは注意しなきゃと思いました。

Ⅰ THE THOR(ザ・トール)デザイン着せ替えの準備のやり方

プラグイン「Customizer Export/Import」のインストールのやり方

デザイン着せ替えの前にWordPressのプラグイン「Customizer Export/Import」をインストールして有効化します。

画面左側のコンセントマークの「プラグイン」→「新規追加」をクリックしてください。

プラグインの検索の所に「Customizer Export/Import」と入力して検索してください。

プラグイン「Customizer Export/Import」の有効化のやり方

「今すぐインストール」をクリック → 「有効化ボ」タンクリックしてプラグインの準備は完了です。

もし、詳しく画像付きでという方は下のリンクで飛んで、③番を読んでください。

テーマTHE THOR購入後~記事を書くまでを初心者に説明

Ⅱ THE THOR(ザ・トール)着せ替えのデザインをダウンロードのやり方

THE THOR(ザ・トール)着せ替えのデザインがあるデモサイトへ

これは公式サイトから、好みの着せ替えのデザインをダウンロードしてきます。

THE THOR(ザ・トール)公式サイト

上記のサイトに9個の着せ替えのデザインがあります。

THE THOR(ザ・トール)着せ替えのデザインを選ぶ

「デモサイト」をクリックしてそれぞれのの雰囲気を確かめながら、ダウンロードする着せ替えのデザインを探します(^^♪

①着せ替えのデザインが決まったら、着せ替えのデザインの「スタイルダウンロード」ボタンをクリックします。

私は着せ替えデザイン「09」を選択したので、それを例にしますね。

THE THOR(ザ・トール)着せ替えのデザインをダウンロードするやり方

②「the-thor-child-export-demo09.zip」というzip形式の圧縮ファイルがダウンロードされるので、これを任意の場所保存してください。

③保存したスタイルの着せ替えのファイルを、またもや任意の場所に解凍してください。

THE THOR(ザ・トール)着せ替えのデザインのzipファイルを解凍するやり方

④解凍すると「the-thor-child-export-demo09」という着せ替えのスタイルの情報が入ったフォルダができます。

その中にある「the-thor-child-export-demo09.dat」というファイルが、使用する着せ替えのスタイルの大事な情報ファイルとなります。

Ⅲ THE THOR(ザ・トール)デザイン着せ替えの前に

THE THOR(ザ・トール)デザインのバックアップするやり方

色々カスタマイズしていくとスタイルが崩れていく場合がありますのでバックアップをおすすめします。

画面左側の刷毛マークの「外観」→「カスタマイズ」をクリックしてください。

①「エクスポート/インポート」をクリック → ②「書き出し」をクリックしてください。

任意のフォルダを作って保存してください。ファイル名は「the-thor-export.dat」となっています。

これでスタイルの着せ替えで上手く行かなかった場合でも元の状態に戻せるようになりました(^^♪

③画像では「公開済み」ボタンになっていますが、「公開」ボタンが表示されていると思いますのでクリックしてください。

これでスタイルのエクスポートが完了しました。

Ⅳ THE THOR(ザ・トール)デザイン着せ替えのやり方

THE THOR(ザ・トール)着せ替えのスタイルに変更するやり方

スタイルのバックアップが終わりましたので、着せ替えのスタイルに変更していきます。

①「エクスポート/インポート」をクリックしてください。

③「選択」ボタンをクリックして、Ⅱの④で保存しておいた着せ替えのスタイルの大事な情報ファイルの「the-thor-child-export-demo09.dat」を選択します。

 THE THOR(ザ・トール)デザイン着せ替え完了

④次に「画像ファイルをダウンロードしてインポートしますか?」にチェックを入れて、「インポート」ボタンをクリックしてください。

これで着せ替えのスタイルに変更が完了です!

Ⅴ THE THOR(ザ・トール)着せ替えデザインを戻すやり方

THE THOR(ザ・トール)着せ替えを戻すやり方

着せ替え後のデザインをデフォルトの状態に戻すにはⅢの②で作成した「the-thor-export-dat」を使用して戻します。

Ⅳの③の選択で「the-thor-export.dat」を選択してⅣの④に進んでください。

 

THE THOR(ザ・トール)デフォルトの着せ替えデザインのやり方

着せ替えデザインをデフォルトに戻したい時は、デモサイトで「01}をダウンロードしてきます。

 

THE THOR(ザ・トール)デザイン着せ替えやり方 まとめ

着せ替え前のデザインのバックアップとるのって面倒ですよね。

実際私は着せ替え前のデザインのバックアップをとりませんでした。

着せ替え前でデザインをいじるとは思っていなかったので、着せ替え前のデザインのバックアップなんて私には必要ないと思ったんです。

でも、色々したい事を調べていく内に、CSSでデザインをいじりだしてしまって、今ハラハラしながら書き込んでいます。

こんなダメな見本の私がいるので、着せ替え前のデザインのバックアップを本当におすすめします!

 

ランキングに参加しているのでバナーをクリックしていただけると嬉しいです♪

人気ブログランキング

私が個人でAmazonアソシエイトに応募して落ちましたが、「もしもアフェリエイト」を通して申請したら合格しました。

もしもから申請をお勧めします♪

A8.netは広告主数・登録サイト数共に日本最大級のアフィリエイトサービスプロバイダーです。

ここもおすすめ♪

アフェリエイトの会社によって、扱っている商品は違ったり、又、同じ商品でも成約金額が違う場合があるので複数の登録をお勧めします(^^)/

/TOP/