このブログは今年の4月から始めました。ブログをやってみたい!と思い立って、ワードプレスでブログを開設し、無料のワードプレステーマを使ってブログをスタートしました。
cocoon(コクーン)という無料テーマを使っていました。無料なのにとても使いやすくて、デザインもシンプルで良かったです。でも、もう少し変わったデザインに変えてみたいと思い、【THE THOR(ザ・トール)】 という有料テーマを購入しました。
cocoonからザ・トールへ変更する手順を、画像を載せてまとめました。私の場合はわからないことが多くて、調べながらテーマ変更したので、これからテーマを変更する方の参考になればと思います。
ザ・トール(the thor)へテーマ変更する手順まとめ
テーマの購入
まずはテーマを購入します。 【THE THOR(ザ・トール)】のテーマをインフォトップというサイトから購入しました。
購入したら、「ダウンロード」をクリックします。ダウンロードすると、デスクトップに表示されます。親テーマと子テーマの2つをダウンロードします。
テーマのインストールについての注意書きがあります。テーマのインストール手順が書かれているので、開いておき、見ながら進めていきます。
バックアップを取る
初めにバックアップを取っておきます。(実は、私は取らずに進めてしまいました・・バックアップしておいた方が安心だと思います。)
- 「Back W Pup 」 というプラグインを使用する
- 使用しているサーバーのバックアップを利用する
上記の2つのいずれかでバックアップを取ると良いです。 Back W Pup を使用するバックアップの取り方については、下のサイトを参考にしてください(外部サイト)。
[blogcard url=https://bazubu.com/how-to-use-backwpup-23804.html]
プラグインの停止
使用しているプラグインを、一旦全て停止します。
ワードプレスのダッシュボード左側の、プラグイン→インストール済みプラグインに進み、全てのプラグインを停止します。
ザ・トール(親テーマ)のインストール
次に、ダッシュボード左側の、外観→テーマへ進みます。
赤線で囲んだ「新規追加」をクリックします。
赤線で囲んだ「テーマのアップロード」をクリックします。
赤線の「ファイルを選択」をクリックします。
「the-thor」のファイル(これが親テーマです)を選び、アップロードします。「有効化」をクリックします。
ザ・トール(子テーマ)のインストール
親テーマのインストールと同様にして、「the-thor-child」のファイル(これが子テーマです)をアップロードします。「有効化」をクリックします。
ザ・トールのインストール完了
これでインストール完了です。ザ・トールへテーマ変更できました。
変更前のトップページを撮っておけばよかったです。インストール完了時は上の画像の状態でしたが、cocoonと比べると全然雰囲気が違います。
ザ・トールはデザイン着せ替え機能があり、9種類のデモサイトから選んで着せ替えることができます。上の画像から着せ替えをすると、下の画像のようになりました。
着せ替えすると、また雰囲気が変わります。レイアウトも色々変えられるので、見やすいサイトを作っていきたいと思います。
ザ・トールへテーマ変更する際の注意点
テーマ変更の前にプラグインを一旦停止しているので、テーマのインストール後、必要なプラグインは有効化する必要があります。
また、ザ・トールは元々備えている機能が多く、SEO系、キャッシュ系のプラグインは不要とされています。また、問い合わせフォームも固定ページで簡単に作れるので、問い合わせフォーム用のプラグインも必要ありません。
私は下に挙げたプラグインを使っています。
- Akismet Anti-Spam
- Google XML Sitemaps
- Jetpack by WordPress.com
- Category Order and Taxonomy Terms Order
- Compress JPEG & PNG images
- Media Library Assistant
- Simple Image Sizes
ザ・トールにはJetpackは必要ないようですが、サイトへのアクセス数がダッシュボードから確認できるので、私は使っています。
まだ使いこなせていないプラグインもありますが・・ゆっくり楽しみながらサイトを作っていきたいと思います。