【はてなブログ】WordPressみたいな会話形式の吹き出しを使おう💓（コピペOK / 初心者向け） - 【ちゃんこめBlog】インド在住OLの雑記ブログ
Kome こんにちは！ はてなブログでWordPressよりも可愛く洗練されたブログを作ることを目指しているKome（@chankomeppy）です♪ こんな吹き出し、見たことありませんか？ 吹き出しを使うと、文章ばかりの記事やお堅い内容の記事がカジュアルで読みやすくなったり、ブログにオリジナル感がでたりするので、使ってみたいなぁ～と思っている方は多いはず。 WordPressではテーマに実装されていたり、プラグインを使うことで簡単に吹き出しを利用することができますが、はてなブログに吹き出しの機能は標準装備されていないので、自分でCSSをいじってカスタマイズするしかないんですよね。 初心者ﾌﾞﾛｶﾞｰ やってみたいけど、難しそうだから手を出せてないんだよね～ Kome はてなブログでも簡単に吹き出しを導入できるんだよ！ この記事で紹介するコードをコピペして、自分好みにカスタマイズするだけ！
吹き出しで会話形式にするのをめっちゃ楽にしてみた【はてなブログ】 - SHIROMAG
2016年10月2日17：53に追記： コード修正したのでそれ以前にコードを貼り付けたかたは貼り直しお願いします。お手数おかけいたします。 2019年12月23日17：20に追記： デザイン、CSSを微調整しました。 CSSとChrome拡張を使って会話形式の記事を書く 今回は、はてなブログで簡単に会話形式の記事を作る方法を紹介します。 吹き出しと画像を使って会話形式にする方法は他の記事でも紹介されているのですが、すごく面倒なのです。 「会話形式の記事書くの面倒」「シロマどうにかしろ」という意見があったので、楽に実装できる方法を頑張って作りました。 最初の設定は少し面倒です。ただ、一度設定してしまえば、後はめちゃ楽ちんになると思います。 見た目はこんな感じ↓↓ 先生、今日は吹き出しを簡単に実装する方法を紹介します。 運動と瞑想の習慣がない者の末路はいつも悲惨だ。恐ろしい恐ろしい。 ・・・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
