【Diver】有料テーマの導入方法【WordPress】

「WordPressを導入したけど、せっかくだから機能やデザインが充実してる有料テーマを導入してみたい!」

そんな人向けに、有料テーマの購入からWordPressへのインストール方法まで説明していきたいと思います。

今回実際に導入していくのは、「Diver」というテーマです!

機能がとても豊富で、HTML/CSSなどの知識がなくても「入力補助機能」によって、直感的にサイトを構築することができる人気テーマです!

テーマの購入(Diver)

Diver公式サイトへアクセスし、「今すぐ購入する」ボタンをクリックします。

「インフォトップ」という決済代行サイトに移動します。

購入にはインフォトップの会員登録が必要なため、「初めてインフォトップをご利用の方はこちら」ボタンをクリックします。

会員登録のための個人情報を入力してください。

「インフォトップからのお知らせ」や「郵送DM受取」はお好きな方で大丈夫です!

1.お支払い方法を選択します。(ここでは決済が簡単なクレジットカード払いを選択します。)

2.「プライバシーポリシー」と「購入者利用規約」を確認した上で、チェックを入れます。

3.「注文内容を確認」ボタンをクリックします。

念のため入力した「お客さま情報」に不備がないか確認し、「カード情報入力へ」ボタンをクリックします。

購入商品や購入金額に間違いがないか確認し、カード情報を入力、「決済実行」ボタンをクリックします。

確認メッセージが表示されますので、「実行」ボタンをクリックします。

(あまり無いとは思いますが、"ダブルクリック"などは行わないようにしましょう。注意書きの通り、二重決済の原因などになりますw)

これで購入は完了です!

メールの確認とファイルのダウンロード

購入が完了すると、登録したメールアドレス宛に購入完了メールが届きます。

(僕はちゃんと届きましたが、もし見当たらない場合は迷惑メールなどに入ってないか確認しましょう。)

メールを開くと、メール内に「購入者マイページ」へのリンクがありますのでクリックします。

(メールではなくて、サイト側でログインしてもOKです。)

1.会員登録時に設定した、「メールアドレス」を入力します。

2.会員登録じに設定した、「パスワード」を入力します。

3.「購入者ログイン」ボタンをクリックし、ログインします。

ログインするとTOP画面に移りますので、「注文履歴/ダウンロード」タブをクリックします。

「注文履歴/ダウンロード」画面が表示されると、購入したテーマの「ダウンロード」ボタンがありますので、それをクリックして購入したテーマをダウンロードしましょう!

zipファイルの展開

ここでダウンロードしてきたファイルを、画像を例に確認してみましょう。

「file_70619.zip」というzipファイルの中に、さらに「diver.zip」(親テーマのzipファイル)と「diver-child.zip」(子テーマのzipファイル)というzipファイルがあるのが分かります。

zipファイルの中に、さらにzipファイルがある状態ですね!

このままだとテーマが使えないので、ファイル解凍ソフト(※1,2)を使って「file_70619.zip」の方を解凍(※3)します。

「file_70619.zip」を選択状態にし、右クリックします。メニュー欄から解凍するためのソフトを選択し、「ここに展開」をクリックします。

(※1.ファイル解凍ソフトで代表的なものは「7-Zip」というフリーソフトです。PCに入ってない場合はソフトをインストールしましょう!公式サイトはこちら。)

(※2.「Lhaplus(ラプラス)」という有名なフリーソフトがありますが、脆弱性が見つかっており、使用することはおすすめしません。)

(※3.ファイルの「解凍」のことを「展開」とも言います。どちらも同じ意味です。)

zipファイルを解凍したので、「Diver_set」というフォルダが出てきました。

これで準備は完了です!

テーマのインストール

WordPressにログインし、「外観」>「テーマ」をクリックします。

「テーマ」画面上部の「新規追加」ボタンをクリックします。

「テーマのアップロード」というボタンが表示されるので、そちらをクリック。

1.「ファイルを選択」ボタンをクリックします。

2.「diver_set」フォルダ内にある、「diver.zip」ファイル(親テーマの方)を選択します。

3.「開く」ボタンをクリックします。

「今すぐインストール」ボタンをクリックしますと、テーマのインストールが始まります。

「テーマのインストールが完了しました。」というメッセージが表示されれば、親テーマのインストールの完了です!

ちなみに...

先ほどの「file_70619.zip」を解凍せずにそのままインストールしても、失敗してインストールできません。必ず解凍してからインストールしましょう!

続いて子テーマの方の「diver-child.zip」もインストールしましょう。

上記のメッセージにある通り、親テーマからインストールする必要があるのでご注意ください。

これで子テーマもインストール完了です!

「テーマ」画面へ戻ると、テーマが追加できていることが確認できます!

導入したテーマを有効化する時は、特別な事由がない限りは「子テーマ」の方を使いましょう!

これで有料テーマの導入は完了です。

いかがだったでしょうか?意外と簡単に導入できたと思います。

テーマはDiver以外にも無料のものから有料のものまで様々あるので、自分にピッタリのテーマを探してみるのも良いかもしれませんね!

今回もお疲れ様でした!

おすすめの記事