Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
Speech Bubbleがない!代わりにword balloonで吹きだし | 思いだし にっき
サイトアイコン 思いだし にっき

Speech Bubbleがない!代わりにword balloonで吹きだし

<p><img class&equals;"aligncenter size-full wp-image-9192" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;471f166fc088b32358479381b6f862b4&lowbar;s&period;jpg" alt&equals;"" width&equals;"384" height&equals;"279" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong>吹きだしで会話<&sol;strong>できるプラグイン「<strong>Speech Bubble<&sol;strong>」はお気に入りの一つ。<&sol;p>&NewLine;<p>新規ブログにも設定しなくては!とプラグインを探しても・・・<strong><span style&equals;"font-size&colon; 18pt&semi;">な、ない!<&sol;span><&sol;strong><&sol;p>&NewLine;<p>吹き出しを使っていなかった他のブログにもインストールしようとしたら・・・<&sol;p>&NewLine;<p>なくなっていました(;;)<&sol;p>&NewLine;<p>急ぎ代わりになるものを探してみました。<&sol;p>&NewLine;<p><strong>Word Balloon<&sol;strong>というのが簡単に使えそうです!<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Speech Bubbleの代わりのプラグイン<&sol;h2>&NewLine;<p>Speech Bubbleと同じ名称のプラグインはありましたが、<strong>中身が違う別物<&sol;strong>でした。<&sol;p>&NewLine;<p>写真などの画像を入れた時に、そこに吹き出しを表示できるプラグインなんですね。<&sol;p>&NewLine;<p>Speech Bubbleは、なんでも<strong>2018年の12月末頃に公開停止<&sol;strong>になっていたようです。<&sol;p>&NewLine;<p>今のところ、いままでいれたものは使えているので大丈夫ですが・・・<br &sol;>&NewLine;新規にはインストールできない。<&sol;p>&NewLine;<p>そして、今インストールしているものもこの先どうなるのかは不明・・・です。<&sol;p>&NewLine;<p>同じように吹き出しで会話ができるプラグインもいくつか見つかりました。<&sol;p>&NewLine;<p>またプラグインを使わない方法というのもありましたが、とりあえず簡単に使えそうなものをいれてみました。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Word Balloon<&sol;h2>&NewLine;<p>Word Balloonは、やーまんさんという方作られたようです。<br &sol;>&NewLine;ありがとうございます&lt&semi;&lpar;&lowbar; &lowbar;&rpar;&gt&semi;<&sol;p>&NewLine;<p>Word Balloonプラグインを入れて使ってみました。<&sol;p>&NewLine;<p>今回は、そのインストールと使い方の備忘録です。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>Word Balloonインストール方法<&sol;h3>&NewLine;<p>・WordPressのダッシュボードメニューから<&sol;p>&NewLine;<p>「プラグイン」&srarr;「新規追加」をクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9194" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb1&period;png" alt&equals;"" width&equals;"603" height&equals;"254" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・インストールをクリックします<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9195" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb2&period;png" alt&equals;"" width&equals;"357" height&equals;"244" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・インストール中の表示が消えると「有効化」ボタンが表示されるので、それをクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9196" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb3&period;png" alt&equals;"" width&equals;"350" height&equals;"240" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>有効化されるとダッシュボード「プラグイン」の「インストール済プラグイン」の一覧に表示されます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9197" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb4&period;png" alt&equals;"" width&equals;"546" height&equals;"102" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>これで使用できるようになりました。<&sol;p>&NewLine;<p>後は投稿画面で吹き出しのアイコンをクリックすればいいんですが・・・<&sol;p>&NewLine;<p><strong>WordPressのバージョンによって、使い勝手が違う<&sol;strong>んですね(;;)<&sol;p>&NewLine;<p>新しく立ち上げたブログは自動的に5&period;&period;0に変わっていまして、<&sol;p>&NewLine;<p><strong>投稿画面が「!!??」な状態<&sol;strong>に。<&sol;p>&NewLine;<p>焦りましたが、なんとか使い方を探しながらやってみました。<&sol;p>&NewLine;<p>なので、旧バージョンの場合と5&period;0以降の場合で説明しますね。<&sol;p>&NewLine;<p>その前に・・・<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>使う前の準備<&sol;h3>&NewLine;<p>はじめて吹き出しプラグインを使う時に、いきなり使い始めると・・<&sol;p>&NewLine;<p>アバターは初期設定のミステリーマンになります。<&sol;p>&NewLine;<p>できれば先に<strong>アバターの準備をしてから使う方が効率がよい<&sol;strong>かと思います。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h4>アバター画像の登録<&sol;h4>&NewLine;<p>使用したいアバターの画像は、はじめにメディアに追加登録しておきます。<&sol;p>&NewLine;<p><strong><span style&equals;"background-color&colon; &num;ffff00&semi;">登録できる画像サイズは512px以下。<&sol;span><&sol;strong>&lt&semi;&sol;span &gt&semi;<&sol;p>&NewLine;<p><strong><span style&equals;"background-color&colon; &num;ffff00&semi;">正方形にすること。<&sol;span><&sol;strong>&lt&semi;&sol;span &gt&semi;<&sol;p>&NewLine;<p>正方形でない場合は画像が切れて表示されます。<&sol;p>&NewLine;<p>ちなみに私が用意したのは140×140pxの画像ですが、もっと大きくても大丈夫です。512px以下で!<&sol;p>&NewLine;<p>メディアライブラリに登録しておけば、使いたい時に選べばよいのです。<&sol;p>&NewLine;<p>でも少し面倒ですよね。<&sol;p>&NewLine;<p>リストに登録しておくことができます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><span style&equals;"font-size&colon; 17pt&semi;"><strong><span style&equals;"color&colon; &num;ff00ff&semi;">アバターをリストに登録<&sol;span><&sol;strong><&sol;span><&sol;p>&NewLine;<p>事前にアバターの登録ができます。<&sol;p>&NewLine;<p>ただし<strong>、最大3個まで<&sol;strong>です。<&sol;p>&NewLine;<p>よく使うものを登録しておくといいですね。<&sol;p>&NewLine;<p>※どうも機能的には、もっとあるようです。<&sol;p>&NewLine;<p>たとえばこのリスト、もっと登録したい場合はWord Balloon PROを使うとデータベースの上限までアバターは無制限に登録可能となっているようです。<br &sol;>&NewLine;これについては最後に。<&sol;p>&NewLine;<p>・ダッシュボードの「メディア」から「新規追加」を開きます。<&sol;p>&NewLine;<p> 登録するアバター画像ドラッグして追加します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9198" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb54&period;png" alt&equals;"" width&equals;"432" height&equals;"279" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・ダッシュボードの左のメニューから「<strong>設定<&sol;strong>」をクリックします。<&sol;p>&NewLine;<p> その中の「<strong>Word Balloon<&sol;strong>」をクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9199" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb56&period;png" alt&equals;"" width&equals;"599" height&equals;"441" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・アバターの新規登録画面が表示されます。<&sol;p>&NewLine;<p>画像か、「写真の選択」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9200" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb57&period;png" alt&equals;"" width&equals;"508" height&equals;"218" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・メディアアップローダーが表示されるので、登録する画像をクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・選んだら右下の「<strong>選択<&sol;strong>」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9201" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb58&period;png" alt&equals;"" width&equals;"498" height&equals;"517" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・アバターの新規登録画面に画像が表示されたら、「名前」と「メモ」を入力します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong>名前は実際の投稿にも表示されます。<&sol;strong><&sol;p>&NewLine;<p>メモは投稿には表示されないので、自分の覚え書きとして使えます。<&sol;p>&NewLine;<p>(同じアバターの使い分ける用にできます&horbar;笑い顔とか泣き顔とかつけられます)<&sol;p>&NewLine;<p><strong>入力したら「登録」<&sol;strong>をクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9202" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb59&period;png" alt&equals;"" width&equals;"413" height&equals;"180" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・登録が済むとアバターリストに表示されます。(3つまで登録可)<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9203" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb60&period;png" alt&equals;"" width&equals;"459" height&equals;"448" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・リストを使うには、投稿画面の吹き出しで「名無しの権兵衛」と表示されていたところの▼をクリックします。<&sol;p>&NewLine;<p>リストに登録した名称が出てきます。<&sol;p>&NewLine;<p>そこから使いたいアバター画像を選びます。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9204" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb61&period;png" alt&equals;"" width&equals;"500" height&equals;"261" &sol;><&sol;p>&NewLine;<p>それでは基本的な使い方にいきます。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad13010" id&equals;"quads-ad13010" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Word Balloonの使い方<&sol;h2>&NewLine;<h3>WordPress5&period;0以降のブロックエディタ&lpar;Gutenberg&rpar;を使った場合<&sol;h3>&NewLine;<p>・ブロックエディタ&lpar;Gutenberg&rpar;でも旧来の方法で使うことができるようです。<&sol;p>&NewLine;<p>慣れ親しんだ投稿画面がいきなり変わってしまうと、それだけでもあたふたしてしまいます。<&sol;p>&NewLine;<p>なので、書式設定で旧来の使い勝手(それでも結構ちがいますが)の方法でやってみました。<&sol;p>&NewLine;<p>投稿画面の左上の方にプラスマークがあります。<&sol;p>&NewLine;<p>マウスでポイントすると「<strong>ブロックの追加<&sol;strong>」と表示されるボタンです。<&sol;p>&NewLine;<p>ここをクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9205" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb5&period;png" alt&equals;"" width&equals;"338" height&equals;"388" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・この中の<strong>「クラッシック」というアイコンをクリック<&sol;strong>します。<&sol;p>&NewLine;<p>すると懐かしい旧バージョンの投稿画面の表示になります<&sol;p>&NewLine;<p>(ちょっと違いますけどね)<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9206" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb6&period;png" alt&equals;"" width&equals;"572" height&equals;"290" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・操作ボタンの中に<strong>「Word balloon(吹き出し)」<&sol;strong>というのがあるので、クリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9207" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb7&period;png" alt&equals;"" width&equals;"542" height&equals;"240" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・図のようなポップアップ画面が表示されます。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9208" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb8&period;png" alt&equals;"" width&equals;"508" height&equals;"250" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・この画面で吹き出しにいれるセリフを入力したり、キャラクターの位置を変えたりできます。<&sol;p>&NewLine;<p>とりあえず初期の画像のまま練習で「セリフを記入」とある拭きだしにセリフをいれてみます。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9209" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb9&period;png" alt&equals;"" width&equals;"504" height&equals;"203" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・入力したら「挿入」ボタンをクリックします。<&sol;p>&NewLine;<p>すると、記事のところに図のような<strong>ショートコード<&sol;strong>が表示されます。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9210" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb10&period;png" alt&equals;"" width&equals;"511" height&equals;"282" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・「プレビュー」で確認してみると、こんな感じですね。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9211" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb11&period;png" alt&equals;"" width&equals;"321" height&equals;"102" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・アバター(キャラ)の位置をかえるには真ん中に表示されている「←〇&srarr;」のボタンで操作します。<&sol;p>&NewLine;<p>現在左側にアバターがいて「←」になっているので「&srarr;」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9212" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb12&period;png" alt&equals;"" width&equals;"427" height&equals;"179" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>!ここで慣れない私は「???」な事態に。<&sol;p>&NewLine;<p>吹き出しを追加するので吹き出しアイコンをクリックして、<&sol;p>&NewLine;<p>ポップアップ画面で「&srarr;」をクリック。<&sol;p>&NewLine;<p>セリフをいれてみましたが・・・<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>最初のアバターの下に表示されるはずが上に表示されています。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9213" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb12-2&period;png" alt&equals;"" width&equals;"511" height&equals;"415" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>プレビューで見てもこの通り<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9214" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb12-3&period;png" alt&equals;"" width&equals;"458" height&equals;"154" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>このブロックエディタ、どうやらいちいちブロックを追加しないと、<br &sol;>&NewLine;ブログの追加記事のように新しいものが上に表示される?のかなと思います。<&sol;p>&NewLine;<p>違っていたらすいません&lt&semi;&lpar;&lowbar; &lowbar;&rpar;&gt&semi;<&sol;p>&NewLine;<p>なので今入力したものを範囲指定してDellet!<&sol;p>&NewLine;<p>ブロックを追加してやってみました。<&sol;p>&NewLine;<p>・今入力した記事の左下にもプラスのボタンがあるのでこちらをクリックしてみました。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9216" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb12-4&period;png" alt&equals;"" width&equals;"561" height&equals;"393" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・メニューから「クラッシック」をクリックして吹き出しをクリックします。<&sol;p>&NewLine;<p>ポップアップ画面で「&srarr;」をクリックしてセリフをいれます。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9217" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb13&period;png" alt&equals;"" width&equals;"435" height&equals;"186" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・挿入すると図のようになりました。<&sol;p>&NewLine;<p>このショートコードのあるブロックの上の方に先ほどのブロックがあります。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9218" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb14&period;png" alt&equals;"" width&equals;"513" height&equals;"311" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・プレビューでちゃんと順番にはいりました(^^)<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9219" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb15&period;png" alt&equals;"" width&equals;"455" height&equals;"164" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・<strong>真ん中にアバターを置く<&sol;strong>こともできます。<&sol;p>&NewLine;<p>吹き出しの左右の矢印の真ん中にあるマークが中央寄せです。<&sol;p>&NewLine;<p>さっきはブロック追加をしたのですが、なんとも面倒。<&sol;p>&NewLine;<p>もう一度試しに、今のブロックのところで吹き出しを入れてみました。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9220" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb16&period;png" alt&equals;"" width&equals;"437" height&equals;"194" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>あれれ?<&sol;p>&NewLine;<p>今度はちゃんし下に表示されました。<&sol;p>&NewLine;<p>このブロック内で吹き出しをいれ、もう一度左に移動してみました。<&sol;p>&NewLine;<p>ちゃんと入りますね・・・<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9221" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb17&period;png" alt&equals;"" width&equals;"517" height&equals;"517" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-a">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;s&lowbar;j8&period;png" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">波空<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble">??? <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<div class&equals;"sb-type-drop">&NewLine;&Tab;<div class&equals;"sb-subtype-b">&NewLine;&Tab;&Tab;<div class&equals;"sb-speaker">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;&Tab;<img src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;plugins&sol;speech-bubble&sol;img&sol;icon&lowbar;n5&period;png" class&equals;"sb-icon">&NewLine;&Tab;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-name">猫にゃん<&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;&Tab;<div class&equals;"sb-content">&NewLine;&Tab;&Tab;&Tab;<div class&equals;"sb-speech-bubble"> やり方が違うのかバグなのか・・WordPress5&period;0の勉強もしなくちゃだにゃん <&sol;div>&NewLine;&Tab;&Tab;<&sol;div>&NewLine;&Tab;<&sol;div>&NewLine;<&sol;div>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・プレビューでもOKです。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9222" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb18&period;png" alt&equals;"" width&equals;"457" height&equals;"300" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>最初に逆になったのはなんでなんでしょう?<&sol;p>&NewLine;<p>謎は残りますが・・・とにかく先に行きますね。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad13010" id&equals;"quads-ad13010" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h4>吹き出しの種類の変更<&sol;h4>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・吹き出しのセリフの欄の下に吹き出しアイコンがあります。<&sol;p>&NewLine;<p>その右側の「セリフ▼」が種類の変更ボタンです。<&sol;p>&NewLine;<p>好きな種類を選んでみます。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9223" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb19&period;png" alt&equals;"" width&equals;"500" height&equals;"430" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・図は「考え事」を選んだところですね。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9224" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb20&period;png" alt&equals;"" width&equals;"436" height&equals;"228" &sol;><&sol;p>&NewLine;<figure id&equals;"attachment&lowbar;9225" aria-describedby&equals;"caption-attachment-9225" style&equals;"width&colon; 446px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9225" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb21&period;png" alt&equals;"" width&equals;"446" height&equals;"137" &sol;><figcaption id&equals;"caption-attachment-9225" class&equals;"wp-caption-text">プレビュー<&sol;figcaption><&sol;figure>&NewLine;<p>他に<&sol;p>&NewLine;<p><strong>カラー<&sol;strong>は<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9226" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb22&period;png" alt&equals;"" width&equals;"435" height&equals;"176" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>左右で色が変わります。<&sol;p>&NewLine;<p><img class&equals;"aligncenter size-full wp-image-9227" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb23&period;png" alt&equals;"" width&equals;"444" height&equals;"74" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・こんな風にいろいろかえられる吹き出しです。<&sol;p>&NewLine;<p>アバターや表情などに合わせて選べますね。<&sol;p>&NewLine;<figure id&equals;"attachment&lowbar;9228" aria-describedby&equals;"caption-attachment-9228" style&equals;"width&colon; 434px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9228" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb24&period;png" alt&equals;"" width&equals;"434" height&equals;"183" &sol;><figcaption id&equals;"caption-attachment-9228" class&equals;"wp-caption-text">丸い 左<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9229" aria-describedby&equals;"caption-attachment-9229" style&equals;"width&colon; 432px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9229" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb25&period;png" alt&equals;"" width&equals;"432" height&equals;"180" &sol;><figcaption id&equals;"caption-attachment-9229" class&equals;"wp-caption-text">丸い 右<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9232" aria-describedby&equals;"caption-attachment-9232" style&equals;"width&colon; 445px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9232" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb26&period;png" alt&equals;"" width&equals;"445" height&equals;"94" &sol;><figcaption id&equals;"caption-attachment-9232" class&equals;"wp-caption-text">しっぽ 左<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9233" aria-describedby&equals;"caption-attachment-9233" style&equals;"width&colon; 443px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9233" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb27&period;png" alt&equals;"" width&equals;"443" height&equals;"95" &sol;><figcaption id&equals;"caption-attachment-9233" class&equals;"wp-caption-text">しっぽ 右<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9234" aria-describedby&equals;"caption-attachment-9234" style&equals;"width&colon; 404px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9234" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb28&period;png" alt&equals;"" width&equals;"404" height&equals;"142" &sol;><figcaption id&equals;"caption-attachment-9234" class&equals;"wp-caption-text">上側<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9235" aria-describedby&equals;"caption-attachment-9235" style&equals;"width&colon; 409px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9235" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb29&period;png" alt&equals;"" width&equals;"409" height&equals;"144" &sol;><figcaption id&equals;"caption-attachment-9235" class&equals;"wp-caption-text">下側<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9236" aria-describedby&equals;"caption-attachment-9236" style&equals;"width&colon; 447px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9236" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb30&period;png" alt&equals;"" width&equals;"447" height&equals;"86" &sol;><figcaption id&equals;"caption-attachment-9236" class&equals;"wp-caption-text">SOi 左<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9237" aria-describedby&equals;"caption-attachment-9237" style&equals;"width&colon; 442px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9237" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb31&period;png" alt&equals;"" width&equals;"442" height&equals;"77" &sol;><figcaption id&equals;"caption-attachment-9237" class&equals;"wp-caption-text">SOi 右<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9238" aria-describedby&equals;"caption-attachment-9238" style&equals;"width&colon; 443px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9238" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb32&period;png" alt&equals;"" width&equals;"443" height&equals;"86" &sol;><figcaption id&equals;"caption-attachment-9238" class&equals;"wp-caption-text">RPG Ⅰ<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9239" aria-describedby&equals;"caption-attachment-9239" style&equals;"width&colon; 442px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9239" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb33&period;png" alt&equals;"" width&equals;"442" height&equals;"87" &sol;><figcaption id&equals;"caption-attachment-9239" class&equals;"wp-caption-text">RPG Ⅱ<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9240" aria-describedby&equals;"caption-attachment-9240" style&equals;"width&colon; 388px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9240" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb34-&period;png" alt&equals;"" width&equals;"388" height&equals;"141" &sol;><figcaption id&equals;"caption-attachment-9240" class&equals;"wp-caption-text">RPG Ⅲ<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9241" aria-describedby&equals;"caption-attachment-9241" style&equals;"width&colon; 381px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9241" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb35&period;png" alt&equals;"" width&equals;"381" height&equals;"86" &sol;><figcaption id&equals;"caption-attachment-9241" class&equals;"wp-caption-text">セリフ太枠<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9242" aria-describedby&equals;"caption-attachment-9242" style&equals;"width&colon; 379px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9242" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb36&period;png" alt&equals;"" width&equals;"379" height&equals;"89" &sol;><figcaption id&equals;"caption-attachment-9242" class&equals;"wp-caption-text">ぽっち グラデーション左<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9243" aria-describedby&equals;"caption-attachment-9243" style&equals;"width&colon; 362px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9243" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb37&period;png" alt&equals;"" width&equals;"362" height&equals;"83" &sol;><figcaption id&equals;"caption-attachment-9243" class&equals;"wp-caption-text">ぽっち グラデーション右<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9244" aria-describedby&equals;"caption-attachment-9244" style&equals;"width&colon; 364px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9244" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb38&period;png" alt&equals;"" width&equals;"364" height&equals;"91" &sol;><figcaption id&equals;"caption-attachment-9244" class&equals;"wp-caption-text">丸いグラデーション 左<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9245" aria-describedby&equals;"caption-attachment-9245" style&equals;"width&colon; 391px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9245" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb39&period;png" alt&equals;"" width&equals;"391" height&equals;"86" &sol;><figcaption id&equals;"caption-attachment-9245" class&equals;"wp-caption-text">丸いグラデーション 右<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9246" aria-describedby&equals;"caption-attachment-9246" style&equals;"width&colon; 356px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9246" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb40&period;png" alt&equals;"" width&equals;"356" height&equals;"90" &sol;><figcaption id&equals;"caption-attachment-9246" class&equals;"wp-caption-text">ハート<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9247" aria-describedby&equals;"caption-attachment-9247" style&equals;"width&colon; 381px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9247" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb41&period;png" alt&equals;"" width&equals;"381" height&equals;"81" &sol;><figcaption id&equals;"caption-attachment-9247" class&equals;"wp-caption-text">にょろにょろ左<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9248" aria-describedby&equals;"caption-attachment-9248" style&equals;"width&colon; 363px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9248" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb42&period;png" alt&equals;"" width&equals;"363" height&equals;"89" &sol;><figcaption id&equals;"caption-attachment-9248" class&equals;"wp-caption-text">にょろにょろ右<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9249" aria-describedby&equals;"caption-attachment-9249" style&equals;"width&colon; 354px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9249" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb43&period;png" alt&equals;"" width&equals;"354" height&equals;"85" &sol;><figcaption id&equals;"caption-attachment-9249" class&equals;"wp-caption-text">手書き風<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9250" aria-describedby&equals;"caption-attachment-9250" style&equals;"width&colon; 374px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9250" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb44&period;png" alt&equals;"" width&equals;"374" height&equals;"85" &sol;><figcaption id&equals;"caption-attachment-9250" class&equals;"wp-caption-text">とんがり<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9251" aria-describedby&equals;"caption-attachment-9251" style&equals;"width&colon; 356px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9251" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb45&period;png" alt&equals;"" width&equals;"356" height&equals;"88" &sol;><figcaption id&equals;"caption-attachment-9251" class&equals;"wp-caption-text">8ビット 左<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9252" aria-describedby&equals;"caption-attachment-9252" style&equals;"width&colon; 347px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9252" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb46&period;png" alt&equals;"" width&equals;"347" height&equals;"84" &sol;><figcaption id&equals;"caption-attachment-9252" class&equals;"wp-caption-text">8ビット 右<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9253" aria-describedby&equals;"caption-attachment-9253" style&equals;"width&colon; 389px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9253" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb47&period;png" alt&equals;"" width&equals;"389" height&equals;"96" &sol;><figcaption id&equals;"caption-attachment-9253" class&equals;"wp-caption-text">しっぽの考え事 左<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9254" aria-describedby&equals;"caption-attachment-9254" style&equals;"width&colon; 367px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9254" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb48&period;png" alt&equals;"" width&equals;"367" height&equals;"98" &sol;><figcaption id&equals;"caption-attachment-9254" class&equals;"wp-caption-text">しっぽの考え事 右<&sol;figcaption><&sol;figure> <figure id&equals;"attachment&lowbar;9255" aria-describedby&equals;"caption-attachment-9255" style&equals;"width&colon; 373px" class&equals;"wp-caption aligncenter"><img class&equals;"size-full wp-image-9255" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb49&period;png" alt&equals;"" width&equals;"373" height&equals;"87" &sol;><figcaption id&equals;"caption-attachment-9255" class&equals;"wp-caption-text">叫び<&sol;figcaption><&sol;figure>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad13010" id&equals;"quads-ad13010" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h4>アバターの変更<&sol;h4>&NewLine;<p>・投稿画面で吹き出しを選んだらアバター(画像)の部分をクリックします。<&sol;p>&NewLine;<p>メディアアップローダーが表示されるので、その中から登録しておいたアバターの画像を選択します。<&sol;p>&NewLine;<p>・アバターのところに選んだ画像が入ります。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9256 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb50&period;png" alt&equals;"" width&equals;"489" height&equals;"208" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>画像が正方形ギリギリサイズだと、挿入される時に丸く切り取られるようなので<&sol;p>&NewLine;<p>少し余白を設けて画像を設定するといいかもしれません<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・画像に余白をもたせてメディアに登録したらこんな感じになりました。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9257 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb51&period;png" alt&equals;"" width&equals;"486" height&equals;"205" &sol;><&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9258 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb52&period;png" alt&equals;"" width&equals;"487" height&equals;"200" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>・プレビューでみたところです<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9259 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb53&period;png" alt&equals;"" width&equals;"484" height&equals;"159" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>選択した画像が挿入されると「名無しの権兵衛」として、<br &sol;>&NewLine;アバターリストの選択肢に一時的に追加されます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9276 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb55&period;png" alt&equals;"" width&equals;"551" height&equals;"233" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>一時追加されたアバターは投稿画面の更新や移動をすると、アバター情報はなくなります。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h4>ステータスの使い方<&sol;h4>&NewLine;<p>さまざまな設定ができます。<&sol;p>&NewLine;<p>ステータスのコメント機能で吹き出し横にちょっとした文章(一言)を表示したりできます。<&sol;p>&NewLine;<p>投稿画面で吹き出しを入れるポップアップ画面で右上の「かんたんモード」をクリックします。<&sol;p>&NewLine;<p>かんたんモードが解除されステータスが表示されます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9261 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb62&period;png" alt&equals;"" width&equals;"493" height&equals;"761" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong><span style&equals;"font-size&colon; 18pt&semi;">・アバター <&sol;span><&sol;strong><br &sol;>&NewLine;<div class&equals;"su-note" style&equals;"border-color&colon;&num;e3dee1&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;"><div class&equals;"su-note-inner su-u-clearfix su-u-trim" style&equals;"background-color&colon;&num;fdf8fb&semi;border-color&colon;&num;ffffff&semi;color&colon;&num;090101&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;">&NewLine;<strong>サイズ<&sol;strong>  ▼から小・中・大が選べます。<&sol;p>&NewLine;<p><strong>反転<&sol;strong>  水平をクリックすると、向きを変えられます。<&sol;p>&NewLine;<p><strong>角丸<&sol;strong>  アバター画像は挿入すると丸く切り取られていますが、<br &sol;>&NewLine;    端が欠けたりするのが嫌な時は「四角」にしたり、角の丸みを調整できます。<&sol;p>&NewLine;<p><strong>周辺に枠線を入れる<&sol;strong> アバター画像に枠が表示されます。<&sol;p>&NewLine;<p><strong>影を入れる<&sol;strong>  枠に影がつきます。<&sol;p>&NewLine;<p><strong>アバターを非表示<&sol;strong>  アバターが消えて吹き出しだけになります。<&sol;div><&sol;div>&NewLine;<p><img class&equals;"size-full wp-image-9262 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb63&period;png" alt&equals;"" width&equals;"471" height&equals;"309" &sol;><&sol;p>&NewLine;<p><strong><span style&equals;"font-size&colon; 18pt&semi;">・吹き出し<&sol;span><&sol;strong><br &sol;>&NewLine;<div class&equals;"su-note" style&equals;"border-color&colon;&num;e3dee1&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;"><div class&equals;"su-note-inner su-u-clearfix su-u-trim" style&equals;"background-color&colon;&num;fdf8fb&semi;border-color&colon;&num;ffffff&semi;color&colon;&num;090101&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;"><strong>色を選択<&sol;strong> 「色を選択」の左横をクリックすると文字の色が選べます。<br &sol;>&NewLine;<&sol;div><&sol;div>&NewLine;<p><img class&equals;"size-full wp-image-9263 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb64&period;png" alt&equals;"" width&equals;"460" height&equals;"314" &sol;><&sol;p>&NewLine;<div class&equals;"su-note" style&equals;"border-color&colon;&num;e3dee1&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;"><div class&equals;"su-note-inner su-u-clearfix su-u-trim" style&equals;"background-color&colon;&num;fdf8fb&semi;border-color&colon;&num;ffffff&semi;color&colon;&num;090101&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;">&NewLine;<strong>文字のサイズ<&sol;strong> ▼で文字サイズを選んで変更できます。<&sol;p>&NewLine;<p><strong>セリフの配置<&sol;strong>  これはも、吹き出しの中での配置変更です(左寄せ、中央寄せ、右寄せ)<&sol;p>&NewLine;<p><strong>影を入れる<&sol;strong>  吹き出し周辺に影を表示できます。<&sol;p>&NewLine;<p><strong>全幅<&sol;strong>  吹き出しの幅を文字数にかかわらず最大まで広げます。<&sol;div><&sol;div>&NewLine;<p><strong><span style&equals;"font-size&colon; 18pt&semi;">・アイコン<&sol;span><&sol;strong><br &sol;>&NewLine;<div class&equals;"su-note" style&equals;"border-color&colon;&num;e3dee1&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;"><div class&equals;"su-note-inner su-u-clearfix su-u-trim" style&equals;"background-color&colon;&num;fdf8fb&semi;border-color&colon;&num;ffffff&semi;color&colon;&num;090101&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;">&NewLine;<strong>アイコンマーク<&sol;strong> 横の欄の▼から入れたいアイコンを選べます<&sol;p>&NewLine;<p>(はてなや汗、感嘆符などいろいろいれると表現が豊かになりますね)<&sol;p>&NewLine;<p><strong>位置<&sol;strong> 挿入されたアイコンの位置を指定できます。<&sol;p>&NewLine;<p><strong>サイズ<&sol;strong> 挿入されたアイコンのサイズを小・中・大で指定できます。<&sol;p>&NewLine;<p><strong>反転<&sol;strong> アイコンを反転させたい時に使います。<br &sol;>&NewLine;<&sol;div><&sol;div>&NewLine;<p><strong><span style&equals;"font-size&colon; 18pt&semi;">・効果<&sol;span><&sol;strong><br &sol;>&NewLine;<div class&equals;"su-note" style&equals;"border-color&colon;&num;e3dee1&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;"><div class&equals;"su-note-inner su-u-clearfix su-u-trim" style&equals;"background-color&colon;&num;fdf8fb&semi;border-color&colon;&num;ffffff&semi;color&colon;&num;090101&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;">&NewLine;アバター・アイコン・吹き出しにそれぞれ<strong>簡単なアニメーション効果<&sol;strong>をつけられるようです。<&sol;p>&NewLine;<p><strong>フィルター<&sol;strong> も同様にそれぞれにぼかしやセピアなどのフィルター効果を付けられます。<br &sol;>&NewLine;<&sol;div><&sol;div>&NewLine;<p><strong><span style&equals;"font-size&colon; 18pt&semi;">・名前<&sol;span><&sol;strong><br &sol;>&NewLine;<div class&equals;"su-note" style&equals;"border-color&colon;&num;e3dee1&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;"><div class&equals;"su-note-inner su-u-clearfix su-u-trim" style&equals;"background-color&colon;&num;fdf8fb&semi;border-color&colon;&num;ffffff&semi;color&colon;&num;090101&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;">&NewLine;<strong>名前の位置<&sol;strong> アバターの名前の位置を▼で選べます。<&sol;p>&NewLine;<p><strong>名前の色<&sol;strong>  アバターの名前の色を変更できます。<br &sol;>&NewLine;<&sol;div><&sol;div>&NewLine;<p><strong><span style&equals;"font-size&colon; 18pt&semi;">・ステータス<&sol;span><&sol;strong><br &sol;>&NewLine;<div class&equals;"su-note" style&equals;"border-color&colon;&num;e3dee1&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;"><div class&equals;"su-note-inner su-u-clearfix su-u-trim" style&equals;"background-color&colon;&num;fdf8fb&semi;border-color&colon;&num;ffffff&semi;color&colon;&num;090101&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;">&NewLine;<strong>コメント<&sol;strong>  ちょっとだけ吹き出しの横に文字を入れられます。<&sol;p>&NewLine;<p><strong>色<&sol;strong>  コメントの色の指定です。<&sol;p>&NewLine;<p>&star; いろいろいじってみました(^^;)<br &sol;>&NewLine;投稿画面で操作できるのが楽です。<br &sol;>&NewLine;<&sol;div><&sol;div>&NewLine;<p><strong><span style&equals;"font-size&colon; 18pt&semi;">・サウンド<&sol;span><&sol;strong><br &sol;>&NewLine;<div class&equals;"su-note" style&equals;"border-color&colon;&num;e3dee1&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;"><div class&equals;"su-note-inner su-u-clearfix su-u-trim" style&equals;"background-color&colon;&num;fdf8fb&semi;border-color&colon;&num;ffffff&semi;color&colon;&num;090101&semi;border-radius&colon;2px&semi;-moz-border-radius&colon;2px&semi;-webkit-border-radius&colon;2px&semi;">&NewLine;音の再生ができるようになります。<&sol;p>&NewLine;<p>選択ボタンでサウンドファイルを選びます。<&sol;p>&NewLine;<p>実際に投稿すると<strong>吹き出し横にスピーカーのアイコンが表示<&sol;strong>されます。<&sol;p>&NewLine;<p>そのアイコンを選択すると、音が再生されます。<&sol;p>&NewLine;<p>自動再生はしません。<&sol;div><&sol;div>&NewLine;<p>※サウンドファイルを入れてなかったので試してみることはできませんでした。<br &sol;>&NewLine;あとは通常通り吹き出しの「挿入」をクリックします。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9264 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb65&period;png" alt&equals;"" width&equals;"463" height&equals;"294" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>プレビューでみたところです。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9265 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;wb66&period;png" alt&equals;"" width&equals;"471" height&equals;"195" &sol;><&sol;p>&NewLine;<h3> <&sol;h3>&NewLine;&NewLine;<&excl;-- WP QUADS v&period; 2&period;0&period;92 Shortcode Ad -->&NewLine;<div class&equals;"quads-location quads-ad13010" id&equals;"quads-ad13010" style&equals;"">&NewLine;<&sol;div>&NewLine;&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h3>●WordPress5&period;0以前の場合<&sol;h3>&NewLine;<p>新バージョンをクラッシックで使った場合と同様ですが、少し操作してみます。<&sol;p>&NewLine;<p>・ダッシュボードから「投稿」の「新規追加」をクリックして、投稿画面を表示します。<&sol;p>&NewLine;<p>やはり慣れている画面は落ち着きます(^^;)<&sol;p>&NewLine;<p>投稿画面の操作ボタンの中に吹き出しのボタン-「Word balloon(吹き出し)」が増えています。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9267 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;ww1&period;png" alt&equals;"" width&equals;"550" height&equals;"377" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>吹きだしボタンをクリックします。<&sol;p>&NewLine;<p>図のようなポップアップ画面が表示されます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9266 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;ww2&period;png" alt&equals;"" width&equals;"504" height&equals;"255" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>この画面で吹き出しにいれるセリフを入力したり、キャラクターの位置を変えたりできます。<&sol;p>&NewLine;<p>とりあえず初期の画像のまま練習でセリフをいれてみます。<&sol;p>&NewLine;<p>吹きだしにセリフを記入とあります。<br &sol;>&NewLine;そこにカーソルを置いて入力します。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9268 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;ww3&period;png" alt&equals;"" width&equals;"505" height&equals;"208" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>入力したら「挿入」ボタンをクリックします。<&sol;p>&NewLine;<p>すると、記事のところに図のようなショートコードが表示されます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9269 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;ww4&period;png" alt&equals;"" width&equals;"502" height&equals;"268" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「プレビュー」で確認してみました。こんな感じですね。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9270 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;ww5&period;png" alt&equals;"" width&equals;"325" height&equals;"90" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>今度は右側にアバターを配置して、会話しているようにします。<&sol;p>&NewLine;<p>アバター(キャラ)の位置をかえるには<br &sol;>&NewLine;「←〇&srarr;」のように表示されている矢印をクリックして位置を変更します。<&sol;p>&NewLine;<p>左にアバターがいたので「&srarr;」をクリックします。<&sol;p>&NewLine;<p>アバターが右側に配置されました。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9271 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;ww6&period;png" alt&equals;"" width&equals;"502" height&equals;"204" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「挿入」をクリックするとショートコードが追加されました。<&sol;p>&NewLine;<p>プレビューで確認してみます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9272 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;ww7&period;png" alt&equals;"" width&equals;"458" height&equals;"142" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ステータスやいろいろ細かい設定もしてみました。<&sol;p>&NewLine;<p>ショートコードのセリフの部分を範囲指定して、投稿画面の操作ボタンでも装飾できました(^^)<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9273 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;ww8&period;png" alt&equals;"" width&equals;"508" height&equals;"329" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong><span style&equals;"font-size&colon; 18pt&semi;">&star;リストにできなかった画像を使う時は<&sol;span><&sol;strong><&sol;p>&NewLine;<p>とりあえず吹き出しのポップアップ画面でアバターをクリックして、メディアから画像を選びます。<&sol;p>&NewLine;<p><strong>名前が「名無しの権兵衛」<&sol;strong>になっているので右上のかんたんモードをクリックして解除します。<&sol;p>&NewLine;<p>下に設定画面がでてきたら<strong>「名前」の欄の「表示名」にアバター名を入れます<&sol;strong>。<&sol;p>&NewLine;<p>これで名前が表示されます。<&sol;p>&NewLine;<p><img class&equals;"size-full wp-image-9274 aligncenter" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2019&sol;07&sol;ww9&period;png" alt&equals;"" width&equals;"448" height&equals;"116" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ここまでやってみて、WordPress5&period;0画面的なものや操作は同じだとわかりました。<&sol;p>&NewLine;<p>本当はWordPress5&period;0以降のブロックモードでやってみなければというところですが・・・<&sol;p>&NewLine;<p>まだ使い慣れていないので、今回はここまでになりますm&lpar;&lowbar; &lowbar;&rpar;m<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>Speech Bubbleに代わるWord Balloon導入と使い方 さいごに<&sol;h2>&NewLine;<p>Speech Bubbleも慣れもあるしよいのですが簡単さからいうとWord Balloonの方が簡単なようです。<&sol;p>&NewLine;<p>いろいろ変更もできますね。<&sol;p>&NewLine;<p>アバターをFTPを使って登録しなくてよいというのも嬉しいです。<&sol;p>&NewLine;<p>アバターの向きも反転で変えられますし。<&sol;p>&NewLine;<p>Speech Bubbleがなくなってしまったので、このWord Balloonに変更して使ってみます。<&sol;p>&NewLine;<p>他のプラグインやらプラグインを使わない方法もチャンスがあれば試してみたいと思います。<&sol;p>&NewLine;<p>その時は、また記事にしますね(^^;)<&sol;p>&NewLine;<p>※<strong>Word Balloon PROとは<&sol;strong>Word Balloonの各種設定を可能にするアドオンプラグインのようです。<&sol;p>&NewLine;<p>・アバターの登録はデータベースの上限まで無制限<br &sol;>&NewLine;・吹き出し、アイコンの色をカスタマイズ<br &sol;>&NewLine;・各種設定の変更<br &sol;>&NewLine;・お気に入り設定を登録しカスタマイズ設定を簡単に呼び出し<br &sol;>&NewLine;・AMPページに対応<br &sol;>&NewLine;などができるようですね。<&sol;p>&NewLine;<p>Word Balloon PROはライセンスの有効期限が1年間のサブスクリプション方式です。<&sol;p>&NewLine;<p>有効期限内は全ての機能を自由に使えます。<&sol;p>&NewLine;<p>ライセンスが有効の間はWord Balloon PROのバージョンアップを無料で出来ます。<&sol;p>&NewLine;<p>1サイトの場合 &bsol;1&comma;280<br &sol;>&NewLine;2サイトの場合 &bsol;2&comma;160<br &sol;>&NewLine;3サイトの場合 &bsol;2&comma;940<br &sol;>&NewLine;となっていました。<&sol;p>&NewLine;<p>機能を心行くまで使い倒したいという方は追加アドオンプラグインの契約をするとよいかもしれません。<&sol;p>&NewLine;<p>Word Balloon PROの契約は ↓<&sol;p>&NewLine;<p>https&colon;&sol;&sol;back2nature&period;jp&sol;plugins&sol;word-balloon-pro<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>WordPressの他の記事は<a href&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;page-1472&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><strong> WordPress記事一覧<&sol;strong><&sol;a>から<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><a href&equals;"&sol;&sol;www&period;blogmura&period;com&sol;ranking&period;html"><img src&equals;"&sol;&sol;www&period;blogmura&period;com&sol;img&sol;www88&lowbar;31&period;gif" alt&equals;"" width&equals;"88" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a href&equals;"&sol;&sol;www&period;blogmura&period;com&sol;ranking&period;html">にほんブログ村<&sol;a><&sol;p>&NewLine;&NewLine;


Warning: Undefined array key "adsense_ad_type" in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/quick-adsense-reloaded/includes/amp-condition-display.php on line 298

Warning: Undefined array key "adsense_ad_type" in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/quick-adsense-reloaded/includes/amp-condition-display.php on line 298

Warning: Undefined array key "adsense_ad_type" in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/quick-adsense-reloaded/includes/amp-condition-display.php on line 298
モバイルバージョンを終了