【はてなブログ】会話形式の吹き出しを記事内で使う！ちょっとした工夫で記事を見やすくカスタマイズ!!

といった具合に、記事内で会話形式のコンテンツを作ることができるんですよ。 どうでしょう。 さらっと作った会話形式の文ですが、普通に書くより見やすくなっていませんか？ 導入自体は、テンプレートとして保存しておけば簡単に使うことができるのでぜひ試してみてください。 HTMLの書き方をチェック 今回の方法では、はてなブログで記事を作成する時に直接記述する必要があるので、ある程度の基本形をコピーしておいて即座に使えるようにしておくと良いと思います。 では、HTMLの書き方を確認してください。 <div class="person-right"> <img> <p>ここに右側の人のテキスト</p> </div> <div class="person-left"> <img> <p>ここに左側の人のテキスト</p> </div> 会話の数によって量が変わってきますが、とりあえず基本形がこちらです。 ち

[SHUnoTORI]

PCですとちゃんと表記されてますけど、スマホから見たら崩れてますよ（最初分からなかった...）。楽しそうですから自分のサイトも導入してみたいです。

[Apps]

もうちょっとカンタンにやれればいいなぁ。考えよう

[hanzaw]

勉強になります！必要になったら使わせて頂きます。

[clrmemory]

SHUnoTORI様ありがとうございます。スマホ版のcssを適用させ忘れていたようです...。おかげで早急に対処できました。