静電気にっき

お金・美容・教育・健康

【Cocoon】ブロックエディタで吹き出しを入れる方法【超初心者】

静電気
静電気

28記事目にして、
やっと吹き出しが使えるようになりました!

上位で表示されるブログには、よく吹き出しが使われていますよね!

私も使いたくなって「Cocoon 吹き出し やり方」で検索しても、
どうも「クラシックエディタ」での説明ばかりヒットして困りました。

この記事では、ブロックエディタ(Gutenberg)でブログに吹き出しを入れる方法
解説しています!

吹き出しのもとを作ろう

Cocoon設定を開く

管理画面に行き、Cocoon設定をクリック。

すると、吹き出しという項目が現れるのでこちらをクリック。

吹き出しの設定

「新規追加」を押します。

吹き出しの設定を入力

入力例です。

たくさん項目がありますが、
とりあえず設定するのはこの3つ。

「タイトル」は、呼び出すときにわかりやすい名前をつけます。例:自分(喜び)
「名前」は、ブログに表示させたい名前を入れます。例:静電気
「アイコン画像」は、画像を選択して入れます。

これでひとまず、吹き出しのもとが作れました。

イコン画像は何を使えばいい?

私の場合は、スマホの「ibis paint X」というアプリを使って
自分で描いた絵を使っています。

指で描いたので、なんとも言えないシュールさを醸し出しています。

もし、もっとプロっぽいイラストがいい、自分で描くのはちょっと…
ということであれば、

  • ココナラ で依頼する
  • いらすとや等、無料で商用利用できる
    イラストを使う

このどちらかがおすすめ。

ココナラ というのは、イラストが得意な方が
個人からのイラスト作成の依頼にリーズナブルな価格で
応えてくれるサービスです。

私も、ブログの収益でキレイなイラストを
頼んでみたいと思います!
(道のりは長い…)

作った吹き出しを使おう

以下では、実際にブログに吹き出しをのせる方法を解説しています。

四角い+を押す

いつもブロックを追加するときのように、四角い+マークを押します。

検索欄で吹き出し」と検索

検索欄で吹き出し」と検索します。

吹き出し」を押すと…

現れた「吹き出し」という項目を押すと…

デフォルト
デフォルト

俺、登場!

デフォルトの男性が出てきます。

画面右側から吹き出しを呼び出す

  1. 画面右上の歯車マークを押す
  2. ブロックの設定を開く
  3. 「人物」を選ぶ
静電気
静電気

やっと私が出られました!

まとめ

の2ステップで解説しました。

ブロックエディタはちょっと一癖ありますね
(クラシックエディタ、使ったことないんですけどね^^;)

一つずつ学んで、プロっぽいブログに近づけていきましょう!