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

Lightning(ライトニング):会話吹き出しの作成方法

Lightning(ライトニング):会話吹き出しの作成方法

この記事がお勧めな方

  • Lightning(ライトニング)の会話吹き出し機能の使い方を知りたい方
  • Lightning(ライトニング)がどんな感じか知りたい方

この記事ではWordPressテーマ:Lightning(ライトニング)の「会話吹き出し機能の使い方」を初心者向けに解説しています。

※ 解説に使用している画像はLightning(無料版)を利用しています。

Lightning:会話吹き出しの作成方法

Lightning(ライトニング)の会話吹き出し作成機能は推奨プラグインである「VKBLOCKS」をインストールする必要があります。

Lightning(ライトニング)インストール時に「VKBLOCKS」をインストールして有効化している方が大半だと思いますが、もしインストールしていない方はWordPressメニューの「プラグイン」→「新規追加」から「VKBLOCKS」と検索をしてインストールが可能です。

「VKBLOCKS」のインストール

インストールが完了したら「有効化」すればOKです。

会話吹き出しを作成するには「VKBLOCKS」の「吹き出し」を選択します。

VKBLOCKS:吹き出し

作成した吹き出しに画像や内容を入力していきます。

VKBLOCKS:吹き出し

① 画像をアップロード

アイコンとして使用する画像をアップロードします。

「画像を選択」をクリックするとアップロード画面が表示されるので、そこで使用したいアイコン画像をアップロードします。

画像のアップロード

アイコン画像をアップロードするとこんな感じです。

VKBLOCKS:吹き出し(画像のアップロード)

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

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

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

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

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

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

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

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

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

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

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

関連記事

③ 自分で作成する

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

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

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

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

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

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

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

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

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

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

② アイコンの名前を入力

アイコン画像の下にアイコンの名前を直接入力できます。

アイコンの名前を入力するとこんな感じです。

VKBLOCKS:吹き出し(画像の名前入力)

③ 吹き出しの内容を入力

吹き出し部分に内容を入力します。

吹き出し部分に内容を入力するとこんな感じです。

VKBLOCKS:吹き出し(吹き出しの内容入力)

Lightning:吹き出しの設定で出来ること

VKBLOCKS:吹き出し(設定項目)
①:吹き出しブロック設定吹き出しの位置変更やタイプ変更が可能
②:デフォルトアイコン設定登録したアイコンを選択可能
③:アニメーション設定アニメーションを設定できます

①:吹き出しブロック設定

VKBLOCKS:吹き出しブロック設定
A:位置吹き出しの向きを変更可能
B:タイプ吹き出しのタイプを変更可能
C:画像スタイルアイコン画像スタイルを変更可能
D:幅吹き出しの幅を100%に変更可能
E:枠線枠線・画像の線を設定可能
F:吹き出しの背景色吹き出しの背景色を設定可能

A:位置

吹き出しの位置を右側に変更することができます。

VKBLOCKS:吹き出し位置を右に変更

B:タイプ

吹き出しのタイプを変更することができます。

VKBLOCKS:吹き出しタイプ変更

C:画像スタイル

アイコン画像のスタイルを変更することができます。

変更できるスタイルは「角丸2」・「丸抜き」の2種類を選択可能です。

VKBLOCKS:吹き出し(画像スタイル変更)

D:幅

吹き出しの幅を100%にすることができます。

VKBLOCKS:幅の変更

E:枠線

枠線の色やアイコン画像の線の色を変更することができます。

VKBLOCKS:吹き出し(枠線や画像の線の色変更)

F:吹き出しの背景色

吹き出しの背景色を変更することができます。

VKBLOCKS:吹き出し背景色の変更

②:デフォルトアイコン設定

よく利用するアイコンを登録すれば、このデフォルトアイコン設定で簡単に呼び出すことができます。

アイコンの登録はWordPressメニューの「設定」→「VK Blocks」から登録できます。

WordPressメニューの「設定」→「VK Blocks」

使用したいアイコン画像を登録、画像の名前を入力して「変更を保存」をクリックします。

WordPressメニューの「設定」→「VK Blocks」の吹き出し画像設定

これでデフォルトアイコン設定から簡単に登録したアイコン画像の会話吹き出しを表示することができます。

デフォルトアイコン設定に登録したアイコン画像が表示されます。

デフォルトアイコン設定に画像が登録された実際表示

③:アニメーション設定

アニメーション設定では4種類のアニメーションを設定可能です。

  • ぶるぶる
  • ぶるぶる(X方向)
  • どきどき
  • ゆらゆら

アニメーションの実際表示はLightning(ライトニング)で作成したサンプルサイトでどんな感じか確認してみてください。

→ Lightningで作成したサンプルサイト(吹き出し表示例)

Lightning(ライトニング)の吹き出し作成についての解説は以上になります。

Lightning(ライトニング)に限りませんが、現在のWordPressテーマの多くは吹き出し機能が搭載されています。

アイコンに使用する画像さえ準備できれば、簡単に表示できるのでこの記事で紹介しているような無料イラスト素材サイトや「ココナラ」などを利用して画像を準備してみてください。

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

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

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

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

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

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

関連記事

LIGHTNING:記事一覧

 LIGHTNINGの設定関係

 LIGHTNINGの使い方