![](https://kiky0.com/wp-content/uploads/2024/03/3d8199d2f1e8955d8e0293c3694e7982-150x150.png)
SWELLのふきだしの使い方がわからいよ?
いきなり、無料のテーマやその他有料テーマからSWELLに変わると使用の違いにびっくりすると思います
使いやすいのですが、SWELLならではって部分がありますので今回は、SWELLのふきだしの使い方とふきだしセットの設定をまとめておきます
まだ、SWELLをダウンロードされてない方はこちらからダウンロードできます
ふきだしの使い方
ブログやアフィリエイトの世界では多いので使い方は基本的な覚えておきましょう
「ふきだし」と検索
![吹き出しと検索](https://kiky0.com/wp-content/uploads/2023/08/cd199f73a4a9fc38adca452c6778d478.png)
色の変え方
![ふきだし色の変え方](https://kiky0.com/wp-content/uploads/2023/08/bc918bf095907d7de6e9f8f95e856e85-1024x372.png)
![](https://image.moshimo.com/af-img/3130/000000053841.jpg)
ふきだし設定
![ふきだし設定一覧](https://kiky0.com/wp-content/uploads/2023/08/8c5fcc2d1bae910890de8538368b4c3e-369x1024.png)
この「ふきだし設定」はたくさんあるので、一気に解説していきたいと思います
ふきだしの形
こちらは発言です
こちらは心の声です
発言:一般的によく使うLINEなどにある機能
心の声:言葉では伝えにくい心の声を伝える機能
SWELLには、心の声という便利な機能があるので、僕もたまに使ってます
ふきだしの向き
ふきだしの向き(左)
ふきだしの向き(右)
LINEみたいに対話形式で会話のキャッチボールをして、相手に伝えたいですよね?
そんな時に便利なのがこのふきだしの向きです。「左」と「右」の移動に慣れておいた方が便利ですね
ふきだしの線
吹き出しの線(無)
吹き出しの線(有)
この機能は完全に好みになると思います
一般的には「吹き出しのの線(無)」を多く見かけますが、「吹き出しの線(有)」の方は、何か強調したい時に利用するのも良いかもしれないですね!
アイコンの丸枠
![](https://kiky0.com/wp-content/uploads/2023/08/440c87e833f7e3390c19e7c796308554.png)
ふきだしのアイコンの丸枠(無)
![](https://kiky0.com/wp-content/uploads/2023/08/440c87e833f7e3390c19e7c796308554.png)
ふきだしのアイコンの丸枠(有)
アイコンの丸枠を設置する前にアイコンの設置方法から最初に説明したいと思います
わかる方は飛ばしていただいて大丈夫です
アイコンの設置方法
![アイコンの選択](https://kiky0.com/wp-content/uploads/2023/08/1a41df20ee29c26aafb72c064c342eff.png)
ご存知ではない方もいると思いますので一応アイコンの設置方法を載せて書いておきます
ご参考にしてください
この手順で、ふきだしのアイコンは作成できます
アイコンの丸枠の作成方法
本題のアイコンの丸枠の作成方法ですが、こちらの手順もアイコンの作成ができれば簡単です
アイコンの下に名前を表示させる方法も付け加えて載せておきますので、こちらはお好みで作成してください
![アイコンの丸枠2](https://kiky0.com/wp-content/uploads/2023/08/b852623e66fb485051c1cca69239d974.png)
アイコンに丸枠を表示させる方法
【補足】アイコン下に表示する名前の設定
![](https://kiky0.com/wp-content/uploads/2023/08/440c87e833f7e3390c19e7c796308554.png)
完成図はこんな感じです
これでアイコンに丸枠を表示させる方法の説明は以上です
この章の最後に、「スマホでのテキストとアイコンの並び」の説明をしてこの章をしめたいと思います
スマホでのテキストとアイコンの並び
![スマホでのテキストとアイコンの並び](https://kiky0.com/wp-content/uploads/2023/08/5d3f18c02a0b0f64331e6c302bdb490a.png)
こちらはパソコンで作業中の画面だと、「縦並びの場合」と「横並びの場合」どちらも同じ横並びになります
「縦並び」の確認をしたいのであれば一度「モバイル」版にして確認しないと「縦並び」の確認ができません。
「スマホでのテキストとアイコンの並び」の設定方法
これで「ふきだし設定」の説明は以上です
次は「ふきだしセット」使い方を説明していきます。一度登録しておくと便利なので、こちらも合わせて覚えておくといいですよ!
ふきだしセットの登録方法
この章では、SWELLのふきだしセットの設定方法と使い方を解説していきます
![](https://kiky0.com/wp-content/uploads/2024/03/3d8199d2f1e8955d8e0293c3694e7982-150x150.png)
なんだか面倒臭そう
僕も最初はそんなイメージでした。けれど、一度登録しておけば簡単に呼び出せるので、「ふきだしセット」も覚えてください
では、早速初めていきます
手順1:「ふきだし」をクリック
![ふきだしセットの作成手順1](https://kiky0.com/wp-content/uploads/2023/08/674bc1aa09262ceb97e27ca3cd99b347.png)
編集画面の左側にある「ふきだし」をクリック
手順2:「新規ふきだし追加」をクリック
![ふきだしセットの作成手順2](https://kiky0.com/wp-content/uploads/2023/08/f95173600383f787a0d6f1e35e3c75e6.png)
ふきだしのクリックが終わると、「ふきだしセット一覧」が左上に表示されるので、「新規ふきだし追加」をクリック
手順3:ふきだしセットを新規登録(画面)
![ふきだしセットの作成手順3](https://kiky0.com/wp-content/uploads/2023/08/65e341c688421809d32717f8df08a10f-1-1024x630.png)
「新規ふきだし追加」をクリックすると「ふきだしセットを新規登録」の画面が表示されたと思います。こちらの画面の内容を説明していきます
①ふきだしセットのタイトルを入力:あなたが管理しやすいタイトルを入力
②アイコン:お好きなアイコンを選択
③アイコン下の名前:書かなくてもOK
④「アイコンの丸枠・形・向き・線・色」:お好きなものを選んでください
⑤テキストとアイコンの並び:基本的にはチェックを入れることをおすすめします
⑥「登録」ボタンをクリックして完了です
今回ついでに僕が作成した「ふきだしセットの新規登録画面」をお見せします。僕はこの様に作成してます
![ふきだしセットの作成手順4](https://kiky0.com/wp-content/uploads/2023/08/c5c6ef9aaf38267250dc3f971f7a9a41-1024x668.png)
こんな感じでふきだしセットを作成してます
僕が気をつけてることは向きがどちら向きなのかをタイトルに記入することです
それと、テキストアイコンの並びにチェックを入れてます
理由は、このご時世はほとんどがスマホで見る時代なので、いかにユーザーが見やすくなるのかを気をつけてチェックをしてます
これで、この章は以上となりますが、次の画面では「ふきだしセットを編集」がでてくると思います
そして、「更新・複製・削除」のボタンがあると思います。こちらが始めのうちはわからないと思います
なので、次の章で「更新・複製・削除」について記事を書いておきますので、わからない方は参考にして下さい
ふきだしセットを編集
![ふきだしセットの作成手順5](https://kiky0.com/wp-content/uploads/2023/08/41e160e47a05f73e3d5594df47a7283d.png)
完了ボタンを押すと、「ふきだしセットを編集」が左上に出てくると思います
画面左から「更新」「複製」「削除」のボタンがあります。このボタンはどういう意味なのかを今から解説していきます
※「削除」はそのままの意味なので説明は省略致します
更新とは
![](https://kiky0.com/wp-content/uploads/2023/08/440c87e833f7e3390c19e7c796308554-150x150.png)
・テキストの色を緑色にしてよ〜
・名前を消してよ〜
このように作成したふきだしセットをやり直したい時に使うのが「更新」です
複製とは
![](https://kiky0.com/wp-content/uploads/2023/08/440c87e833f7e3390c19e7c796308554-150x150.png)
・右側の私も作ってよ〜
先ほどは左側しか作成できてなかったですが、両方とも作成しておくと便利です!
なので、僕は「右」「左」両方とも同じアイコンで作成するようにしてます
この章の説明は以上となります
最後に作成した「ふきだしセット」を呼出す方法を説明します。今回は終わりにします!
ふきだしセットの呼び出す方法
ここまで「ふきだしセットの作成方法」を解説してきましたが、作成した「ふきだしセットの呼び出す方法」を説明して終わりにしたいと思います
手順1:「ふきだし」を検索
まずは、いつも通り「ふきだし」を呼び出してください
手順2:「ふきだしセット」の確認
![ふきだしセットの作成手順6](https://kiky0.com/wp-content/uploads/2023/08/b58c313b32f76688339ced8e3dc5c536.png)
![](https://kiky0.com/wp-content/uploads/2023/08/440c87e833f7e3390c19e7c796308554-150x150.png)
お疲れ様!これで完了だよ!
まとめ
最後まで読んで頂きありがとうございました
以上でSWELLのふきだしの使い方とふきだしセットの設定方法の解説をしてきました
長くなってしまいましたが、SWELLのふきだし機能は便利なのでぜひ、一度使ってみてほしいです
![](https://image.moshimo.com/af-img/3130/000000053841.jpg)
コメント
コメント一覧 (1件)
[…] Kikyブログ 【SWELL】ふきだしの使い方とふきだしセットの設定方法 SWELLのふきだしの使い方とふきだしセットの設定をまとめておきます。ブログやアフィリエイトの世界では利用頻 […]