スピーチバブル『Speech Bubble』の画像サイズを変更する方法

スピーチバブル(吹き出しプラグイン)の、画像を変更する方法はいくつか紹介されてますが、画像サイズを変更する方法は、ほぼなかったので、解説してみました。

スピーチバブルの中の該当するcssをダウンロードする

スピーチバブルダウンロード
スピーチバブルでは、吹き出しの種類が数種類あります。
自分の使用しているCSSをダウンロードします。

CSSファイルの編集する

「話者のアイコン部分」より3ヶ所のサイズを変更します。
スピーチバブル 画像サイズの変更点
この60pxのところをサイズ変更します。
あまり大きくしすぎると、吹き出しとかぶったりして、その他の場所も編集しないといけなくなるので、大変です。
おすすめは、80pxです。

変更済みのCSSファイルをアップロードする

確認する

スピーチバブル 画像サイズ変更

どうですか?
ちょうどよい大きさになったのでは、ないでしょうか?
やはり60pxは、ちょっと小さすぎますよね。
スピーチバブルの今後のアップデートにて、画像サイズ変更機能がつくことに期待ですw
※スマホ表示では、変化はありません。むしろスマホ表示だと、デフォルトでちょうどよい大きさなので、これでOKです。

コメントは受け付けていません。