WordPress(ワードプレス)の超おすすめテーマDiverのインストール方法

当ページにはプロモーションが含まれています
Diverインストール方法

通常、ワードプレスをインストールしたばかりだと、
下記のような感じなので、デザインが正直しょぼいです。
シンプルではあるんですけどね。。

diver-wordpress

そこで、WordPress(ワードプレス)のテーマというものを使用します。

技術があったり、カスタマイズに時間をかけて、
一からデザインを作る方法もありますが、かなりの時間とお金を要しますので、おすすめしていません。

僕の場合、他とかぶるデザインが嫌で、過去に数度
カスタマイズ等を依頼して使っていたことがあります。

出来上がりに満足して使っていたところ、バージョンアップ等すると
なぜかデザインの一部がズレておかしくなって、デザイナーの方に修正をお願いすると、また別料金を取られると・・・
その繰り返しでした。

なので、
いまでは安心して使える有料のテーマに変更して使っています。

今日は、そのDiverというテーマのインストール方法についてお伝えします。

目次

Diverのインストール方法

Diverは下記から利用できます

↓ ↓ ↓

wordpressテーマ「Diver」

あらかじめDiverのテーマファイルをパソコンにダウンロードしておいてください。

Diverを解凍すると、「diver.zip」と「diver_child.zip」が入っています。
下記がそれぞれのファイルの位置づけとなります。

親テーマ ⇒ diver.zip

子テーマ ⇒ diver_child.zip

WordPress(ワードプレス)にログイン

まず、WordPress(ワードプレス)にログインしていきましょう。

・ユーザー名
・パスワード
を入力し、「ログイン」をクリック

ワードプレスのインストール
Diverのインストールの流れ
親テーマをインストールする
   ↓↓↓
子テーマをインストールする
   ↓↓↓
子テーマのみ「有効化」にする

Diverの親テーマをインストールする

WordPress(ワードプレス)にログインしましたら、左メニューの

「外観」をクリック
「テーマ」をクリック

diver-wordpress

つぎの画面で、「新規追加」をクリック

diver-wordpress

「テーマのアップロード」をクリック

diver-wordpress

「ファイルを選択」をクリック
Diverの親テーマファイル(diver.zipをアップロードしていきましょう。

diver-wordpress

ダウンロードしたテーマファイルのデータがあるフォルダを探し、
そのフォルダをダブルクリックします。

ココでは「diver.zip」というファイルを選択してください。

diver-wordpress

親テーマファイル(diver.zip)をインストールしていきます。

・「diver.zip」が表示されているか、確認して
・「今すぐインストール」をクリック
diver-wordpress

インストールが完了しましたら、「テーマのページに戻る」をクリック

diver-wordpress

子テーマをインストールする

つぎに、
子テーマ(diver-child)をインストールしていきましょう。

また「新規追加」をクリックします。

diver-wordpress

「テーマのアップロード」をクリック

diver-wordpress

「ファイルを選択」をクリック
Diverの子テーマファイル(diver-child.zip)をアップロードしていきましょう。

diver-wordpress

子テーマをインストールするので、
つぎに、「diver-child」というファイルを選択してください。

diver-wordpress

子テーマファイル(diver-child.zip)をインストールしていきます。

・「diver-child.zip」が表示されているか、確認して
・「今すぐインストール」をクリック
diver-wordpress

インストールが完了しましたら、「テーマのページに戻る」をクリック

diver-wordpress

子テーマのみ「有効化」にする

有効化するテーマは「diver_child」という子テーマのみになります。
「diver」という親テーマは有効化しないでください。

diver-wordpress

子テーマ(diver_child)にカーソルを合わせ

①diver_childを確認
②有効化 をクリック
diver-wordpress

有効となっていれば、成功です。

diver-wordpress

DIVERのデザインとは

どういう風にデザインが変わったのかを見てみましょう。

①ホームにカーソル合わせる

②サイトを表示をクリック
(シフトキーを押しながら、クリックするといいです。)

diver-wordpress

実際のサイトのデザインはというと、こんな感じになります。
まだ記事や固定ページがない状態ですが、記事を作っていくごとに良くなっていきます。
以上です。

diver-wordpress
よかったらシェアしてね!
  • URLをコピーしました!
目次