【最新】ワードプレステーマ「Diver」の全入力補助機能と使い方！記事作成の時間短縮ができる最高のツール

今回はワードプレステーマ「Diver」の魅力の一つである入力補助機能の内容と使い方をご紹介したいと思います。

 

 

 

ワードプレステーマ「Diver」の入力補助機能って？

現在Diverの入力補助機能は全部で23個となっています。
他のワードプレステーマであればHTMLコードを駆使する必要がある装飾も、Diverならボタン一つで簡単に使用可能です。

 

Diver入力補助その１：見出し

見出しのスタイルは全11種類の中から選択可能で、見出しの色もデフォルトの7色以外にカスタムで自由な色を指定することが出来ます。

 

 

 

Diver入力補助その２：ボタン

「Diver」入力補助機能のボタンタイプは全部で13種類あります。
もちろんこれも色はデフォルト以外のものをカスタムで指定可能です。

 

 

テキストの前後にアイコンを付けることもできます。

 

Diver入力補助その３：バッジ

テキスト等の前後に使用するバッジは7種類の中から選択できます。

 

もちろんバッジにもテキストの前後にアイコンを付けたりといった装飾が可能です。

fa-arrow-circle-downオススメ商品

ココがポイントfa-thumbs-o-up

 

Diver入力補助その４：囲い枠

囲い枠のタイプは7種類あり、これも細部まで色のカスタマイズが可能です。

 

 

このブログでの囲い枠の使用例

 

 

 

 

Diver入力補助その５：区切り線

区切り線は3種類の中から選択可能、もちろん太さや色も自由自在です。

 

 

 

 

Diver入力補助その６：リストデザイン

リストデザインは箇条書きか順序付きを選択できます。
箇条書きリストは7種類、順序付きリストは8種類のデザインが用意されています。

 

 

 

 

 

Diver入力補助その７：アイコン

アイコンの種類は数が多すぎるので全てをお見せすることは出来ませんが、余裕で100種類以上のアイコンが用意されています。

 

 

fa-twitter@tikitengo

fa-list-altWordPressテーマ「Diver」を選んだ理由

fa-youtube-playYouTubeでチェック！！

 

Diver入力補助その８：グリッドレイアウト

グリッドレイアウトは、例えば画像やボタンなどを横並びに表示できる入力補助機能です。

 

 

「画面サイズが小さい時に、グリッドレイアウトを解除する」はスマホの場合3カラムの画像は小さくなりすぎるのでチェックを入れておくと良いです。

 

Diver入力補助その９：引用

他のWebページや書籍の内容を利用したいときには引用の入力補助機能が便利です。

 

引用文をここに挿入します。

引用元のリンクはチキテンゴTopにしています。

引用元のタイトルがココ

 

Diver入力補助その１０：AMP表示

AMP(Accelerated Mobile Pages)に対応したブログであれば、AMP表示の場合にのみ指定したテキストを表示させるといった事も可能です。

 

Diver入力補助その１１：横棒グラフ

横棒グラフの入力補助機能は、何かのデータを比較したい時などに使用すると便利です。

 

Diver入力補助その１２：吹き出し

アイコン(人物像)を用いないただの吹き出しを挿入するにはこの入力補助機能。
吹き出しの方向は上下左右から選択可能です。

 

Diver入力補助その１３：口コミ

Diverの入力補助を使えば口コミも簡単に作成することが出来ます。

 

Diver入力補助その１４：会話

先程紹介した入力補助機能「吹き出し」の他にも、アイコン(人物像)付きの吹き出しを挿入できる機能もあります。
ちなみによく使うアイコン画像はダッシュボードの「Diverオプション」から保存しておけるので便利です。

 

 

Diver入力補助その１５：ランキング

Diverのランキング機能を使えば、アフィリエイトの商品紹介もかっこよく作成可能です。
もちろんこれも各カラーはお好みの色にカスタマイズすることが出来ます。

 

 

Diver入力補助その１６：レビュー

レビューは商品紹介の際に星の数で視覚的に表現できる便利な入力補助機能です。

 

 

 

 

Diver入力補助その１７：レビュー表

レビュー表は、簡単に言えば表(リスト)を作成することが出来る入力補助機能です。
レビュー内容はテキストや星の数で記載することが出来ます。

 

 

フルサイズ	コンテンツ
ハーフサイズ１	コンテンツ	ハーフサイズ２

 

見た目		味
料理の値段		お店の雰囲気

 

 

Diver入力補助その１８：ポップアップ

ポンっと浮かびあがるポップアップもDiverの入力補助機能で簡単に作成出来ます。

 

fa-hand-o-right参考リンク例えばこんな感じ

 

fa-hand-o-right参考リンク画像をポップアップさせることも可能です

 

画像から画像へのポップアップももちろん可能です。

 

Diver入力補助その１９：Ｑ＆Ａ

Diverの入力補助機能ならQ&Aのページも簡単に作成出来ます。

 

 

Diver入力補助その２０：コード

コードの入力補助機能を使えば、コードの説明をしたい時にかなりそれっぽく表示することが出来ます。
ちなみに言語はHTML・PHP・CSS・javascriptに対応しています。

 

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

 

Diver入力補助その２１：トグル

トグルの入力補助機能を使うと、文章の一部を隠して表示することが出来ます。

 

 

Diver入力補助その２２：ＱＲコード

QRコードの入力補助機能を使えば、指定したURLのQRコードを表示することが可能です。

 

 

Diver入力補助その２３：記事一覧

記事一覧の入力補助機能では、カテゴリや取得数などを選択することで、過去の記事一覧を挿入することが出来ます。

 

 

• 2022-04-15
  ポケカ予約情報
  【ポケカ】強化拡張パック「ダークファンタズマ」の予約情報まとめ！
• 2020-08-13
  レビュー
  【レビュー】1homefurnitのモニターアームがお値段以上のクオリティで良すぎた！
• 2020-12-17
  スリーブ
  【ポケカ】1重・2重・3重スリーブのオススメ構成とサイズを解説！
• 2020-09-15
  その他
  カーナビにFire TV Stickを接続してYouTubeを見る方法！色んな動画見放題で便利すぎた
• 2021-07-17
  無印良品
  【検証】無印のカードホルダーにトレカは入る？ポケカと遊戯王でサイズ感をチェック！

 

↓ランキング形式+グリッド表示にすることも可能。

• スリーブ

  【ダイソー】新しくなったトレカスリーブ全16種類をレビュー！ポケカ・遊戯王に最適なスリーブは？

• その他

  ノートパソコンのキーボードが外れた！キーの直し方を写真で詳細解説

• スリーブ

  【ポケカ】100均で買えるポケモンカード用のオススメスリーブを徹底検証！

• その他

  【100均】メルカリの商品梱包に便利なグッズとダンボールなど【ダイソー】

 

ワードプレステーマ「Diver」の入力補助機能まとめ！

ということで今回はワードプレステーマ「Diver」の魅力の一つである入力補助機能の内容と使い方をご紹介しました。

 

Diverの入力補助機能を使えば、ブログ初心者にはちょっと難しい機能や装飾が簡単に表現可能になります。