WordPress有料テーマ《ダイバー》の使い方を画像42枚で説明【初心者OK】

 

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

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

 

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

【Diver】WordPressテーマ選びで消耗したぼくがダイバーの良さを語る記事でも書いた通り、WordPressテーマはDiver（ダイバー）がおすすめ。

 

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

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

fa-hand-o-right投稿の編集画面のココ（赤枠）です

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

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

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

こんな見出しも使えます

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

見出し3(h3)はこんな感じ

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

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

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

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

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

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

5秒あればできます。

太さも変えられるよ！

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

点線もできます。

 

 

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

fa-chevron-circle-down入力補助：引用の操作画面

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

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

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

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

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

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

fa-hand-o-right入力補助：口コミ操作画面

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

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

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

fa-hand-o-right入力補助：レビュー表操作画面

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

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

Diver
SANGO
JIN
STORK

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

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

fa-hand-o-right入力補助：トグル操作画面

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

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

 

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

fa-hand-o-right入力補助：ボタン操作画面

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

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

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

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

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

fa-hand-o-right入力補助：リストデザイン操作画面

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

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

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

 

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

fa-hand-o-right入力補助：会話操作画面

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

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

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

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

fa-hand-o-right入力補助：ポップアップ操作画面

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

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

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

fa-hand-o-right入力補助：QRコード操作画面

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

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

fa-hand-o-right入力補助：バッジ操作画面

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

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

fa-androidバッジ

ちなみにfa-hand-o-up

fa-copyMEMO

注意fa-bolt

fa-angellistポイント！

fa-thumbs-o-upcheck!

fa-check-square-o関連記事会社辞めて大丈夫！？サラリーマン時代にやった3つの準備【経験談】

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

fa-hand-o-right入力補助：アイコン操作画面

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

アイコンはこんなやつ。

fa-list-ol

fa-plane

fa-arrow-circle-right

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

fa-hand-o-right入力補助：横棒グラフ操作画面

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

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

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

fa-hand-o-right入力補助：ランキング操作画面

  

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

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

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

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

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

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

fa-hand-o-right入力補助：Q&A操作画面

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

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

fa-hand-o-right入力補助：記事一覧操作画面

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

• 2018-12-11
  買い物
  独立1年目の2018年、Amazonで買ってよかったものリスト
• 2018-11-27
  健康管理
  魅せる腹筋は自宅で作る！筋トレ＋プロテインを6ヶ月続けてみた
• 2018-11-24
  フリーランスのリアル
  読書嫌いな僕が、32歳で本を読む習慣をつけた理由とプロセス
• 2018-11-19
  理想と現実
  脱サラフリーランスになって10ヶ月。【理想のライフスタイルと現実】
• 2018-11-18
  インタビュー
  おヒマなモアイは好きですか？福岡のフリーランス暇モアイさんをインタビュー

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

fa-hand-o-right入力補助：囲い枠操作画面

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

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

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

fa-hand-o-right入力補助：グリッドレイアウト

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

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

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

fa-hand-o-right入力補助：吹き出し操作画面

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

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

fa-hand-o-right入力補助：レビュー操作画面

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

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

小さいとこんな感じ。

さいごに

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

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

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

 

この記事の評判

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

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

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

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

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

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

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

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

 

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