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

2019年1月2日 2019年2月11日 7分17秒

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

雑記ブログ初心者ひよこ

【Diver】ってどんな機能があるピヨ？

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

【Diver】「入力補助」とは

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

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

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

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

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

動画で解説

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

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

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

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

見出し

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

色の変更可能です。

1入力補助の見出し

ボタン

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

色変更可能

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

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

TOPに戻るボタンテキスト

バッジ

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

バッジテキスト

囲い枠

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

色変更も可能です。

タイトル

テキスト

区切り線

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

リストデザイン

リストデザインは

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

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

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

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

アイコン

アイコンはたくさんあります（笑）

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

合わせて読みたいDiverの初期フォント変更・サイズ変更・行間・段落の隙間を調整する方法

2021.1.4

こちらはWordpressの有料テーマ「Diver」を購入した方向けに Diverのフォント変更・サイズ変更・フォント下の隙間を調整する方法についてご紹介しています。 Diverの初期フォントを変更 Diverの初期フォントを変更するには以下の流れで行います。外観 → テーマエディター → div...

グリッドレイアウト

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

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

グリッドレイアウト1

グリッドレイアウト2

グリッドレイアウト3

グリッドレイアウト4

引用

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

引用文

引用元タイトル

AMP表示

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

通常時のみ表示

横棒グラフ

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

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

吹き出し

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

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

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

口コミ

口コミも作れます。

口コミタイトル

テキスト

名前等

会話

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

犬の名前

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

カエル名前

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

レビュー

１～５のレビューも作れます。

レビュー表

以下のような

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

デザイン
価格
品質

見出し1	テキストテキスト１	見出し2	テキストテキスト２
見出し3	テキストテキスト３	見出し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]