【WordPress】THE THOR(ザ・トール)テーマの設定方法

wordpress(ワードプレス)の有料テーマ、THE THOR(ザ・トール)のテーマの設定方法(テーマの着せ替え)を解説します。

購入したザ・トールのテーマを設定(デフォルトテーマ)

さっそく試しに購入したテーマを設定してみましょう。
この段階では9つの着せ替えテーマのどれにも属さないデフォルトテーマです。

ます購入してダウンロードしたzipフォルダを解凍します。

解凍するとこのような構成になっています。↑

「the-thor.zip」
「the-thor-child.zip」

さらに上記両方とも解凍しましょう。

解凍後の
「the-thor」
「the-thor-child」
をワードプレスにインポートします。

childなしが親テーマ、childありが子テーマです。
基本的には両方ともインストールして、子テーマを有効化させます。
親テーマはテーマ自体の器、テーマ自体のアップデート用で基本は触りません、触らない方が良いです。
子テーマはカスタマイズ用、テーマの更新があっても、新しい器に入れるだけ、基本はこれを触ります。

デフォルトテーマの適用はこれで終わりです。

今後デフォルトテーマを使ってサイト運営をするのであれば、ワードプレス管理画面のカスタマイズから設定を触っていきます。

着せ替えテーマを使うつもりの場合は、
このタイミングでデフォルトテーマをカスタマイズしてしまうと、後の着せ替えで設定が上書きされてしまうので、カスタマイズ設定は触らないでください、時間の無駄になってしまいます。

9つテーマの中からテーマを選ぶ

下記サイトからお好みのテーマを選びます。
トップページのみではなく、記事に潜った時のレイアウトはどうか、PCで見た時、スマホで見た時はどうかなども確認しておきましょう。

テーマのダウンロード

サイトからzipファイルをダウンロードして解凍まで行ってください。
親テーマ、子テーマ両方ともダウンロードしましょう。
ワードプレスへのインポート、適用は待ってください。

※このdatファイルをワードプレスにインポートしたらテーマが上書きされます。

バックアップ

バックアップと後述する着せ替えテーマのインポートに関しては
Customizer Export/Import」という専用のワードプレスプラグインを使います。

プラグインを入れたら有効化してください。
the-thorのカスタマイズ項目に「エクスポート / インポート」が新しく追加されます。

デフォルトテーマに最悪戻せるようにいったんココでエクスポートしてバックアップをとっておきましょう。
インポートはしないでください。

実はこの手順をスルーしてもデフォルトテーマは別のところからダウンロードできます。
デフォルトテーマにこだわらない、以前使っていた無料テーマに最悪戻せればいいという場合は取らなくてもいいです。
デフォルトテーマに上書きされる、ここが重要です。
デフォルトテーマでしばらく運営していた、などがなければ関係ない話です。

ワードプレスにテーマのインポート

念のため再度言いますが、このタイミングでデフォルトテーマがデモサイトの内容で(ロゴやタイトルの文字なども含めて)上書きされる為、ここが分岐ポイントです。
上書きされてもいいか、バックアップはとったか確認してください。

それではdatファイルをインポートしてみましょう。

これでテーマの着せ替えは終わりです。

着せ替えテーマを変えると上書きされるという事は、運用途中に気軽に別のテーマに変更して戻して、というような気分転換は難しいですね。
ただ、クオリティの高い9つのテーマから選べるのは他の有料テーマと比べてもザ・トールの良い点ですね。

カスタマイズ設定の詳細は別記事にまとめます。

関連記事

お問い合わせページの作成 下記の際に追加した、お問い合わせページの追加方法です。THE THOR(ザ・トール)に用意されているテンプレを使ったので凄く簡単です。 [sitecard subtitle=関連記事 url=h[…]

関連記事

サイトマップページの作成 下記の際に追加した、サイトマップページの追加方法です。THE THOR(ザ・トール)に用意されているテンプレを使ったので凄く簡単です。お問い合わせページの作り方も別記事で分けて書きました。作り方は基本同じで[…]

関連記事

THE THOR(ザ・トール)でプロフィールを作るのはとても簡単にできます。でも「記事一覧へ」のボタンや「フォローしてね!」のフォローアイコンは作れるけど、「詳細はコチラ」でプロフィールページに飛べるようにしたいんだけど、、。どうやるの?[…]

関連記事

twitterでブログをシェアしたのに、twitterカードが表示されない! そんな時の対処法を説明します。 調べるとほとんどの記事が「All in One SEO Pack」について書いてあります。 ですが、私は「Al[…]

関連記事

the thorのテーマだけなのかは分かりませんが、 ギャラリー表示にした際に、写真の左にこのようなコンマが表示されます。 これを消す方法を紹介します。 カスタマイズ設定を見る限り、見つけられなかったので、 […]