WordPressテーマ ATLAS 文章中に簡単に吹き出しを挿入できる!

吹き出し

WordPressテーマ ATLAS(アトラス)での便利な機能「吹き出し」についてふれたいと思います。

ワードプレスのプラグイン『Speech Bubble』を使えば、どのテーマでも「吹き出し」表示をすることができますが、WordPressテーマ ATLAS(アトラス)では、標準で吹き出し機能を搭載しています。

最近、流行なのかリリースされるWordPressテーマには、ほとんど標準で吹き出し機能を搭載しているテーマが増えていますね。使いこなすと動きのある読みやすいページが作れるからだと思います。
ちなみに下記のWordPressテーマは標準で利用できます。

吹き出し機能が使える WordPressテーマ

  1. WordPressテーマ「Affinger」
  2. WordPressテーマ「ELEPHANT」
  3. WordPressテーマ「アルバトロス」
  4. WordPressテーマ「Hummingbird」
  5. WordPressテーマ「STORK」
  6. WordPressテーマ ATLAS(アトラス)

最初から男女それぞれ3パターンのシルエットを用意

さて話はWordPressテーマ ATLAS(アトラス)の機能に戻りますが、WordPressテーマ ATLAS(アトラス)では、最初から男女それぞれ3パターンのシルエットが用意されています。画像を自分で用意する必要がないのですぐに利用することが可能です。

男女それぞれ3パターンのシルエットは下記の通りです。

[chat face=”man1″ name=”男シルエット1” align=”left” style=”type1″]このように簡単にコメントを挿入できるよ〜![/chat] [chat face=”woman1″ name=”女シルエット1” align=”right” style=”type1″]向きや女性のシルエットも可能![/chat] [chat face=”man2″ name=”男シルエット2″ align=”left” style=”type1″]コメント機能を使うと動きのあるページが作れる!リンクも貼れる![/chat] [chat face=”woman2″ name=”女シルエット2″ align=”right” style=”type2″]使い方も簡単!楽ちん!吹き出しのイメージも3パターンあるんだよ。[/chat] [chat face=”man3″ name=”男シルエット3″ align=”left” style=”type3″]シルエットだけでなく、もちろん、自分のオリジナル画像に差し替えることも可能![/chat] [chat face=”woman3″ name=”女シルエット3″ align=”right” style=”type1″]次はその使い方よ![/chat]

吹き出し機能の使い方

エディタ吹き出しのやり方

やり方は超簡単です!WordPressテーマ ATLAS(アトラス)では、エディター上に標準で吹き出しボタンがあります。

このボタンをクリックするだけで吹き出しのショートコードが自動で挿入されます。

挿入されたショートコードの意味は下記の通りです。

face 画像名か登録シルエット名 align 右か左の表示指定
name アイコンの表示名(なくても可) style
デザイン

faceの箇所をman1、man2、man3、woman1、woman2、woman3と入力すると各上記のようなシルエット吹き出しが表示されます。

alignは吹き出しの向きです。left  か  right を入力すると向きが変わります。上手く使うと会話をしたように見せることができますね〜。

name は吹き出しの画像下に名前を表示することができます。

style は、type1、type2、type3と3タイプから吹き出しのイメージを変更することが可能です。

自分で用意した画像を吹き出しにする方法

自分で用意した画像を吹き出しに利用するやり方は、WordPressにアップロード後の画像名を「 face 」の項目に入力するだけで表示することが可能です。

オリジナル吹き出し

WordPress管理画面⇢メディア⇢ライブラリ⇢オリジナル画像をアップロード⇢アップロードしたファイル名をface箇所の「man1」のところにファイル名を入力します。

[chat face=”160118-0003.png” name=”トモノリ” align=”left” style=”type1″]このようにオリジナル画像で吹き出しを表示することが可能です![/chat]

さいごに

[chat face=”160118-0003.png” name=”トモノリ” align=”left” style=”type1″]この吹き出し機能は、スマートフォンなどの端末から見てもキレイに表示されるようになっています。

ただ、文字を入力するだけでなく、こういった吹き出しを使うとキャラクターをいかすことができますね。マンガみたいに読むことができますしね。

こういった機能を標準装備でしかも簡単に利用できるのがWordPressテーマ ATLAS(アトラス)の良いところだと思います。上手く吹き出し機能を使いこなしていきたいと思います。[/chat]