【WordPress有料テーマDiver】記事投稿で便利な入力補助の使い方

当ブログで使っているWordPress有料テーマ【Diver】!

雑記ブログ初心者ひよこ
【Diver】ってどんな機能があるピヨ?

そんな方向けに【Diver】の投稿記事についている入力補助についてご紹介いたします。

 

【Diver】「入力補助」とは

「入力補助」は【Diver】の記事投稿画面で使える機能になります。

 

全部で23個の機能があるので

その全ての機能を動画とテキストでご紹介します。

 

テキストは、できる完成イメージの一部を紹介。

 

動画のほうがわかりやすいかもしれません。

動画で解説

 

見出し ボタン バッジ 囲い枠 区切り線 リストデザイン アイコン グリッドレイアウトの動画解説

 

引用 AMP表示 横棒グラフ 吹き出し 口コミ 会話 ランキング レビューの動画解説

レビュー表 ポップアップ Q&A コード トグル QRコード 記事一覧

「入力補助」の各機能説明

見出し

全部で11パターンの見出しを作ることができます。

色の変更可能です。

1入力補助の見出し

 

ボタン

全部で13種類のボタンを作ることができます。

色変更可能

アフリエイトのテキスト広告タグを

そのままコピペしてボタンを作ることができます。

 

 

バッジ

7パターンのバッジを作ることができます。

バッジテキスト

 

囲い枠

囲い枠は7パターンのデザインがあります。

色変更も可能です。

 

タイトル
テキスト

 

区切り線

区切り線は3パターンあります。

 

 

リストデザイン

リストデザインは

箇条書きリストのデザイン7パターン

順序付きリストのデザインが8パターン

下記は順序付きリストデザインになります。

  1. 見出し
  2. ボタン
  3. バッジ
  4. 囲い枠
  5. 区切り線
  6. リストデザイン
  7. アイコン
  8. グリッドレイアウト

 

アイコン

アイコンはたくさんあります(笑)

詳しくは別記事をお読み下さい

 

グリッドレイアウト

グリッドレイアウトは、幅が小さくなると下に階層が下がるとっても便利な機能です。

スマホとPCでみた時の見え方がわかります。

 

グリッドレイアウト1
グリッドレイアウト2
グリッドレイアウト3
グリッドレイアウト4

 

引用

引用したいときに使えます。

 

引用文

AMP表示

AMP表示の時と通常表示の時で出し分けができます。

 

通常時のみ表示

横棒グラフ

横棒グラフを作ることができます。

グラフ長さを数値できめてテキストを入れる

吹き出し

吹き出しを作ることができます。

角丸の数値を設定したり吹き出し位置も変更できます。

吹き出し吹き出し吹き出し吹き出し

口コミ

口コミも作れます。

口コミタイトル

テキスト
名前等

会話

会話も左右に画像設定したり心の声も作ることができます。

犬の名前
名前と台詞を入れることができます。

カエル名前
セリフも心の声にすることができるし名前の位置も変えることができる

ランキング

ランキングも作れます。

商材タイトル
商材小見出し
説明文説明文説明文説明文説明文説明文
説明文説明文説明文説明文
備考備考備考備考備考備考備考

レビュー

1~5のレビューも作れます。

 

レビュー表

以下のような

レビューの表を作ることができます。

デザイン
価格
品質

 

見出し1 テキストテキスト1 見出し2 テキストテキスト2
見出し3 テキストテキスト3 見出し4 テキストテキスト4

 

 

ポップアップ

ポップアップ機能もあります。

ボタンをクリックするとポップアップが開きます。

表示コンテンツ
表示コンテンツ表示コンテンツ

表示コンテンツ

表示コンテンツ表示コンテンツ

Q&A

質問が入ります。
回答が入ります。

コード

#
# リダイレクト設定のサンプル
#

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} ^/img/.*(\.jpg|\.png)
RewriteRule ^img/(.+) new-img/$1 [R=301,L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule .* /index.php [R=301,L]

トグル

 

クリックしたらトグル(アコーディオン)が発生する
テキストが入ります。

 

QRコード

QRコード作ることができます。

QR Code
このページのQRコードになります。

記事一覧

 

 

まとめ

WordPressテーマ「Diver」にある入力補助の機能でした。

どれもとても便利な機能ですね。

私がよく使うのは「囲い枠」「グリッドデザイン」とか気に入ってよく使っています。

 

あなたも使ってみたい機能があったらぜひDiverを利用してみて下さい。

 

スポンサーリンク
コメント一覧
  1. 吉田有人 より:

    斎藤様

    動画付きで分かりやすい記事とても助かっております。
    最近、テーマのDINERを使い始めたのですが、投稿の入力補助を使うと、
    入力している文字を無視して囲い枠やボタンなどが一番上に来てしまうのですが、何か解決策などはご存知でしょうか。
    ご教授頂けたら嬉しいです。

    • 斉藤かずま より:

      吉田さん

      コメントありがとうございます。
      うまく動作しないのですね><

      ブラウザやどうやって表示されているのかを見てみないとはっきりとはわかりませんが
      考えられる事が2つほど思い当たるので記載しますね。

      1つめ
      DIVERのテーマが最新のバージョンになっていない。
      左のサイドバーの「ダッシュボード」の「更新」を押してDIVERが更新必要だったら更新してみて下さい。

      2つめ
      pluginとの相性
      何かしらのpluginとの相性が悪くてうまく表示されない場合が稀にあります。
      まず、pluginを停止してみて動作を確認してみることをおすすめします。

      とりあえず、それでも正常に動かない場合は、
      DIVERの製作者さんにお問い合わせすることをおすすめします。

      ↓DIVER製作者さんのお問い合わせURL↓
      https://tan-taka.com/diver/contact/

      私も過去に何度かお問い合わせしてますがレスはかなり早い方なので
      おすすめです。
      ↓そちらの紹介した記事はこちら(笑)↓
      https://kazusai.jp/blog/diver-toiawase/

      もし私でよろしければ引き続きこちらのコメントにてご連絡下さいませ^^
      よろしくお願いいたします。

コメントを残す

WordPressを使うの関連記事
当サイトが使用しているWordPress(ワードプレス)テーマ「DIVER(ダイバー)」

1回購入すれば複数のブログで利用可能!

さらに直接のメールサポートが無期限・無制限で利用可能!

初心者に超オススメです!

 

当サイトから購入された方限定Diver特典

斎藤かずまがzoomであなたのブログ記事を30分個別コンサルティングします。

あなたがDiverで書いたブログ記事を私がチェック。

どうやったらもっと稼げる記事になるかを30分無料でアドバイスさせていただきます。

しかも、コンサルは1回だけで3回やります。

正直、かなりお得だと思います。

よくある特典だと使わないようなツールやアイテムなんかありますが、私はそういったものをもらっても使った試しがありませんでした。

そんな使わないようなツールを渡すよりあなたにもっと有益な価値を見いだせるような特典にしたいと思い、つくりました。

20名限定の特典になります

ただ、この特典ですが20名限定配布とさせて頂きます。

2020年4月9日更新:特典配布は残り5名になりました。

 

その理由は購入者増加に伴うサポートの質の低下を避けるためです。

購入者が増えるにつれてサポート対応の時間が増えていくことが想定されます。

私自身がアフィリエイトをしているため、サポートに時間を取られすぎると本事業の方に支障が出てしまいます。

購入者を第一に優先するためにも特典の配布数上限を設定しているというわけです。

購入者限定特典の確認方法

それでは、ここからは当サイト特典の入手方法について解説します。

Step1.公式サイトにアクセスする

以下のリンクからクリックしてください。

AppleのSafariブラウザ経由での購入ですと、決済ページで特典が確認できないトラブルが発生しております。
これは、SafariブラウザだとCookieが即時削除されている影響かと思われます。大変お手数をお掛けしますが、Google Chromeブラウザをお使い頂けますようお願い致します。

Step2.購入ボタンをクリックする

DiverWordPress(ワードプレス)

アクセスすると「今すぐ購入する」があるのでクリックしてください

Step3.ご注文内容を確認する

ボタンをクリックすると以下のように、infotopの決済画面が現れます。

当サイトから購入された方限定Diver特典

    ご購入の際は

    記載確認
    「カズサイ:斎藤かずま」「Diver」購入者限定特典
    こちらが記載されているか、ご確認を忘れずにお願いいたします。
    ご注意
    上記の特典に関する項目が「空白」または「他者様」からご購入されますと特典をお渡しする事が出来ません。その場合、返金及び返品は一切できかねますので、予めご了承ください。

     

    あとはインフォトップ初めての方の場合は会員登録を、既にインフォトップ会員の場合はログインして頂ければ購入画面に移ります。

     

    商品購入後に送られてくるインフォトップのメールに特典の入手方法が記載されておりますので、そちらをご確認頂き、特典をご請求くださいませ。

     

    特典の入手方法は以上となります。

     

    これからWordPress(ワードプレス)でブログを始める方、月20万稼いでない方なら必ず役に立つ特典です!

    あなたのアフィリエイトライフの助けに少しでもなれれば幸いです^-^

     

    2020年3月29日 0:00 〜 4月30日 24:00の間、3000円割引で販売!

    17,980円 → 14,980円

     

    Twitterでフォローしよう

    おすすめの記事