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

広告
ピグ
ピグ

吹き出し大好き!

ピグちゃんです!

ワードプレスの無料テーマ「cocoon」では、

吹き出しをカンタンに使う事ができます。

こぷー
こぷー

よくわかんねーづら。

教えてけろ。

今回は、

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

・ 吹き出しの貼り方

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

 

広告

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

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

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

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

新規追加をクリック。

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

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

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

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

 

タイトル

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

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

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

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

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

 

名前

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

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

ピグ
ピグ

ピグです!

 

アイコン画像

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

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

 

吹き出しスタイル

ピグ
ピグ

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

こぷー
こぷー

そのまんまずら。

 

人物位置

ピグ
ピグ

左か、

ピグ
ピグ

右か。

だよ!

こぷー
こぷー

左・・・・・。

おら、何を見てるだ?

 

アイコンスタイル

ピグ
ピグ

四角にもできます。

ぶひっ!

 

・吹き出しスタイル

・人物位置

・ アイコンスタイル

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

 

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

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

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

ブロックの挿入。

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

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

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

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

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

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

・ 背景の色

・ 文字の色

・ ボーダー(枠)の色

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

ピグ
ピグ

こんな風に!

こぷー
こぷー

派手過ぎんべぇ。

 

まとめ

ピグ
ピグ

一度作れば、

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

 

注意点としては、

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

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

 

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

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

ピグ
ピグ

気をつけましょう!

こぷー
こぷー

なんでどや顔?

 

以上です!

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