アメブロで吹き出しを使った会話風記事を書く

読者さん
松本さん!
最近よく見る「吹き出し」を使った会話風の記事をアメブロで書きたいんですが難しいですか?

  

 
まつもと
そうですね・・・
CSSを使えば、PC向け画面で吹き出しを表示するのはそれほど難しくはないと思いますが、アメブロの場合、スマホ向け画面にはCSSでのカスタマイズが効かないのでちょっと面倒ですね。

  

 
読者さん
でも、ぜひやってみたいんですが・・・
やっぱり無理でしょうか?

  

 
まつもと
無理ということではありません。
例えば、スマホでも表示できる「吹き出し風の囲み枠」のようなタグを準備しておいて、それを使ってやれば可能ですね。

  

 
読者さん
できるんですね!!
 

  

 
まつもと
はい。
ただしAMPには対応できませんので、スマホでGoogle検索から来てくれた人にはやっぱり吹き出しは表示されないことになります。

  

 
読者さん
そうなんですか・・・
ちなみに、AMPではどんなふうに表示されるんですか?

  

 
まつもと
どんな囲み枠タグを用意するかにもよりますが・・・
例えば↓こんな感じですね。
この記事のAMP向けページ

  

 
読者さん
・・・
やっぱり、せめて記事内だけでもカスタマイズできるようにスマホやAMPにもCSSを用意してほしいですね。

  

 
まつもと
はい。
本当にそう思いますね。