THE THOR(ザ・トール)でデザイン着せ替えする方法を解説【画像付き】


こんにちは、あゆりです。

今回は、THE THOR(ザ・トール)でのデザイン着せ替えをする方法を画像付きで解説します。

・デザイン着せ替えをする際に抑えておくべき注意点
・デザイン着せ替えをする方法
・デザイン着せ替え時にエラーが出てしまった時の対処法
・スタイルを変更したい場合の方法


THE THORには、現在9種類のテンプレートがあり、好きなスタイルを選ぶことができます。

デモサイト一覧を見てみる
上記のリンクで、THE THORのテンプレートを見ることができるので確認したい方はぜひ。

デザイン着せ替え機能を使えば、デモサイトのようなおしゃれなデザインのサイトを簡単に設定することができます。
その上での注意点もあるので、その点も踏まえてさくっと着せ替えしちゃいましょう。


Advertising

THE THORでデザイン着せ替えをする際に抑えておくべき注意点


THE THORでデザイン着せ替えの解説に入る前に、抑えておくべき注意点があります。
注意点は、次の3つです。

①一部の設定がリセットされる
②自分のサイトに合わせたカスタマイズが必要
③別のデザインに変更する際は一旦デフォルトデザインに戻す必要がある


①一部の設定がリセットされてしまう


デザイン着せ替え機能を使う際に1番気をつけなければいけないことは、着せ替え作業をする前にカスタマイズ設定をしないことです。
なぜなら、デザイン着せ替えをすると、各種設定やカスタマイズ設定の一部がリセットされてしまうからです。

例えば、せっかく広告タグやTOPページのSEO設定をしたり記事装飾関連のカスタマイズ設定などをしても、着せ替え機能を使うと戻ってしまいます・・

THE THORは、かなり細かいカスタマイズ設定が出来ますが、せっかくいろいろ考えてカスタマイズしたのに着せ替えしたせいでリセットされるとダメージも大きいと思います。

なので、カスタマイズ設定を行う際は、着せ替え作業が終わった後にやりましょう。
そして着せ替え作業は1番最初のブログ開始時のみにした方がいろいろめんどくさくないし無難ですね。笑


②自分のサイトに合わせたカスタマイズが必要


デザイン着せ替え機能を使用してデザイン設定しても、デモサイトのデザインそのままです。
つまり、そのままだとDEMO用のTHE THORの広告等が入ってしまっているのです。


上記画像のような感じですね。

なので、デザイン着せ替えした後は、自分用のサイトに合わせたカスタマイズが必要です。
この辺りはまた別記事で詳しく説明しますね。


③別のデザインに変更する際は一旦デフォルトデザインに戻す必要がある


例えば、デモサイト05を使っていたけどデモサイト07に変更したい・・
というように別のデザインに変更したい場合、直接スタイルを変更してしまうと不具合が出てしまうことがあります。

もし他のデザインに変更したくなったら、
①「デモサイト05」→「デフォルトデザイン」へ変更
②「デフォルトデザイン」→「デモサイト07」へ変更
というステップが必要です。

「デモサイト05」→「デモサイト07」のようにダイレクトには変更できないので、気をつけてくださいね。

詳しいやり方は、後ほど説明します。


THE THORでデザイン着せ替えをする方法


さてここからは、THE THORでデザイン着せ替えをする方法を解説していこうと思います。
画像付きで説明するので、この通りに進めてみてくださいね。

ちなみに、ここでは初めてTHE THORのテンプレートにデザイン着せ替えする方向けの内容となります。
デザインの変更をしたい方は、「スタイルを変更したい場合の方法」のとこで解説しているので、そちらを見てくださね。

①「Customizer Export/Import」というプラグインをインストールして有効化する


デザイン着せ替えに必要なプラグインなので、インストールして有効化しましょう。

プラグインのインストール方法は、WordPress管理画面の「プラグイン」→「新規追加」をクリックして、検索すれば出てくるのでそのままインストールして有効化すればOKです。
特に設定とかは必要ないです。

THE THORのデモサイトから好きなテンプレートを指定して「スタイルダウンロード」をクリックする


③圧縮ファイルがダウンロードされるので解凍する


赤枠で囲ったファイルをクリックすると、自動的に解凍されます。

デモサイト01をダウンロードした場合の解凍した後のファイル名は、「the-thor-child-export-demo01.dat」です。

④テンプレートをインポートする

まずは、WordPressの管理画面にログインします。


ログインができたら、「外観」「カスタマイズ」を開きます。


「エクスポート / インポート」を開きます。
この項目がない場合は、先ほどインストールした「Customizer Export/Import」が有効化されていないということなので、管理画面に戻って有効化しましょう。


ファイル選択から先ほど解凍したファイル(.datファイル)をアップロードします。

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

カスタマイズの画面が切り替わればOKなので、最後に忘れずに「公開」ボタンをクリックしましょう。

これで、デザイン着せ替えの作業は完了です。


スポンサードサーチ

デザイン着せ替え時にエラーが出てしまった時の対処法


THE THORでデザイン着せ替え時に、タイムアウトエラーが発生してしまうことがあります。
Fatal error: Maximum execution time of 30 seconds exceeded・・・」
こんな感じのエラーです。

私自身が着せ替えしたときは出なかったですが、わりとあるみたいなので対処法を解説します。
このエラーはサーバー側の問題で、当ブログはエックスサーバーを使っているので、そちらの方法で解説していきます。

エックスサーバーの「サーバーパネル」を開く 


サーバーパネルを開いたら、「php.ini設定」を開きます。

②指定のドメインの「選択する」をクリックする


③「max_execution_time」の秒数を変更する


上記画像のように、エックスサーバー の場合はデフォルトだと30秒になっているので、秒数を伸ばしましょう。

ひとまず120秒くらいに変更して、それでもできなかったら180秒、240秒と上手くいくまで引き上げましょう。
※完了したら元の30秒に戻しておきましょう。


スタイルを変更したい場合の方法


ここからは、すでにTHE THORのテンプレートを使っていて、別のテンプレートに変更したい方向けの内容になります。
例えば、デモサイト05を使っていたけどデモサイト07に変更したい・・
とかですね。

最初の注意点でもお話ししましたが、THE THORのテンプレートから別のに変更する際は、一度デフォルトのデザインに戻す必要があります。
ダイレクトに変更すると、不具合が出てしまうこともあるので気をつけましょう。

それではスタイルの変更の方法について解説していきます。

THE THOR公式サイトからデフォルト用スタイルをダウンロードする


「スタイルをダウンロードする」をクリックすると、圧縮ファイルがダウンロードされるのでクリックして解凍し、インポートするとデフォルトデザインに戻ります。

インポートの方法は上で説明しているので、忘れてしまった方は確認してみてくださいね。

デフォルトデザインに戻した後は、新しい別のテンプレートをダウンロードしてインポートして完了です。


スポンサードサーチ

おわりに

無事デザイン着せ替えはできましたか?
最初はもろもろ設定が必要ですが、終わってしまえば後は記事を書くだけなので一気に終わらせてしまいましょう。

さて、デザイン着せ替えが完了したら、解析ツールのGoogle analyticsとGoogle search consoleを導入しましょう。
別記事のTHE THOR(ザ・トール)でアナリティクスとサーチコンソールの設定方法で詳しく解説しているのでよかったらぜひ。

というわけで今回は以上です。

関連記事

こんにちは、あゆりです。今回は、THE THOR(ザ・トール)でのGoogleアナリティクスとGoogleサーチコンソールの設定方法を画像付きで解説します。・GoogleアナリティクスのトラッキングIDを取得しよう・Googleサー[…]

Advertising