【超初心者・これから始める人用】cocoonで吹き出しの作り方。わかりやすく説明します。

Cocoon設定方法
  • CocoonLv1のSASUKE父です(自分で勝手にCocoonの記事を核ごとにLvUpさせてます。まだ2記事目です)。SASUKE母に、会話をしているような吹き出しを作りたいと言われました。超初心者の私はいろいろ検索しましたが、なかなかうまくいかずようやく出来るようになりました。私レベルの方にも出来るように説明したいと思います。

過去のCocoonの設定方法の記事の一覧はこちらです。よろしければご覧ください。

【わかりやすく解説】word pressのCocoonで迷って調べた物の一覧。

スポンサーリンク

吹き出しってどんなの?

SASUKE母
SASUKE母

吹き出し作って~

 

SASUKE父
SASUKE父
・・・勉強します、、、。

こんなのです。

サイトを探してもLv1の私には、理解できるサイトがなくて目次同様かなり苦戦しました。

ただ、わかってしまえば目次並みに簡単ですので、皆さんも是非挑戦してみてください。

設定方法

投稿画面の設定を変えます。

色々調べた結果、Cocoonをテーマに設定した場合の初期設定の投稿画面では吹き出しは作れないようです。(間違っていたらすみません。)

どうも、以前の投稿画面になるようCocoonの設定をする必要があるようです。

まずは左側のダッシュボードのCocoon設定からCocoon設定をクリックして、エディターをクリックしてGutenbergエディターを有効にするのチェックを外します。

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

最初の段階で男女5名ずつの顔が入っているので、それでよければ画像を登録する必要はありません。

ここでは一通り説明します。

まず、ダッシュボード(左側)のCocoon設定から吹き出しをクリックして、上の方にある新規登録をクリックして下さい。

 

吹き出しの設定は下の画像を参考に入力してください。終わったら保存をクリックして下さい。

最初からある顔で良ければ新規で追加する必要はありません。以下の画像のように名前を変えたい画像の編集をクリックして、名前を変えたり吹き出しの種類や画像の左右の変更をして下さい。

 

これで吹き出しを作るための設定は完了です!(^^)!

吹き出しを作りましょう。

設定は終わったので実際に吹き出しを作ってみます。

ダッシュボードの投稿から新規投稿をクリックして下さい。

投稿作成画面がいつもと違うと思います。

会話調になるように文章を入力してみてください。

そして、下の画像のように、吹き出しにしたい文字を選択してから、吹き出しをクリックして、吹き出しにしたい名前をクリックして下さい。

無事に吹き出しが出来ました!

私はこれが出来るまでに、かなり調べて挫折しそうになりましたが、何とか吹き出しを作ることに成功しました!

皆さんも成功していると良いですね!

削除方法は?

吹き出しを削除しようとした場合、画像や文字は削除できますが、枠だけは削除することが出来ません。

 

吹き出しの削除方法についてはまだ、理解できていないので、もっと良いやり方があるかもしれませんが、Lv1のSASUKE父流のやり方を紹介します。

削除しても枠が残るので削除したい吹き出しはそのままでも大丈夫です。

右上のテキストをクリックして下さい。

ずらずらと文字が出てくるので、吹き出しのあるあたりまで移動してください。(吹き出しの文字があるのが目印です。

その前後にある上が<div~

下が</div>のところまでを選択して削除してください。

無事に吹き出しを消すことが出来ました(^^♪

まとめ

吹き出しを作ることが出来ましたが、まだまだ他のやり方もありそうなので、勉強して随時アップしていきたいと思います。

SASUKE父はLvが2に上がりました!

この調子でどんどんword pressやCocoonを覚えていこうと思います!

私と同じ超初心者の皆様!

一緒に頑張りましょう(^^♪