この記事には広告が含まれています。

SWELL:吹き出し機能の使い方と出来ること

SWELL:吹き出し機能の使い方と出来ること

この記事ではSWELL(スウェル)の吹き出しブロックの使い方・できることについて初心者向けに解説しています。

この記事がお勧めな方

  • SWELLの吹き出し機能の使い方を知りたい方
  • SWELLの吹き出し機能で出来ることを知りたい方
  • SWELLの吹き出しがどんな感じか知りたい方
パパくま
パパくま

SWELLは簡単に「吹き出し」を作成できます。

ブロックツールの「ふきだし」を選択すればOKです。

SWELL:ふきだし機能

SWELL:ふきだしブロックで出来ること

SWELL:ふきだし機能(設定)
① ふきだしセットカスタマイズした吹き出しを呼び出し可能
② カラー設定吹き出し部分の色を変更可能
③ ふきだし設定吹き出しの向きなど詳細を設定可能
④ デバイス制限スマホ・PCで表示制限を設定可能
⑤ ブロック下の余白量ブロック下の余白量を設定可能

① ふきだしセット

カスタマイズした吹き出しを呼び出すことができます。

吹き出しのカスタマイズと登録はWordPressメニューの「ふきだし」→「ふきだしセットの新規登録」で行います。

吹き出しに利用するアイコンや吹き出しの色など、各種設定して登録します。

SWELL:ふきだしセット

ふきだしセット一覧に登録した吹き出しが表示されます。

SWELL:ふきだしセット

登録が完了すると「ふきだしセット」に登録した吹き出しが表示され、簡単に呼び出すことができます。

SWELL:ふきだしセット
ハムタ
ハムタ

吹き出しに利用するアイコン画像はどうすればいいの?

プロフィール用画像を用意する方法

プロフィール用画像を用意するには次のような方法があります。

  • 無料のイラスト素材サイトを利用する
  • 有料でオリジナルアイコン画像を作成してもらう
  • 自分で作成する

① 無料のイラスト素材サイトを利用する

プロフィール用画像を用意する一番簡単な方法は無料のイラスト素材サイトなどを利用することです。

お勧めの無料イラスト素材サイトをご紹介します。

② 有料でオリジナルアイコン画像を作成してもらう

また、有料になってしまいますがオリジナルのアイコン画像を作成してもらうのもお勧めです。

私の場合、オリジナルのアイコン画像というだけでブログ作成のモチベーションアップにも繋がっています。

オリジナルのアイコン画像は「ココナラ」でイラストレーターさんに依頼して作成してもらうのがお勧めです。

私も「ココナラ」でプロフィール用のアイコン画像を作成してもらいました。

「ココナラ」でアイコンを作成してもらう流れについてはこちらの記事をご覧になってください。

関連記事

③ 自分で作成する

イラストレーターなどを使える方なら自分でアイコン画像を作成することも可能です。

また、現在ではAIによる画像作成がとても簡単にできる時代になりました。

AI画像作成サイトやアプリなどで自分のアイコンを作成することも可能ですが、AIによる画像作成に関しては著作権の問題で今後どのような扱いになるのか不透明なところがあります。

AIによって作成したアイコン画像を使用する際は著作権について注意するようにしましょう。

AI画像の著作権について文化庁の見解・参考資料を確認することができます。

いくつか参考になるような項目をまとめておきます。

  • AI画像もAIを利用せずに絵を描いた場合と同様の著作権が適応される
  • AI生成物が既存の著作物と「類似性」と「依拠性」が認められる場合はNG,
  • 「類似性」と「依拠性」が認められる場合でも権利者から許可があればOK
  • 私的鑑賞での生成物はOK
  • 授業目的の複製はOK

何か難しくてAI画像の利用に不安を感じるかもしれないですね。

しかし、AI画像の利用がどんどん一般化しています。

著作権に注意しながらAI画像を積極的に利用していく時代になったのかなと感じています。

AI画像生成ってどうやってやるの?

という方もいると思います。

有名な画像生成AIサービスとしては「Stable Diffusion (ステーブル・ディフュージョン)」を挙げることができます。

Stable Diffusion (ステーブル・ディフュージョン)は無料で利用できますが、始め方や使い方の面で初心者には少しハードルが高い感じです。

そこでもっと初心者にも使いやすくした多くツールが有料で提供されています。

初心者はそちらを利用するほうがお勧めです。

例えば、次のようなツールです。

→ ブラウザだけでできる 本格的なAI画像生成 【ConoHa AI Canvas】

② カラー設定

カラー設定では吹き出しの色を変更することができます。

SWELL:ふきだし(カラー設定)

吹き出しの色を変更するとこんな感じです。

SWELL:ふきだしのカラーの変更

③ ふきだし設定

ふきだし設定では作成した吹き出しをいろいろと編集することができます。

SWELL:ふきだし(ふきだし設定)

吹き出し設定の項目

  • ふきだしの形
  • ふきだしの向き
  • ふきだしの線
  • アイコンの丸枠
  • スマホでのテキストとアイコンの並び
  • アイコン下に表示する名前
  • アイコン画像

ふきだしの形

吹き出しのタイプを「発言」と「心の声」の2種類から選択可能です。

吹き出しのタイプを変更するとこんな感じです。

SWELL:ふきだし(ふきだしタイプ変更)

ふきだしの向き

吹き出しの向きを変更可能です。

SWELL:ふきだし(向きを変更)

ふきだしの線

吹き出しの線表示をなくすことができます。

吹き出しの線をなくすとこんな感じです。

SWELL:ふきだし(ふきだしの線変更)

アイコンの丸枠

アイコンの丸枠の有り無しを設定することができます。

SWELL:ふきだし(アイコンの丸枠設定)

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

スマホでテキストとアイコンを「横並び」と「縦並び」に変更可能です。

アイコン下に表示する名前

アイコン下に表示する名前を変更可能です。

ただし、「吹き出しセット」に登録したアイコン下の名前は「ふきだしセット」の登録画面で変更してください。

アイコン画像

登録した吹き出し以外に新規でアイコン画像を設定することができます。

よく使用する吹き出しは「ふきだしセット」に登録しておくのが便利です。

アイコン画像とアイコン名を変更するとこんな感じです。

SWELL:ふきだし(アイコン画像とアイコン名を変更)

④ デバイス制限

スマホとPCで表示制限の設定をすることができます。

SWELL:ふきだし(デバイス制限)

⑤ ブロック下の余白量

ブロック下の余白量を設定をすることができます。

SWELL:ふきだし(ブロック下の余白量を設定)

SWELL(スウェル)の吹き出し機能については以上になります。

吹き出しを利用することで、読み手の方に見やすい記事・解りやすい記事を作成することができます。

見やすい記事・解りやすい記事を作成することはブログの収益化にも直結してきます。

吹き出し機能を利用して、見やすく解りやすい記事を作成してみてください。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

ハムタ
ハムタ
パパくま
パパくま

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

関連記事
SWELLで出来ること【まとめ】-気になる方に徹底解説!
SWELLで出来ること【まとめ】-気になる方に徹底解説!

2024/11/28  

SWELLを使ってみたい!気になる!という方向けに SWELLってどんなテーマ? SWELLでどんなことができるの? SWELLを使うにはどうすればいいの? といった内容を初心者向けに詳しく解説してい ...

『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!
『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!

2024/11/28    

SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 17,600円(税込み) シンプル&高機能なWordPressテーマ! 最 ...

    SWELLの購入とインストール方法

    SWELL(スウェル)の購入とインストール方法
    SWELL(スウェル)のインストール方法を徹底解説!初心者が迷わない簡単手順をご紹介!

    2024/9/27    

    SWELL:購入からインストールまでの流れ SWELLを利用する為のステップは次のようになります。 公式ページでSWELLを購入 SWELLをダウロードする(親テーマ) SWELL会員登録 SWELL ...

      SWELLの設定関係

      SWELL:必須プラグイン「SEO SIMPLE PACK」のインストール方法
      SWELL:必須プラグイン「SEO SIMPLE PACK」のインストール方法

      2024/7/18    

      この記事ではSWELL(スウェル)の必須ブラグインである「SEO SIMPLE PACK」のインストール方法を初心者向けに解説しています。 「SEO SIMPLE PACK」はメタタグを設定できるプラ ...

      SWELL(スウェル):Googleアナリティクスの導入方法
      SWELL(スウェル):Googleアナリティクスの導入方法

      2024/7/18    

      この記事ではWordPressテーマ「SWELL(スウェル)」を利用している方向けにグーグルアナリティクスを導入する方法を解説しています。 グーグルアナリティクスを導入する手順 Googleアカウント ...

      SWELL(スウェル):Googleサーチコンソールへの登録方法
      SWELL(スウェル):Googleサーチコンソールへの登録方法

      2024/12/14    

      この記事ではSWELL(スウェル)で作成したサイトをGoogleサーチコンソールに登録する方法を初心者向けに解説しています。 XMLサイトマップをGoogleサーチコンソールに送信する方法も解説してい ...

      SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法
      SWELLのステマ規制対策-広告表記を一括または記事ごとに表示させる方法

      2024/7/18    

      この記事ではステマ規制対策としてSWELL(スウェル)で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対する景品表示法に ...

        SWELLの使い方

        SWELLの使い方
        SWELLの使い方-初心者向け詳細ガイド-

        2024/7/18    

        この記事ではSWELL(スウェル)の使い方について初心者向けに解説しています。 カテゴリーの作成関係 カテゴリーページの作成方法 カテゴリーページの編集方法 基本的な記事作成機能 SWELL(スウェル ...

          SWELLのデザインカスタマイズ

          SWELLカスタマイズ
          SWELLのカスタマイズ方法-初心者向けガイド-

          2024/7/18    

          この記事ではSWELL(スウェル)のカスタマイズ方法について初心者向け解説しています。 テンプレート(デモデータ)のインストール方法 SWELL(スウェル)はデモサイトをテンプレートとして利用すること ...