2017年11月12日WordPress画像のあるブログと、画像がない文章のみの記事では読みやすさが全然違うと思います。画像を使うことによって記事がわかりやすくなり、理解の助けになることは確かです。それだけでなく、相当興味がある分野の記事でない限り、文字だけだと読むのに疲れてしまいます(笑)。そこで、画像と同じように記事に会話表現を用いることにより、脳の負担を和らげてくれると思います。今回はLINE風の会話表現をこのブログで試してみることにしました。WordPressブログに使う吹き出し付きの会話表現たつじんwたつじんwのPVが全然の増えん女さんAみんな読まんよ女さんAたつじんつまらんもんwこのブログのPVが全然増えないという話をしていた時にいただいた、「たつじんつまらんもんw」というお言葉。これ以上の全否定はないと思います(笑)。確かにその頃WordPress・賢威の記事が大半で、WordPressを使っていない人にとってはつまらないかもしれないと思っていました。先日、WordPressのカスタマイズを中心に書いている有名なブログは熱心に読んでいた模様。これは今後のブログの方向性を考えないといけないかもしれません(笑)。いうことで、現在このブログで使っているWordPressテーマは賢威7です。賢威7はキャラ登録することで、このような吹き出し付きの会話表現をデフォルトで使うことができます。賢威を気に入っている理由の1つでもあります。個人的にはインタビュー記事でもないのにキャラを多用している記事は好きではなく、あまりに多用していると興味がある内容の記事でも離脱してしまいます。ほどほどに使うのがいいと個人的には感じます。賢威7では吹き出し付きの会話表現を使うことができますが、LINEで会話した内容の一部を記事にする場合も多いかもしれません。そこでキャラでの会話表現ではなくて、LINE風の会話表現も使いたいです。この点、人気の無料テーマ「Simplicity」ではデフォルトの機能でLINE風の会話表現が実装されています。Simplisity「SimplicityでLINE風の会話文を表示する方法」このブログにもSimplicityで使用されているLINE風の会話表現を実装したいと思います。LINE風会話表現のCSSコードはSimplicityの制作者である「わいひらさん」のブログ、寝ログ「WordPressにCSSをコピペし「LINEぽい吹き出し」を作って会話を入力する方法」にあったのでお借りしました。both;}元のコードでは「背景」のカラーだけHTMLで記述していたので、CSSで指定するように追加しました。このコードをスタイルシートにコピペすればLINE風の会話表現が使えるようになします。class="clear_balloon"></div>WordPressのテキストエディタに以上のように記述すると、たつじんwのPVが全然の増えんみんな読まんよたつじんつまらんもんw吹き出し付きの会話表現が実装できます。「left」で左、「right」で右側のキャラになります。class=”clear_balloon”></div>で回り込みを解除します。これだけではまだ「それっぽく」ありません。背景のカラーもLINE風に変更するとよりそれっぽくなります。class=”line_haikei”>~</div>で囲みます。たつじんwのPVが全然の増えんみんな読まんよたつじんつまらんもんw背景のカラーも指定すると一層LINE風になります。先日ようやく使い始めたPC版のLINEアプリのトークルームの背景は白です(笑).AddQuicktagにコードを追加LINE風の会話表現を使用する際に毎回HTMLタグを自分で書くのは面倒だと思います。プラグインのAddQuicktagにあらかじめコードを登録しておけば、WordPressのエディターでボタンをクリックするだけでコードを呼び出せるので便利だと思います。AddQuicktagについて詳しくはこちらに書いています。AddQuicktag(アドクイックタグ)の使い方と他のWordPressに設定を移す方法まとめキャラだけでなくLINE風の会話表現も実装すると、表現の幅が広がると思います。SimplicityにはデフォルトでLINE風の会話表現が使用できます。Simplicityの利用者は非常に多いです。LINE風の会話表現を使用している記事を見たことがありません(笑)。面白いと思うんですが、そこまでニーズはないのかもしれません。SimplicityのエディターのボタンにLINE関係は表示されないので、機能を知らない人も多いのかもしれません。今日のたつじんへの一歩たつじんw書き終えてから気づきましたが、LINEだと自分のトークは右側でした(笑)スポンサーリンクこの記事を書いている人たつじんwたつじんwになるために勉強したことをこのブログに書いています。最近はWordPressとiPhoneの記事が多いです。必須サイト上に表示された文字を入力してください。TOPWordPressWordPressブログでLINE風の会話表現を実装する方法プロフィールWordPressとiPhoneが好きな標準的ではない男子(おっさん笑)です。たつじんwプロジェクトシェアお問合わせTOPへホーム。