![【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法を現場作業員ブロガーが教えるよ!](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 11.jpg)
こんにちは!現場作業員しながら月間最高16万PVの、さはら(@sahara_momo)です。
![](https://tsumugi-blog.com/wp-content/uploads/2020/03/saharaアイコン.png)
・毎回名前いれたり、背景色設定するの面倒くさいな。
・一発で挿入できひんかな?
こういった悩みを解決できる記事を書きました。
せっかくワードプレスの有料テーマDiver使ってんねんから、自分が使いやすいようにせな損やで!
こういう小さい動作の短縮の積み重ねが大きな時間を生んでくれるからね。
養育費を払うためには一分一秒でも早く稼げるようになりたいしな。
![](https://tsumugi-blog.com/wp-content/uploads/2020/03/赤ちゃん 笑顔.jpg)
そりゃ頼もしいな!
本記事を最後まで読んだら、Diverの吹き出し会話の挿入にストレス感じることなく気持ち良くブログが書けるようになるで!
もくじ(タップでジャンプ)
Diverで吹き出し会話を表示させる簡単な流れ
![](https://tsumugi-blog.com/wp-content/uploads/2020/03/saharaアイコン.png)
2.Diverの投稿画面のブロックに吹き出し会話を表示
3.コードエディタにしてコードをコピー
4.AddQuicktagにペースト
5.Diverの投稿画面に戻りクラシックの段落でAddQuicktagをクリック
簡単に5つのステップで設定を完了することができるで!
Diverの吹き出し会話を表示させる5つのステップ
![](https://tsumugi-blog.com/wp-content/uploads/2020/03/saharaアイコン.png)
1.AddQuicktagの有効化
![Diverの吹き出し会話を一発で表示させる5つのステップ](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 1-1024x756.jpg)
ワードプレスに『AddQuicktag』が入ってない人は、このプラグインをインストールして有効化やで!
・検索窓に『AddQuicktag』を入力
・『AddQuicktag』のインストールをクリック
・『AddQuicktag』の有効化をクリック
2.Diverの投稿画面のブロックに吹き出し会話を表示させる
![Diverの吹き出し会話を一発で表示させる5つのステップ](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 2.jpg)
登録するのに必要な吹き出し会話を表示させるで!
大事なのは後で手直しせんように、使える状態にすることやで!
・吹き出しの向き
・名前
・吹き出しの背景色
・テキストの色
ここまでやっといたら、後から変更することないし楽になるで。
![Diverの吹き出し会話を一発で表示させる5つのステップ](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 3.jpg)
3.コードエディタにしてコードをコピー
![Diverの吹き出し会話を一発で表示させる5つのステップ](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 4.jpg)
吹き出し会話を表示させたら、画面右にある『メニュー > コードエディタ』をクリックしてコードを表示させるねん。
コードをコピーする箇所は『セリフ前と後』の2ヵ所あるし気を付けてね。
![Diverの吹き出し会話を一発で表示させる5つのステップ](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 12.jpg)
『 <div class ~ テスト 』セリフまでを貼り付け。
![Diverの吹き出し会話を一発で表示させる5つのステップ](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 13-3.jpg)
『 セリフ以下 </span></div></div> 』までを貼り付け。
4.AddQuicktagにペースト
![Diverの吹き出し会話を一発で表示させる5つのステップ](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 6.jpg)
吹き出し会話のコードをコピーしたら、ワードプレスメニューの『設定 > AddQuicktag』をクリックやで。
![Diverの吹き出し会話を一発で表示させる5つのステップ](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 7-1024x193.jpg)
『AddQuicktag』の画面が開いたら必要事項を入力するで。
・開始タグ : セリフまで
・終了タグ : セリフより後
・チェックリスト : 右端にチェック
・あとは無視でOK!
![](https://tsumugi-blog.com/wp-content/uploads/2020/03/saharaアイコン.png)
![](https://tsumugi-blog.com/wp-content/uploads/2020/03/赤ちゃん アヒル持ち笑顔.jpg)
5.Diverの投稿画面に戻りクラシックの段落でAddQuicktagをクリック
![](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 8-1.jpg)
投稿画面に戻ったら、『クラシック版の段落』を挿入。
![Diverの吹き出し会話を一発で表示させる5つのステップ](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 9-1024x481.jpg)
クラシック版の段落を挿入したら、『AddQuicktag』をクリック。
さっき名付けた『さはら吹き出し』をクリック。
![Diverの吹き出し会話を一発で表示させる5つのステップ](https://tsumugi-blog.com/wp-content/uploads/2020/04/【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法 10.jpg)
こんな感じで表示されたらOKやで!
同じ要領で他の吹き出しバージョンも作ってな!
【ワードプレスDiver】吹き出し会話を表示させる方法:まとめ
最後まで読んでいただいてありがとさんやで!
今回は【ワードプレスDiver】吹き出し会話を記憶させて一発で表示させる方法!についてご紹介しました。
![](https://tsumugi-blog.com/wp-content/uploads/2020/03/saharaアイコン.png)
![](https://tsumugi-blog.com/wp-content/uploads/2020/03/赤ちゃん 笑顔.jpg)
・セリフの前と後で貼る場所が違う。
・セリフに一文字入れとかへんとおかしくなる。
ちっちゃいことやけど、こういうのの積み重ねが後から大きな成果につながるってしんじてるねん。
一秒でも早くブログから収益が上がって、養育費の足しになったらうれしいやん!?
時間短縮でいうと、Diverのレビューの☆印も同じようにワードプレスのプラグイン『AddQuicktag』を使って短縮できる方法もあるよ。
広告の種類も一番多いし、アフィリエイトするなら絶対登録しとかなアカンASPやで!
てか、アフィリエターさんで A8.net
![](https://www16.a8.net/0.gif?a8mat=2HYN0V+3ENDPM+0K+ZSD6A)
知らんけど(笑)