Diver（ダイバー）の使い方を画像42枚で説明【WordPress初心者OK】

 

WordPressテーマ選びって迷いますよね。値段に差がありデザインも違ってきます。

はじめから一つだけのWordPressテーマと仲良くできれば最高ですよね！

この記事を書いているぼくは、過去に4つのWordPressテーマ（そのうち1つは無料テーマ）を触ったことがあり、今はwordpressテーマ「Diver」に落ち着いています。

Diver（ダイバー）の評判は？１６人の本音でわかったメリットの記事でも書いた通り、WordPressテーマはDiver（ダイバー）がおすすめ。

 

ワードプレステーマ「ダイバー」の使い方：動くマーカー

「Diver」ならこのような「動くマーカー」機能が一発でできます。

この機能を使えば、画面のスクロールに合わせて強調部分にマーカーが引かれます。目立たせたい時や、アフィリエイトリンクボタンの前に設置すると訴求効果が高まりそうですね！

WordPress有料テーマ「Diver」は買って後悔しないテーマです！

ワードプレステーマ「ダイバー」の入力補助機能

入力補助機能は、普段WordPressで記事をかく編集画面から1クリックで飛べます。

fa-angle-double-down投稿の編集画面のココ（赤枠）です

この記事では、入力補助機能を使ってできることを画像つきで説明しています。

ワードプレステーマ「ダイバー」の使い方：見出し

見出しのデザインは入力補助機能の8種類の中からかんたんに選択できます。

記事ごとにデザインを変えてもいいですし、想像の幅が広がりますね。

文字を真ん中にもってくることもできます。

番号付きで見出しを設定することもできます。

ワードプレステーマ「ダイバー」の使い方：区切り線

fa-angle-double-down入力補助：区切り線の操作画面

WordPressで記事を書いているときに、区切り線を挿入したいなぁってタイミングありませんか？

ぼくはあります。太さと色とスタイルを選択して、ボタンをクリックするだけです！

Diverならこんな区切り線がかんたんにできますよ！

5秒あればできます。

太さも変えられるよ！

二重線もできちゃいます！

点線もできます。

 

 

ワードプレステーマ「ダイバー」の使い方：引用

fa-angle-double-down入力補助：引用の操作画面

引用の操作画面で、引用文・引用元タイトル・引用元URLを入力して挿入ボタンを押すと一発で下のような感じに仕上がります。

Diverは、一回テーマを購入していただければ、複数のサイトでの利用が可能です。(※購入者本人の運営するものに限る) 管理画面から、テーマのファイルが無制限でインストールすることが出来るので管理も安心です。

購入は一度のみでOK!利用制限無しの大判振舞！！

一画面で操作が完了するのはとても便利です！

URLを挿入したテキストは右側に寄せて…とかいちいちしなくてOKです＾＾

ワードプレステーマ「ダイバー」の使い方：口コミ

fa-angle-double-down入力補助：口コミ操作画面

評価・口コミタイトル・テキスト・アイコン画像を設定して挿入ボタンをクリックすると一発で下のような口コミが表示できます。これも一画面で操作完了します！

口コミ内容は「Diver」公式サイトから引用しました。

ワードプレステーマ「ダイバー」の使い方：レビュー表

fa-angle-double-down入力補助：レビュー表操作画面

こんな感じで必要項目を入力すると、下のようなレビュー表がかんたんに作成できます。

スター表示だけでなく、テキスト入力もできるので、映画や本などいろんなレビューに使えます。

Diver
SANGO
JIN
STORK

SANGO・JIN・STORKどれもめちゃくちゃおしゃれでかわいいデザインだけど、ぼくの中ではDiverが星5つ！

ワードプレステーマ「ダイバー」の使い方：トグル

fa-angle-double-down入力補助：トグル操作画面

入力補助のトグル操作画面で、タイトルとテキストを入力すると、隠していた要素をクリックして表示させることができます。

このようにつなげて書くとQ&Aとして使うこともできます。

 

ワードプレステーマ「ダイバー」の使い方：ボタン

fa-angle-double-down入力補助：ボタン操作画面

今やどのテーマもボタンのデザインはかわいくて素敵です。ただ、Diverは広告タグから一発でボタンが作れます。

これ、他のテーマだったら少し面倒なことをしないといけないですよね？Diverなら一発でできます！

ボタンの種類もたくさんあって選ぶのが楽しいです。

ボタンアイコンの設定も選ぶだけでかんたんにできます。

ワードプレステーマ「ダイバー」の使い方：リストデザイン

fa-angle-double-down入力補助：リストデザイン操作画面

リストデザインは、箇条書きリスト（ul）と順序付きリスト（ol）でそれぞれ7種類ずつあります！

fa-list-ul箇条書きリストはこんな感じ

fa-list-ol順序付きリストはこんな感じ

 

ワードプレステーマ「ダイバー」の使い方：会話

fa-angle-double-down入力補助：会話操作画面

「会話」機能では、登場人物の画像をあらかじめ保存しておくと、選択するだけで会話を挿入することができます。ショートコード不要。

登場人物が何人出てきてもかんたんな操作でOKなので、これは本当にラクです。

心の声みたいなデザインもあります！

ワードプレステーマ「ダイバー」の使い方：ポップアップ

fa-angle-double-down入力補助：ポップアップ操作画面

コンテンツを設定するだけで、ポップアップ表示させることができます。

WordPress有料テーマDiverのどこが好き？（ここクリックしてみて）

ワードプレステーマ「ダイバー」の使い方：QRコード

fa-angle-double-down入力補助：QRコード操作画面

URLとQRコードのサイズを設定するだけで、QRコードを作成することができます。

ワードプレステーマ「ダイバー」の使い方：バッジ

fa-angle-double-down入力補助：バッジ操作画面

テキスト・アイコン・タイプ・色を選択するだけで下のような7つのデザインバッジを作ることができます。

ブログデザインの幅が広がりますね＾＾

fa-androidバッジ

ちなみにfa-hand-o-up

fa-copyMEMO

注意fa-bolt

fa-angellistポイント！

fa-thumbs-o-upcheck!

fa-check-square-o関連記事バリ島1ヶ月間の移住体験まとめ。おすすめ観光地やホテル・WiFi環境など

ワードプレステーマ「ダイバー」の使い方：アイコン

fa-angle-double-down入力補助：アイコン操作画面

こんな感じでDiverにはあらかじめたくさんのアイコンが用意されているので、自分好みの記事に仕上げられます。

アイコンはこんなやつ。

fa-list-ol

fa-plane

fa-arrow-circle-right

ワードプレステーマ「ダイバー」の使い方：横棒グラフ

fa-angle-double-down入力補助：横棒グラフ操作画面

横棒グラフ機能を使えば下のような感じで、ブログの収益報告ができます。とてもかんたんで色はカスタマイズできますよ！

例）今月のブログ収益報告！

ワードプレステーマ「ダイバー」の使い方：ランキング

fa-angle-double-down入力補助：ランキング操作画面

  

なんて思った経験はありませんか？

これ、Diver（ダイバー）を使うと解決できます！

Diverなら、ページ内で直接ランキングを作成でき、しかも無限にランキングを作ることができます。

この機能すごくないですか？

下の緑と赤の部分はボタンになっていて、デモサイトも見れるし、購入ページに飛ぶこともできます。

ワードプレステーマ「ダイバー」の使い方：Q&A

fa-angle-double-down入力補助：Q&A操作画面

質問と回答にテキストを入力するだけで、下のようなデザインのQ&Aがかんたんに作れます。

ワードプレステーマ「ダイバー」の使い方：記事一覧

fa-angle-double-down入力補助：記事一覧操作画面

過去記事一覧もDiverなら一発で作れます。

• 2018-11-24
  独立1年目のリアル
  読書嫌いな僕が、32歳で本を読む習慣をつけた理由とプロセス
• 2018-11-19
  独立1年目のリアル
  脱サラフリーランスになって10ヶ月。【理想のライフスタイルと現実】
• 2018-06-11
  独立1年目のリアル
  フリーランスは魅力的？隣の芝が青く見えるだけ、闇も多いよ！
• 2018-05-16
  独立1年目のリアル
  脱サラフリーランスの現実。デメリットが3つあった
• 2018-05-15
  独立1年目のリアル
  脱サラフリーランスが収入減っても手に入れたかった3つのメリット

ワードプレステーマ「ダイバー」の使い方：囲い枠

fa-angle-double-down入力補助：囲い枠操作画面

囲い枠はこんな感じで、関連記事を貼ることもできるしリストを表示させることもできます。

Twitterボタンも入れられます！よろしければフォローお願いします！

ワードプレステーマ「ダイバー」の使い方：グリッドレイアウト

fa-angle-double-down入力補助：グリッドレイアウト

2カラム・3カラム表示をさせたい場合は、グリッドレイアウト機能を使います。

写真や図表など横に並べたいときに使えますね。

ワードプレステーマ「ダイバー」の使い方：吹き出し

fa-angle-double-down入力補助：吹き出し操作画面

吹き出し機能は、テキストを入力してタイプを選ぶだけです。

ワードプレステーマ「ダイバー」の使い方：レビュー

fa-angle-double-down入力補助：レビュー操作画面

レビュー機能では、このような星マークを表示できます。

大きさを変えることもできます。

小さいとこんな感じ。

さいごに

wordpressテーマ「Diver」ぜひ検討してみてください。

Diverで素敵なブログを作っていきましょう！！

デモサイトや購入ページはこちらから飛べます。

 

この記事の評判

さいごにこの記事の評判を貼っておきます。

ツイッターでコメントをいただき、とても嬉しかったです＾＾

今まで見たDiverのレビュー記事で一番丁寧で分かりやすく、購買意欲をそそられる記事でした。 https://t.co/lNCNNMVNCh

— 川越里紗 (@risa_kawagoe_w) August 22, 2018

今まで見たDiverのレビュー記事で一番丁寧で分かりやすく、購買意欲をそそられる記事でした。

お役に立てて光栄です♪

Affinger5はアップグレードのたびにお金がかかるセコめの有料テーマですw（1テーマ1サイト適用制限かけてるSTORKよりマシですけど）

DIVERの入力補助機能は　https://t.co/jhnPY8UTjr　な感じですね。他のテーマだとショートコード入れないとダメなことを簡単に出来ます

— -ぼうず-映像活用リストマーケッター@ツイッターベース2ヶ月で月収150万化レッスン実施 (@InterBridgeWW) November 18, 2018

DIVERの入力補助機能は、他のテーマだとショートコード入れないとダメなことを簡単にできます。

まいく@フリーランス1年目さん(@mikettblog)のMIKE BLOG(https://t.co/77QiGDNx7O)

バリ島プチ移住とフリーランスのリアルを知れるブログです

他を寄せ付けないくらい機能が充実しており、感覚的にブログを美しく作成できますね

SEO対策やユーザビリティの向上を検討しているブロガーさんは必読！

— 一塚ピーマン@一人旅が好きな人 (@Airdorop100) August 4, 2018

他を寄せ付けないくらい機能が充実しており、感覚的にブログを美しく作成できますね。SEO対策やユーザビリティ向上を検討しているブロガーさんは必読！

すごく分かりやすい有料テーマ！
Diver（ダイバー）の使い方を画像42枚で説明【WordPress初心者OK】 https://t.co/jh2wronr9f @mikettblogさんから

— 冷えとり＿りんご (@hietori_lingo) February 3, 2019

すごくわかりやすい有料テーマ！

た、助かる。https://t.co/xlD6GCIAJN

— 田舎＠アラフォーブロガー (@Jyva371) February 5, 2019

ワードプレステーマ「Diver」を使ったブログをまとめています

この記事を読んで、ワードプレステーマを「Diver」にしようと思ったあなた！

僕は、ワードプレステーマDIVERを使ったカスタマイズ参考ブログ6選の記事で「Diver」を使ったブログをまとめて掲載しています。もしよろしければ、こちらの一覧にブログを載せませんか？多少ですが、ブログの宣伝にもなると思います。

お気軽に、Twitterもしくは、お問い合わせページからご連絡ください。

以上、『Diver（ダイバー）の使い方を画像42枚で説明【WordPress初心者OK】』でした。

さいごまで読んでいただき、ありがとうございます。