このメモは,こんな方にお役立ていただけるかもしれません。
ブログ記事でよく見かける吹き出しってどうやって作るんだろう。
できるだけ簡単に作りたいなぁ…
このメモを書いている,私ヒデメモは,WordPressと 有料のWordPressテーマ「SWELL」を使ってサイトを作成しています。
HTMLやCSSといったコンピュータ言語の知識が無くても,快適にサイトを作れているのは「SWELL」のおかげです。
感謝!
吹き出しを効果的に使うと,内容をまとめたりポイントを際立たせるのに役立ちますよね。
でも,プラグインを別途で買ったりしなきゃいけないの?
「SWELL」ならその必要はありません。
標準の機能で簡単に吹き出しが作れます!
そこで,このメモでは「SWELL」の「ブロックエディター」を使った吹き出しの作り方を記しておきます。

このメモを読めば,こんなに簡単なの!と驚くかも(笑)
どうぞ,最後までお読みください。
吹き出しの作り方は2つ


吹き出しの作りは2つあります。
- 吹き出しをその都度作る
- 吹き出しを登録しておいて呼び出す
1つずつ解説していきますね。
1.吹き出しをその都度作る
まずは,その都度作る方法から解説します。
具体的には,「SWELLブロック」タブの中から「ふきだし」ブロックを選択して作ります。
ブロックエディタ―で記事を作成する画面を表示して…
「投稿」>「新規作成」




すると,下記のように吹き出しが表示されます!


こんなに簡単なの!?
そうなんです!あとは設定しましょう。
ふきだし設定
ここで,画面の右側をご覧ください。
吹き出しの設定画面がありますよね。


この「ふきだし設定」画面で,吹き出しの形,出す方向,線で囲むかどうか,カラーなどを設定できます。
でも吹き出しだけだと,なんだか味気ないね…
そこで,アイコンの設定です。
アイコン設定
今度は,ふきだし設定の下側をご覧ください。
アイコの設定画面がありますよね。


この「アイコン設定」画面で,アイコンに設定したい画像の選択,アイコンの丸枠の有無,アイコンの下に表示する名前などを設定できます。
簡単でいいね!
でも,吹き出しを作るたびに設定するのは面倒かも…
確かにそうですね。
でもご安心ください!
あらかじめいくつかの吹き出しを登録しておいて,呼び出して使うこともできます。
2.吹き出しを登録しておいて呼び出す
よく使いそうな吹き出しは,あらかじめ登録しておきましょう。
使いたいときにそれを呼び出せば,記事をサクサク作成することができます!
具体的な登録方法は以下の通りです…




ここに,「吹き出し」につけるタイトルを入力します。


「吹き出し」で使いたい画像を選択します。
あらかじめ,ご自身のPCなどに使いたい画像を用意しておいてくださいね。


アイコン画像のキャラクターに名前をつけましょう。




【左】「なし」を選択【右】「あり」を選択


【左】「発言」を選択【右】「心の声」を選択


【左】「左」を選択【右】「右」を選択


【左】「なし」を選択【右】「あり」を選択


【左】「ブルー」を選択【右】「レッド」を選択
いかがでしょうか。
吹き出しの登録,割と簡単だと思いませんか。
一度登録しておけば,ふきだしブロックを選択した時に,下の画像のように選択して呼び出せるようになります。


記事をサクサク作成するために,よく使いそうな吹き出しは事前に登録しておきましょう。
ほんの数クリックで吹き出しが作れます!
まとめ:SWELLなら吹き出しが簡単に作れる!


今回は,「SWELL」での吹き出しの作り方をご紹介しました。
「SWELL」なら,吹き出しが簡単に作れて,記事の作成がサクサク進みます!
このメモがあなたの参考になれば嬉しいです。



最後までお読みいただきありがとうございました。
使いやすいブロックエディタ―と吹き出し機能のおかげで,記事作成を楽しめるようになりました。
まだSWELLを使ったことがない方は,検討する価値ありです。