【初心者のための】STREETIST「吹きだし」使い方と設定方法

今回はSTREETISTの吹き出しの使用と設定の方法を説明します。

ブログテーマをSTREETISTにした方やこれから導入する方にとって役に立つ記事になります。

たくさんの機能が搭載されているSTREETISTで記事の読みやすさと表現の拡張性を向上させたいという方の中に「吹き出し」機能を使いたいと考えている方がいらっしゃるかと思います。

そこでこの記事ではその「吹き出し」の設定方法から使用法、そして少しの工夫も紹介していきますので、ぜひ最後までご覧ください！

STREETIST「吹き出し」設定

吹き出しの設定は以下のステップで完了します。

詳しく見ていきましょう！

設定１．吹き出し用の画像を用意する

吹き出しに適用するアイコンをあらかじめ用意しておきましょう。

僕が普段【図解】記事で使用しているアイコンサイトを下に記載しておきます。シンプルなアイコンを使用したい方はぜひ、参考にしてください！

参考サイト3選

アイコン参考サイト１：icooon

アイコン参考サイト２：silhouette-illust

アイコン参考サイト３：flaticon.com

今回はカラーが入った下の画像を保存してみました。

設定２．吹き出し管理画面で新規追加

アイコンに設定する画像が決まったら、早速設定する画面に移っていきましょう！

まずはWordPressの管理画面の左側から「吹き出し管理」を選択して、吹き出しが管理できるダッシュボードへ飛びましょう！

管理画面が表示されたら、「新規作成」をクリックします。

「新規作成」画面は以下の通りです。これから増えていく吹き出しとの区別がつきやすいように分かりやすいタイトルにしておきましょう！

設定３．ショートコードを保存する

吹き出しが保存できたら、「公開」をクリックして、吹き出し管理画面に戻ります。

吹き出し管理画面に戻ると先ほど作成した吹き出しの内容が反映されているので、反映された吹き出しの「ショートコード」をコピーして、メモ帳などに保存しておきましょう！

STREETIST「吹き出し」使用方法

続いて使用方法についてです。

使用方法はいたって簡単です。

文章中の吹き出しを挿入したい部分にコピーしておいたショートコードを貼り付けます。あとは「本文」という欄に自分が表示させたいコメントを入力するのみです！

上手く表示されたでしょうか？

下のようにアイコンとコメントが入力されていれば成功です！

STREETIST「吹き出し」工夫

工夫１：吹き出しの位置の調整

吹き出しの位置は左右の位置どちらかを選択することができます。

工夫２：吹き出しの背景カラーの一時的変更

コメントの背景を設定しましたが、一時的に背景の色を変更することも可能です！

工夫３：ボックスの中に挿入

吹き出し機能はSTREETISTに搭載されているボックスの中にも挿入することができます。

まとめ：STREETIST「吹き出し」設定→使用→工夫

今回は「【初心者のための】STREETIST「吹きだし」使い方と設定方法」というタイトルで設定から使用方法、工夫を3点紹介してきました。

シンプルかつSTREETISTを使いこなして、よりよい文筆活動をしてきましょう！