THE THORは、デザイン性の高さと豊富なテンプレート機能が魅力のWordPressテーマです。
デモサイトをテンプレートとして利用することができます。
これを使えば、初心者でも一瞬でプロっぽいサイトデザインを再現できます。
この記事では、THE THORのデザインテンプレート設定方法を初心者向けにわかりやすく解説します。
THE THOR：デザイン着せ替えの手順
- 「Customizer Export/Import」プラグインをインストールする
- デモサイトのテンプレートファイルをダウンロードする
- ダウンロードしたテンプレートファイルをインポートする
① 「Customizer Export/Import」プラグインをインストールする
「Customizer Export/Import」はデモデータをインストールするのに必要なプラグインです。
まず最初に「Customizer Export/Import」プラグインをインストールしましょう。
「Customizer Export/Import」のインストール方法
「プラグイン」→「新規追加」から検索欄に「Customizer Export/Import」と入力して検索します。
「Customizer Export/Import」が表示されたら「今すぐインストール」をクリックし、続いて「有効化」をしておきます。
② デモサイトのテンプレートファイルをダウンロードする
THE THOR（ザ・トール）のデモサイト一覧から好みのスタイルをダウロードします。
スタイルデータをダウロードすると下画像のような圧縮フォルダが保存されます。
まずはこの圧縮フォルダを解凍します。
解凍方法は簡単です。
圧縮フォルダを右クリックして「すべて展開」を選択します。
展開すると下のように「.zip」の拡張子がなくなったフォルダが保存されます。
解凍したフォルダの中を確認すると「.dat」の拡張子の付いたファイルが確認できると思います。
このファイルをインポートすれば着せ替えは完了です。
③ ダウンロードしたテンプレートファイルをインポートする
WordPressメニューから「外観」→「カスタマイズ」を選択します。
「Customizer Export/Import」プラグインを有効済みであれば、カスタマイザーに「エクスポート/インポート」の項目が追加されています。
「エクスポート/インポート」の画面でダウンロードしたファイルを選択します。
「画像ファイルをダウンロードしてインポートしますか？」にチェックを入れます。
「インポート」をクリックすればデモデータのデザインが反映されます。
以上がTHE THOR（ザ・トール）でデザインテンプレートを設定する方法になります。
インポート後に必ず確認すべき3つの設定
テンプレートを当てた直後は、一部のデザインが崩れて見えることがあります。
以下の3点を修正すれば綺麗に整います。
① メニューの設定
インポート直後はメニューが空の状態になることがあります。
[外観] ＞ [メニュー] から、作成済みのメニューを「ヘッダーエリア」などに割り当て直してください。
② TOPページの設定
最新記事の一覧が表示されない、または特定の固定ページが表示されている場合があります。
[カスタマイズ] ＞ [ホームページ設定] で、公開したいコンテンツに合わせて設定を確認してください。
③ ウィジェットの配置
デモサイト特有のサイドバー設定が反映されていない場合があります。
[外観] ＞ [ウィジェット] から、不要なパーツを削除し、必要なものを配置し直しましょう。
まとめ
THE THORのデザインテンプレートを使えば、初心者でも数分でおしゃれなサイトを作成することができます。
手順は次のスリーステップでOKです。
- 「Customizer Export/Import」プラグインをインストールする
- デモサイトのテンプレートファイルをダウンロードする
- ダウンロードしたテンプレートファイルをインポートする
テンプレート設定後は、
- メニューの設定
- TOPページの設定
- ウィジェットの配置
を確認してサイトを整えましょう。
また、スマホでの確認も忘れずに行うようにしましょう。