SWELL専用ブロックである「ふきだしブロック」について説明します◎
「ふきだしブロック」とは下のようなブロックです。

任意のテキストを入力できます!
ブロックエディター前提での説明をしていきます。
Cocoonとの比較
機能の有無
Cocoonでも「ふきだし」ブロックがあります。
アイコン設定
Cocoonでは下のようにデフォルトでアイコンが入っていますが、SWELLではアイコンを各自で設定する必要があります。


ふきだしブロックのだしかた
ブロックを追加
「ブロックを追加」をクリックしてください。


ふきだしブロックの選択
SWELLブロック内の「ふきだし」を選択すれば完了です!


ブロックの確認
ふきだしブロックを選択すると、下のようなブロックが挿入されます。


もしくは「/balloon」と入力すれば、簡単に呼び出せることができ、時短になり便利です◎
アイコンの設定方法
アイコンの設定方法は2種類あります。
編集画面から画像をアップロードする方法とふきだしセットから呼び出す方法の2つです。
編集画面から画像をアップロードする方法
ふきだしブロックを選択すると右側の編集画面からアイコン画像をアップロードできます!
任意の画像をアップロードできれば完了です。


ふきだしセットから呼び出す方法
管理画面から「ふきだし」を選択すると、「ふきだしセット」を登録することができます。
ふきだしセットを登録した状態で、記事編集画面からふきだしブロックを選択すると、ワンクリックで設定したふきだしを反映することができます◎


関連記事ブロックのデザイン
ふきだしブロックを選択した状態で右側の編集画面からデザインを変更することが可能です。


具体例
デザインの具体例をご紹介します◎



ふきだしカラー「グリーン」を選択したよ!



ふきだしカラー「レッド」を選択したよ!



ふきだしカラー「ブルー」、ふきだしの形を「心の声」にしました!



ふきだしカラー「イエロー」、ふきだしの向きを「右」、ふきだしの線を「あり」に設定してみました!
さいごに
当ブログでは5 STEPでCocoonからSWELL移行検討の悩みを解決できるブログとなっています。
必要に応じて記事をご確認下さい◎
STEP0 コンセプト
当ブログのコンセプトを確認できます。
STEP1 比較する
CocoonとSWELLを比較していきます。
この記事を読むことでテーマ間の大きな違いを理解できるようになります。
STEP2 機能を知る
SWELLでできることを具体的に説明します。
Cocoonにも有る機能かも解説していきます。
STEP3 評判を知る
SWELLの評判についてまとめています。
評判を知ることで、テーマ移行するか否かの参考にしてみてください。
STEP4 移行する
SWELLへのテーマ移行手順を説明しています!
この手順を完了すれば、いよいよSWELLでのブログ生活がスタートします。
STEP5 整える
SWELLへ移行後にやっておきたい諸設定をまとめています!
最後まで読んでいただきありがとうございました◎
コメント