登場人物(アバター)の位置変更

アバターの位置変更

登場人物(アバター)の位置変更をしてみましょう。

投稿画面でWord Balloonのボタンを押して
Word Balloonの専用画面を表示させましょう。

ボタンの位置が分からない場合はこの記事で確認してください。

使ってみようWord BalloonはWordPress標準機能でもある、ショートコードと呼ばれる機能を利用します。 ショートコードはこのような文体の物です。 吹き出しです。] カッコで囲まれた文体ですが、こ…
続きを読む
 docs.word-balloon.com
使ってみよう

位置の確認

表示が出来たら①の部分を確認してください。

このアバター欄内にある『位置』が場所の設定を変えるポイントです。・
現在は『←』が選択されています。
そのためアバターは吹き出しよりも左に表示されています。

これを『右』に変えてみましょう。

右に変更してみよう

変更方法は、
『→』と書かれた部分を選択しましょう。

アバターの位置が吹き出しよりも右に移動しましたね。

ではセリフを入力して

挿入してみましょう。

こんな感じで記事にショートコードが挿入されていれば
実際の投稿画面で表示されます。

右側からこんにちは。

↑これは実際に記事内に挿入されたショートコードが変換されて
表示されています。

この位置の設定を変える事によって、
アバターの位置が容易に変更可能となります。

会話しているようにセリフを表示する

では先ほど位置状態が右でセリフを入れたので、
位置状態を左にして吹き出しを入れてみましょう。

位置を先ほど右に変更したので位置が右のままです。
また左にする場合は『←』を選択すれば、
アバターは左に移動します。

位置が左にした状態でセリフを入力して挿入してみましょう。

先ほどアバターの位置が『右』の状態で入れたショートコードに続いて
『左』にした状態のショートコードを挿入してみました。
そうすると↓こんな感じで表示されます。

右側からこんにちは。
左側からこんにちは。

左と右とそれぞれから登場人物が出てきて
会話しているように見えますね。

中央寄せ

以上のように左と右に位置変更が出来ます。
さらにアバターと吹き出しの中央寄せも可能です。

メニューアイコンより、吹き出しを選択します。
設定項目内から『中央』を選択します。
これでセンター寄せになります。

真ん中からこんにちは。

ブロックエディタ(Gutenberg)の場合

Word Balloonのブロックを追加後、
基本設定内にアバターの位置変更があります。

中央揃えは、吹き出しの項目内に用意しています。

それぞれを操作すると変更されます。

以上アバターの位置変更方法でした。

Word Balloonクイックマニュアル ここではクイックマニュアルとしてザックリした内容です^^; より詳しい使い方は次の項目になりますのでスクロールして移動してください。 ビジュアルエディタ、テキ…
続きを読む
 docs.word-balloon.com
Word Balloon
Word Balloon