diver ワードプレスの入力補助23の使い方と画像の横に吹き出し

 

diver入力補助の全機能の説明と使い方、

記事作成していると画像は良く使うことが多いのですが、diver入力補助を使うと画像の横に吹き出しを入れるのが簡単にできる。

いつもと違うレイアウトにしてみよう。画像とGIFで説明していきます。

画像の横に吹き出し

普通のやり方

 

普通にサクサクやっていること、うまくいかないんですね、でも問題ないですdiverなら簡単にできますから

次からはdiverの入力補助を使ってサクサクいきましょう。

 

装飾あと

 

作成方法

画像回り込み

画像回り込みとは、
画像回り込みとは画像の横に文字が出ること

Diverで解除は簡単で、テキスト(ビジュアル)画面から周り込み解除があるのでクリックで解除されます。

 

解除あとは、文字が下にきます

文字が下になる

 

Q＆A

diver入力補助

diver入力補助はたくさんあります、簡単に記事装飾ができますが使い方が分からないと意味がないです。

全部の機能を一度目をとうしてみましょう。

入力補助23項目概要一覧

記事装飾に使える入力補助23項目

1見出し

エディタ段落で設置できますが入力補助内にもあります、今回使っている丸に番号はいいかもしれない！

2ボタン

リンク先も簡単に設定できるのがうれしいですね、アイデア次第でいろいろ使えます

 

3バッジ

 

テスト

ボタンと似ているが比べると分かるが小ぶりで、リンク先がない。

テキストにリンクも可能、テキストをなぞってエディタ、リンクアイコンから作成してください。

テストボタンを押すと1番見出しに戻ります

 

4囲い枠

5区切り線

 

記事作成の途中に使うのがいいですね

 

6リストデザイン

7アイコン

fa-cc-jcb

アイコン種類も豊富で色の変更も可能です。

アイコン作成する時はビジュアルエディタでは見えないので作成した後に変更をプレビューで確認して表示されていることを確認しましょう。

fa-bank

8グリッドレイアウト

9引用

引用
(引用文 から転送)

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2019/03/04 02:50 UTC 版)

引用（いんよう、英語：citation, quotation[1]）とは、広義には、自己のオリジナル作品のなかで他人の著作を副次的に紹介する行為、先人の芸術作品やその要素を副次的に自己の作品に取り入れること。報道や批評、研究などの目的で、自らの著作物に他の著作物の一部を採録したり、ポストモダン建築で過去の様式を取り込んだりすることを指す。狭義には、各国の著作権法の引用の要件を満たして行われる合法な無断転載等[2]のこと。

引用文とは - Weblio辞書

10AMP表示

AMPとは
AMP(Accelerated Mobile Pages)とはGoogleとTwitterで共同開発されている、モバイル端末でウェブページを高速表示するためのプロジェクト、またはそのためのフレームワーク(AMP HTML)のことです。

→AMPプロジェクト公式

AMPの仕組み
通常、ウェブページにアクセスするとき、リンクをクリックしてからHTMLを読み込み、ページを表示するため、その分時間がかかってしまいます。一方AMPでは、ウェブページのHTMLをあらかじめGoogleあるいはTwitter側でキャッシュすることで、読み込む分の時間を大幅に削減する仕組みとなっています。

AMPとは - SEO用語集

11横棒グラフ

12吹き出し

13口コミ

14会話

15ランキング

16レビュー

文章を書いていて何かしら評価したりレベル表示する時にはいいかもしれません。

17レビュー表

ココナラ
	最近値上げしてので↘

枠付きでレビューが出来ます

18ポップアップ

 

ポップアップを見てみる

 

19Q＆A

20コード

@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

 

21トグル

22QRコード

23記事一覧

 

• 2019年4月30日
  アドセンス
  アドセンスの審査期間は4時間！11記事で合格の解説【Diver】【2019】
• 2019年5月20日
  アドセンス
  【diver 】アドセンス 審査前に必要な5つの設定
• 2019年5月8日
  アドセンス
  【初心者用】アドセンスブログに必要なリンク集

• Diver

  diver ワードプレスの入力補助23の使い方と画像の横に吹き出し

  2019年5月13日

• Diver

  WordPress【Diver】Jetpack削除したあと復活の手順とTwitter連携

  2019年5月19日

• Diver

  diverアイキャッチにYoutube動画を簡単設定と 動画埋め込み方法

  2019年6月19日

 

まとめ

 

見た目をカスタマイズするのが簡単で使いやすいのが気にいっています。

 

 

せっかく有料テーマを購入したんですからDiverを使いこなしましょう。