SWELLのふきだし機能

こんな風に、ブログにふきだしで会話をするように表現すると、分かりやすくなります。

SWELLには、ふきだし機能があるので記事の中に会話を成立できます。

使い方や注意点など、詳しく紹介するので使いながら覚えていきましょう。

SWELLのふきだしとは　

当ブログ（935style）が使っているWordPressテーマ「SWELL」では、ふきだし機能が搭載されています。

SWELLのふきだし機能の詳しい使い方をまとめましたので、参考にしてください。

WordPressテーマ「SWELL」については、こちらでご紹介しています。

★

SWELLのふきだしブロック

SWELLの「ふきだしブロック」は、投稿画面でSWELL専用ブロックで表示を確認しながら作ります。

ふきだしのアイコンや形などを一つずつ選びならが作るので、同じふきだしを使う場合でも一つずつ表示を確認しながら作る必要があります。　

SWELLのふきだしセット

SWELLのふきだし機能の２つめ「ふきだしセット」は、アイコン画像や形、色など好きなパターンをセットとして登録します。

たとえば、自分のアバター画像のふきだしなど、よく使うふきだしセットを登録すれば簡単に呼び出せます。

「ふきだしブロック」でも「ふきだしセット」でも、表示される内容に違いがありません。

SWELLのふきだしセットの新規登録方法

ふきだしセットは、「ふきだしセット一覧」から新規ふきだし追加を作っていきます。

ふきだしのタイトル入力

ふきだしのタイトルは、「ふきだしセット一覧」画面で表示されます。

タイトル名は、すでに登録しているタイトル名と同じタイトルを登録することもできます。

ふきだしのアイコン

ふきだしのアイコン画像をを選びます。

①プレビュー画像をクリックします。

②「メディアの選択またはアップロード」から画像を選びます。

③［選択］をクリックします。

SWELL公式サイトでは、アイコン画像の推奨サイズ指定はありませんが、『150～200px』の画像が良いでしょう。
理由は、画像サイズが小さすぎるとアイコンが粗くなり、大きすぎると表示スピードが遅くなる原因になります。

ふきだしのアイコン名

アイコン画像の下に表示されるアイコン名です。※空白でも登録できます。

ふきだしのアイコンの丸枠

アイコン画像を「枠なし」「枠あり」のどちらかのデザインで表示します。

ふきだしの向き

ふきだしを左から出るようにするか、右から出るようにするか選びます。

ふきだしの形

ふきだしの形を「発言」「心の声」から選みます。

ふきだしの線

ふきだしの枠線を「なし」「あり」を選びます。

ふきだしの色

5色からふきだしの色を選びます。

ふきだしの色とふきだしの線は、SWELL設定の「エディター設定」から編集できます。

★

テキストとアイコンの並び

スマホでふきだしをどのような並びで表示するかの設定です。

SWELLのふきだしの編集方法

作成したふきだしセットを編集する方法です。

ふきだしの編集方法

作成したふきだしセットの内容を修正する場合の方法です。

ふきだしセット更新後の投稿画面での反映

ふきだしセットの内容をあとから変更すると、どのように投稿画面に反映するのか確認しました。

まずは、ふきだしセットの変更前と変更後の違いを確認してください。
変更点：ふきだしの向きを「左」⇒「右」に変更

ここから、次の２パターンのときの投稿画面でどのように反映するか確認してください。

パターン１：ふきだしセットから呼び出したまま使ってた場合⇒更新内容が反映されます。

パターン２：ふきだしセットから呼び出した後に個別修正（ふきだしの線を「あり」）した場合　　
⇒個別設定した以外の内容が反映されます。

パターン１とパターン２の違いから、個別設定した以外の内容が反映されます。

ふきだしセットのショートコードの表示

［/］をクリックすると、ショートコードが表示されます。元に戻すには、［×］をクリックします。

投稿画面にショートコードを入力してもふきだしを呼び出せます。

ふきだしセットの複製登録

ふきだしの複製を登録することができます。

ふきだしの削除方法

ふきだしセットを削除する方法です。

ふきだしセット削除後の反映

投稿画面で使っているふきだしセットを削除した場合、投稿画面を開き直すと次のようなエラー表示になります。

投稿画面でエラー発生　ふきだしセットのデータは破損しています。とエラー表示されます。

削除したふきだしセットの復旧方法

削除したふきだしセットを復旧すれば、投稿画面も元のふきだしが表示されます。

ふきだしセットの並べ替え

ふきだしセットを一覧から並び替えをします。

ふきだしセット一覧の左上から右下の順序で、投稿画面に表示されます。
よく使うふきだしセットは、左上付近まで移動することをおすすめします。

SWELLふきだしの使い方

SWELLを使ってふきだしを投稿画面に呼び出すには、「ふきだしセット」と「ふきだしブロック」の2種類があります。

ひとつずつ使い方を確認しましょう。

「ふきだしセット」編

ふきだしの詳細設定を個別変更する方法

その投稿画面のふきだしセットのみを変更したい場合は、左側ー設定欄から変更できます。

ふきだしセットの内容は更新されません。

複数のふきだしをグループ化して装飾もできる

記事内での複製も簡単

投稿画面から複製を作成すると、ふきだしのテキストもあわせて複製します。

「ふきだしブロック」編

SWELLのふきだしは、SWELL専用ブロックからひとつずつ選ぶ「ふきだしブロック」という方法でも入力できます。

ふきだしの有効的な使い方ーみんなはどうやって使っているの？－

SWELLのふきだし機能を使えるようになったはずですが、どうやってふきだしを使っているのか知りたくないですか。

みんながSWELLふきだしをどのようにして使っているのか、実例を調べてみました。

読者さんの悩みを伝える

読者さんの悩みや気持ちを代弁して表現するときに使います。

Aさんはどんなことに悩んでいるのか。

Bさんはどんなことに困っているのか。

など、人それぞれ思っていることが違うことを分かりやすく表現するのに使います。

自分の考えや気持ちを伝える

読者さんの悩みのふきだしに対して、ブログ運営をしているあなたがそれに回答する形式でふきだしを使って表現するのに使います。

読者さんと自分の会話形式で伝える

上記の２つを組み合わせて、会話形式で表現するときにつかいます。

ブログは記事を読んでもらうため、読者さんとあなたが直接会話しません。

でも、ふきだしの会話形式にすることで、親近感をもってもらえることがあります。

ふきだしを使うときの注意点

ふきだしの使い方によっては、あよっては、あ見にくくなることがあるので、注意している点をいくつかまとめました。

ふきだしの内容文は長くしない　　

ふきだし内の文章を長くしてしまうと、読みにくくなります。

長文だと、読む気になりませんよね・・・（苦）

さらに、スマホでは1行の文字数がさらぬ少なくなるので、ふきだし内の文章は長くならないようにしましょう。

ふきだしを多く使わない　

ふきだしを使った会話形式で記事を書いたり、記事の文章よりもふきだしが目立ってしまうと、読みにくくなります。

ふきだしは、ここぞ！という時に使うのが効果的です。　

ふきだしアイコンは綺麗な画像を使う

ふきだしの画像サイズでも紹介しましたが、画像サイズが小さいとアイコンが粗く見えます。

適切な画像サイズを使うことで、きれいなアイコン画像にしましょう。

SWELLのふきだしのまとめ

最後に、SWELLのふきだしについておさらいしておきましょう。

SWELLのふきだしには、「ふきだしブロック」と「ふきだしセット」があります。

基本的なふきだしセットをいくつかパターンとして登録しておくことで、簡単にふきだしを表示できちゃいます。

SWELLのふきだしは、他のテーマよりも簡単に入力ができ、見た目もオシャレなので使い過ぎに注意しましょう。

まだ、SWELLを使ったことがないけど、使ってみたいと思った人は、ぜひSWELLを使ってみてくださいね。