yurufuwatty.com

【WordPressプラグイン】Word Balloonの使い方

2019/10/06
 
LINE風吹き出し
この記事を書いている人 - WRITER -
ゆる~くふわっと気になったニュース、好きな趣味なんかをブログで書いたりします。

WordPressでブログを書く際に、投稿やページ編集をより快適に「自分の思った通りに」できると

作業効率ももちろんですが、ブログを楽しみながらできるコツの一つかと思います。

今回は「LINE風吹き出し」を簡単に作成できるWordPressプラグインのWord Balloonを紹介したいと思います。

 

Word Balloonとは?

 

「Word Balloon」とはインストールするだけで記事を書く際に手軽に「LINE風吹き出し」ができるプラグインになります。

ゆるふわってぃー
ゆるふわってぃー
簡単にLINE風にできるよ〜
アニメーションも自由
ゆるふわってぃー
ゆるふわってぃー
といったようにLINEみたいな吹き出しを簡単に出すことができます。

ゆるふわってぃー
ゆるふわってぃー
LINE風以外にも、様々な吹き出しや色の種類、アニメーションなどあるので、
自分好みの吹き出しを手軽に作成できるのでとてもオススメです!!

 

Word Balloonインストール

まずは、自分のWordPress管理画面から「Word Balloon」をインストールしましょう。

 

プラグインから新規追加

ゆるふわってぃー

ご自身のWordPress管理画面の左側のメニューで「プラグイン」から「新規追加」をクリック。

 

「Word Balloon」を検索

ゆるふわってぃー

 

説明
  • 「新規追加」をクリックするとプラグイン検索画面になるので右側の検索窓に「Word Balloon」と検索します。
  • 検索すると画像のように「Word Balloon」が出てきますので「今すぐインストール」をクリック
  • 今すぐインストール」をクリックすると「有効化」に変わるのでこちらもクリック

これで「Word Balloon」のインストールは完了しましたので設定方法について書いていきます。

 

 

Word Balloon設定方法

「Word Balloon」を選択

ゆるふわってぃー

インストール後、WordPress管理画面の左側のメニューの「設定」から「Word Balloon」をクリック

 

アバターの登録

ゆるふわってぃー

「Word Balloon」をクリックした後、上記のようなアバター登録画面が出てきますので、

  • 写真の選択をクリックして、メディアライブラリの中から好きな画像を選択します。
  • 名前入力部分に好きな名前をつけましょう。
  • メモは特に書かなくても大丈夫です。(わかりやすくするためのもの)
  • 最後に「アバターの登録」をクリックして完了

 

ゆるふわってぃー

アバター登録を完了するとこのように作成したアバターが追加されているかと思います。

無料版ではアバターを3つまで作成できるので好きなアバターを登録しましょう!

 

Word Balloonの使い方

ゆるふわってぃー
ゆるふわってぃー
さっそく記事内で使ってみよう( ´ ▽ ` )

ゆるふわってぃー

まずは、既存の記事または新規作成で記事の編集画面に行きましょう!!

そうしたら「吹き出し」追加したいところで、上記の画面で緑矢印で示している「吹き出しマーク」をクリックしよう!

 

吹き出しのカスタム

吹き出しマーク」をクリックすると「吹き出し」のカスタム画面が出てくるかと思いますので、自分の好きなようにカスタムしていきましょう!!

ここでは基本的なカスタムの方法を説明したいと思います。

編集画面の説明

LENE風吹き出し

まずこのカスタム画面について点々線より上と下に分けて説明したいと思います。

上の部分
  • アバターの選択
  • 吹き出しの種類の選択
  • 編集のプレビューの表示
  • 記事へ吹き出しを挿入(右側の青いボタン)

と主な部分の選択をできる部分になります。

下の部分
  • アバターの編集
  • 吹き出しの編集
  • アイコンの追加編集
  • アニメーションの追加編集
  • フィルターの編集
  • ステータスの編集

と色や動きなどの細かい部分の編集をすることができる部分になります

ちなみに上の画像では

上の部分:アバター「ゆるふわってぃー」選択と吹き出し「ぽっち」の選択に加え、

下の部分:アバターの平行方向の反転および、枠線&影をつけるといった編集を行っています。

 

吹き出しの編集

LENE風吹き出し

続いて「吹き出し」の細かいところの編集ですが、

背景&枠線の色に加え、影と中央寄せといった位置の指定を行うことができます。

編集すると上のプレビューの部分がすぐに変わってくれるので、とてもわかりやすくて便利です。

 

アイコンの編集

LENE風吹き出し

次にアイコンの説明をしたいと思います。

アイコンは自分が設定したアバターに対して、💢マークや、💧、♪など様々なマークを追加することができるので1つのアバターで色々な表現ができるので面白いと思います。

また、アイコンの位置やサイズ、反転もできるので大抵の画像に対して融通がきくので使いやすいかと思います。

 

アニメーション&フィルターの編集

ゆるふわってぃー

次はアニメーションとフィルターについて説明したいと思います。

アニメーションもフィルターも編集の仕方はアイコンや吹き出しと同じく選択する事によって、様々な動きやフィルターをかける事ができます!!

アニメーションは画像だとわかりずらいので実際に例を出してみたいと思います。

ゆるふわってぃー
ゆるふわってぃー
ゆるふわってぃーは5000Gをゲットした
ゆるふわってぃーは目の前が真っ黒になった
ゆるふわってぃー
ゆるふわってぃー
といった風に用途に応じてアニメーションをつけたり、フィルターでモノクロにしてみたりと遊び心を加えることも可能なので、自分好みの吹き出しを作成してみてください。

 

 

Word Balloon【まとめ】

「Word Balloon」のインストール~設定使用方法は以上となります。

ブログ記事を書くにしても、読んでくれている人に楽しんでもらうのはもちろん、

書いている自分自身も楽しみながらかけるので「Word Balloon」はかなり遊び心のあるプラグインなのではないかと思います。

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

 

この記事を書いている人 - WRITER -
ゆる~くふわっと気になったニュース、好きな趣味なんかをブログで書いたりします。

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Copyright© ゆるふわブログ , 2019 All Rights Reserved.