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