【スワロー】ふきだしショートコード



このサイトは、 WordPressテーマ「スワロー」 を使っています。



今まで使っていた Speech Bubble のプラグインが使えなくなったので
スワローのショートコードでふきだしを出します。

こんな感じ↓

FFR
自分用メモです。

こちらもどうぞ!

【コピペで簡単】スワローショートコード(53種類)Swallow






PVアクセスランキング にほんブログ村

ふきだしショートコード

[voice icon="①アイコンURL" name="②名前" type="l"]③テキスト[/voice]


アイコンURL

画像をWordPressにアップロードしておきます。
「メディア」→「新規追加」
「ライブラリ」に画像が追加されたら、使用したい画像をクリック。
右下に ファイルのURL が現れます。

名前

名前を付ける。例)FFR

type=" "

l ・・・アイコン左
r ・・・アイコン右

テキスト

言葉を入れます。例)こうなります。

FFR
こうなります。

[voice icon="https://fromau.net/wp/wp-content/uploads/2021/08/28.jpg" name="FFR" type="l"]こうなります。[/voice]



カモメさん
ボクの場合。

[voice icon="https://fromau.net/wp/wp-content/uploads/2021/08/3.jpg" name="カモメさん" type="l"]ボクの場合。[/voice]



コアラさん
コアラで~す。

[voice icon="https://fromau.net/wp/wp-content/uploads/2021/08/5.jpg" name="コアラさん" type="l"]コアラで~す。[/voice]



ウォンバットさん
出番少ないけど。

[voice icon="https://fromau.net/wp/wp-content/uploads/2021/08/6.jpg" name="ウォンバットさん" type="l"]出番少ないけど。[/voice]



カンガルーさん
オレも。

[voice icon="https://fromau.net/wp/wp-content/uploads/2021/08/4.jpg" name="カンガルーさん" type="l"]オレも。[/voice]



Aさん
Aさんがいれば、

[voice icon="https://fromau.net/wp/wp-content/uploads/2021/08/1.jpg" name="Aさん" type="l"]Aさんがいれば、[/voice]



Bさん
Bさんもいる。

[voice icon="https://fromau.net/wp/wp-content/uploads/2021/08/2.jpg" name="Bさん" type="l"]Bさんもいる。[/voice]



ふきだしの種類

画像と名前を入れていない状態にしています。


Facebook風

[voice icon="" name="" type="l fb"]Facebook風[/voice]



line風

[voice icon="" name="" type="l line"]line風[/voice]


type=" " に、半角スペースを入れ、複数設定することができます。

type="r" アイコン右
type="l" アイコン左

type="fb" Facebook 風の吹き出し
type="line" LINE 風の吹き出し


アイコン枠の色を変える

type=" " に、

icon_blue
icon_black
icon_yellow
icon_red

などを加え、色を指定することもできます。

 「fb」「line」なども半角スペースで入れ、複数設定することができます。


Facebook風

[voice icon="" name="" type="l fb icon_blue "]Facebook風[/voice]


名前を入れると、ふきだしの幅が狭くなりますが文字を入れると普通サイズになります。

名前

[voice icon="" name="名前" type="l fb icon_black"][/voice]

名前

[voice icon="" name="名前" type="l icon_red"][/voice]

名前

[voice icon="" name="名前" type="l icon_yellow"][/voice]






アイコンを大きくする

名前

[voice icon="" name="名前" type="l big"][/voice]

type=" " に、big を加える。









あわせて読みたい

【スワロー】コピペでアイコンFont Awesome

ワードプレスのコピペで簡単!【表の作成・HTMLタグ】

ワードプレスにコピペで簡単バッジ(CSS不要)関連・参考・あわせて読みたい・出典・おすすめ

スワローで下線・太字・マーカーの【AddQuicktag】設定タグ

【コピペで簡単】スワローショートコード(53種類)Swallow