【ブログにフキダシを】LIQUID SPEECH BALLOONとWord Balloon をインストールしてみた【WORD PRESS】

ブログ開設

久々のブログ改変コーナーです。今回はフキダシを使えるようにしてみました。 LIQUID SPEECH BALLOONというソフトのインストールと、私なりのカスタマイズをしてみました。作業ログを兼ねて記事を書いてみましたのでご覧ください!

結論

早速結論を書いちゃいます。今回はLIQUID SPEECH BALLOONWord Balloon インストールいたしました。

ソフト、詳しいインストール方法などは一番下にリンクを貼っております、お急ぎの方は先にそちらにどうぞ😄

きっかけ

去年から意気込んで始めたブログも、息切れしながらなんとか更新したりしなかったりしています😅 他の方のブログを参考に、自分のブログもカスタママイズしていきたい! 完成したら公開、ではなく変更しながら公開、をモットーにその都度機能を追加したりレイアウトをいじったりしております。

今回は「フキダシ」です!よくほかの方のブログにフキダシで表現されている部分があったりしますよね。今回のブログでは冒頭で使ってみました😄 それを使ってみたい!ということで設定方法などを調べてみました。

インストールとカスタマイズ

色々調べていたところ、「LIQUID SPEECH BALLOON」というもので出来ることがわかりました。インストールについては、WORD PRESSの「プラグイン」から検索→追加でカンタンに設定が出来ました。

LIQUID SPEECH BALLOON との格闘

私がやりたかったのは「自画像の表情ごとにアイコンを作りたい!」というものです。

自画像(フキダシの元になってるアレ)を、表情差分を作ってみました

標準の表情

喜びの表情

焦りの表情

泣きの表情

感動の表情

怒りの表情

 

とプラグインの設定とアイコンを描いて作ってみました!

が、地味ですね…

想像以上に目立ちませんでした 😭 😭 😭  一生懸命アイコン描いたのに…

しかも、今は表示されるように工夫したのですが、この本文を書いている間にいくつか不具合がありました。

  • アイコンの表示位置を右、左の表示にしても反映されない。(結局削除して作り直し)
  • インストールしたら言語が英語だった。日本語への変更も出来ず。

 

 

うわーっ何なんコレ!?!?!?!?

不具合がよくわからず、その解決に時間がかかってしまいました😭 WORD PRESSの改造って、すべて自己責任のためこういう時に困るんですよね…

 

もういっそあきらめて、他の吹き出しプラグインを探してみました。 LIQUID SPEECH BALLOON も最悪使えないこともないしね。なにかいいのがあればいいな~

 

 

 

 

せつそん
せつそん

ありました

Word Balloonとの出会い

Word Balloon というプラグインを見つけたのですがもうこれでいいです。

アバターのフチを四角や〇にできたり、アニメーション出来るのが動きがあっていいですよね!何よりもアバターの表情を表示できる機能!

せつそん
せつそん

大好き♡

せつそん
せつそん

かなしみ…

せつそん
せつそん

!!!

これならアバター画像一枚を使いまわせるので、表情差分を描く必要がありません!私の時間を返して!w プラグイン自体も使いやすく、またPRO版もあるようなので少し使ってみて検討してみたいと思います。

LIQUID SPEECH BALLOONは、初期登録のアバターが12と多いことが利点です。しかし私が使った時に発生した不具合と、設定の自由度から、やや Word Balloon に軍配があがるのではないでしょうか。

まとめと関連リンク

以下プラグインと参考にさせていただいたリンクを貼らせていただきます。今後はそれぞれ使い分けていこうと思います!

最後までお読みいただきありがとうございました!

LIQUID SPEECH BALLOON

■公式リンク

吹き出しで会話ができる WordPressプラグイン | プラグイン
吹き出しで会話ができる WordPressプラグイン | プラグイン : 日本語WordPress公式テーマ&プラグイン。Gutenberg対応無料ブロックテンプレートや、吹き出しデザイン作成、Web接客ツール、A/Bテストなど。

■インストール方法などの解説

吹き出しデザインが簡単にできるプラグイン「LIQUID SPEECH BALLOON」の使い方 – wordpressのカスタマイズなどWordPress情報ならWPLab
吹き出しデザインが簡単にできるプラグイン「LIQUID SPEECH BALLOON」の使い方のご紹介

Word Balloon

■公式サイト

【公式】Word Balloon 吹き出しプラグイン
WordPress.org公式ディレクトリへ登録済みの吹き出しプラグインです。高機能かつ簡単に使える様に設計しました。最新のブロックエディタ、ビジュアルエ…

■参考にしたブログ

ワードプレスで使える!吹き出しプラグイン5選 – サウンドテック・ラボ
「ワードプレスの吹き出しプラグインって、どんなものがあるの?」疑問を、一緒に解決していきましょう。

コメント

タイトルとURLをコピーしました