【cocoon】吹き出しの使い方。ブロックエディターでのやり方を紹介します。

広告
広告
 
こぷー
こぷー

「吹き出し」の使い方、

よくわかんねーづら。

教えてけろ。

ピグ
ピグ

ぶひっ!

 

今回は、

・ オリジナルの画像を使った吹き出しの作り方

・ 吹き出しの貼り方

を紹介したいと思います。

 

広告
広告

オリジナルの吹き出しを作る

cocoon設定から吹き出しを選択

「cocoon」→「吹き出し」をクリック。

吹き出しの新しく作る

新規追加をクリック。

吹き出しの作成画面

新しい吹き出しの設定画面です。

全て入力できたら一番下の「保存」をクリック。

以下でそれぞれの項目の解説をします。

 

タイトル

吹き出し選択の為の名称

吹き出しの名前のことです。

実際の吹き出しには表示されません。

「スタイル設定」の「人物」の欄に表示されます。(後述)

自分の使いたい吹き出しを見つけるために、吹き出しに名前をつけておきます。

 

名前

吹き出しのキャラクターの名前です。

キャラクターの下に実際に表示される名前です。

ピグ
ピグ

ピグです!

 

アイコン画像

吹き出しの画像を設定します。

こちらで紹介しています↓

 

吹き出しスタイル

ピグ
ピグ

吹き出しのスタイルを選びます。

こぷー
こぷー

そのまんまずら。

 

人物位置

ピグ
ピグ

左か、

ピグ
ピグ

右か。

だよ!

こぷー
こぷー

左・・・・・。

おら、何を見てるだ?

 

アイコンスタイル

ピグ
ピグ

四角にもできます。

ぶひっ!

 

・吹き出しスタイル

・人物位置

・ アイコンスタイル

これらは、吹き出しを貼り付けてからでも変更できます。

 

投稿の編集で吹き出しブロックを出す。

設定が完了すれば、オリジナルの吹き出しを使うことができます。

Cocoonブロックの選択
【cocoon】吹き出しの使い方。ブロックエディターでのやり方を紹介します。

ブロックの挿入。

「cocoonブロック」の「吹き出し」をクリック。

使用する吹き出しの選択

右側のブロックの設定から、

「人物」枠をクリック。自分が作った吹き出しを選択します。

「人物」には、「タイトル」で付けた名前が表示されています。

吹き出しの色の設定

・ 背景の色

・ 文字の色

・ ボーダー(枠)の色

を変えることができます。

ピグ
ピグ

こんな風に!

こぷー
こぷー

派手過ぎんべぇ。

 

まとめ

ピグ
ピグ

一度作れば、

あとはカンタンに吹き出しが使えます!

 

注意点としては、

オリジナルの吹き出しを使い始めたら、

cocoon設定での変更はしない方が良さそうです。

 

自分は以前、間違えて吹き出しの画像を消したことがあります。

そしたら全ての記事の吹き出しがおかしくなりました。

ピグ
ピグ

気をつけましょう!

 

以上です!

この記事は役にたちましたか?

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