Font Awesome
ワードプレス

ワードプレス 簡単!オリジナルの吹き出しを作成 記事に吹き出しを入れる方法 Cocoon

ワードプレス
この記事は約3分で読めます。
記事を書いた人
プロフィールナナ
ねこ好きの40代専業主婦
【保有資格】FP3級、簿記2級、宅建、登録販売者

ブログの記事を書いていると、会話形式の文章に、吹き出しを入れたいと思うことがありますよね。

オリジナルの吹き出しをあらかじめ作成しておくと、次からは吹き出しを選ぶだけで、簡単に記事に吹き出しを入れることができます。

今回はワードプレスCocoonでオリジナルの吹き出しを作成する方法と、記事内に吹き出しを入れる方法を紹介します。

オリジナルの吹き出しを作成・記事に入れる方法

吹き出しを作成する前に、吹き出し用のアイコンを用意しておきましょう。

吹き出しの作成

それではまず吹き出しを作成します。

ナナ
ナナ

自分の吹き出しを作成する方法を説明しますね。

ワードプレスのダッシュボード画面から、「Cocoon設定」→「吹き出し」をクリックします。

Cocoonにはあらかじめ10種類の吹き出しが用意されています。

使わない吹き出しは、顔アイコンの横にある、「削除」をクリックすると、削除できます。

新しい吹き出しを作成する場合は、一番上にある、「新規作成」をクリックします。

吹き出しの設定画面になるので、以下のように入力します。

  • タイトルは、分かりやすく「自分」と入力
  • 名前は、自分の名前またはペンネーム※アイコンの下に名前を表示する場合のみ
  • アイコンの設定は、「選択」→先ほど用意した画像を選ぶ
  • 吹き出しスタイル、人物位置、アイコンスタイルは好きなものを選ぶ

内容を入力したら、一番左下にある、「保存」をクリックします。

これで自分の吹き出しが作成できました。

ナナ
ナナ

上記の方法で、自分以外のオリジナルアイコンがたくさん作れます!

簡単ですね。オリジナルのアイコンも作ってみようかな。

このように左側と右側に吹き出しを入れると、会話風になります。

次は投稿本文中に吹き出しをつけます。

投稿本文中に自分の吹き出しをつける

ダッシュボード画面から、「投稿」→「投稿一覧」または、「新規追加」をクリックします。

投稿済みの記事に吹き出しをつける場合は、「投稿一覧」選ぶ

新規に記事を作成する場合は、「新規追加」を選ぶ

ナナ
ナナ

新規追加の場合を説明しますね。

吹き出しをつけたい部分にカーソルを持って行き、上側の「+」をクリックします。

ブロックの中から、「吹き出し」を選びます。

本文中に吹き出しが表示されるので、右側のメニューから、「ブロック」をクリックします。

メニューが表示されていない場合は、黒い歯車のボタンをクリックすると表示されます。

スタイル設定の「人物」から先ほど設定した、「自分」の吹き出しを選びます。

これで投稿本文中に、自分の吹き出しが入りました。

吹き出しの色や文字の色を変えたい場合は、吹き出し色設定で変更できます。

まとめ

今回はオリジナルの吹き出しを作成する方法と、記事の中に吹き出しを入れる方法を紹介しました。

記事に吹き出しがあると、本文が読みやすくなるメリットがあります。

今回の記事を参考にオリジナルの吹き出しを作ってみてください。

この記事を書いた人
ナナ

このサイトを運営しているナナです。

ねこ・株式投資・節約・資格取得・音楽鑑賞・断捨離が好きです。
何でもやりたいことはやってみる!
というチャレンジ精神でブログを始めました。

1度きりの人生楽しまなきゃ損!がモットーです。

ナナをフォローする
ナナをフォローする

ねこのライセンス
error:Content is protected !!
タイトルとURLをコピーしました