Speech bubble を使って会話をLINE風にする

wordpress

「Speech bubble」プラグインを使うと、FBやLINEなどのように会話が見やすくなります。

また、キャラクターや名前を設定できるので、会話の掛け合いもスムーズに表現できます。

スポンサーリンク

Speech bubbleのインストール

管理画面から検索してインストール、または、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

管理画面から検索してインストール

  • WordPress管理画面 > プラグイン > 新規追加 >「Speech bubble」で検索
  • WordPress.org からダウンロード
  • 「今すぐインストール」をクリック
  • プラグインを有効化する

WordPress.org からインストール

  • WordPress.orgから、「Speech bubble」のzipファイルをダウンロード
  • ダウンロードしたファイルを解凍
  • FTPソフトなどで、WordPressの「plugin」フォルダ内にアップロード
  • WordPressの管理画面から「プラグイン」を選択
  • プラグインを有効化する

Speech bubbleのバリエーション

みのり
Speech bubbleを使えばこんな風に会話が表示できるよ。
コメ吉
なるほど、これは見やすいね。
みのり
バリエーションもいろいろあるよ。

スタンダード type=”std”

みのり
これがスタンダードだよ。
コメ吉
とてもシンプルだね。

ドロップ type=”drop”

みのり
これはドロップタイプだよ。
コメ吉
これがドロップか。

ラッテ type=”rtail”

みのり
これはラッテタイプだよ。
コメ吉
rtailはスコットランド・ゲール語らしいぞ。

 Pink type=”pink”

みのり
これはPinkタイプだよ。
コメ吉
強調するときにいいね。

考えてる風 type=”think”

みのり
これはThinkタイプだよ。
コメ吉
これはいいね。

フェイスブック風 type=”fb”

みのり
これはFB風。
コメ吉
いいかんじだね。

フェイスブック風 フラットタイプ type=”fb-flat”

みのり
これがフェイスブックフラットタイプ。
コメ吉
フラットになったね。

LINE風 type=”ln”

みのり
これがLINE風。
コメ吉
なるほど、これは馴染み深いね。

LINE風 フラットタイプ ln-flat

みのり
これがLINE風フラットタイプ。
コメ吉
なるほど、雰囲気変わるね。

Speech bubbleの使い方

プラグインをインストールして有効にした後は、ショートコードを貼り付けて会話を書いていくだけです。

注.[]を【】に変えて表示しています。

【speech_bubble type=”○○” subtype=”○○” icon=”画像ファイル” name=”名前”】ここに文章を記述します。【/speech_bubble】

会話タイプの指定

type=”○○”で表示させる会話のタイプを指定します。

考えるタイプの指定

subtype=”○○”はL1の指定で左からの会話、R1の指定で右からの会話になります。

subtype=”L2″、”R2″を指定すると、その会話タイプのまま考えるタイプにできます。

キャラクター画像の設定

FTPで画像をアップロードする

アップロードする場所は、Wordpressホルダー下にある、speech-bubbleプラグインのイメージホルダーになります。

「ドメイン」>「public_html」>「wp-content」>「plugins」>「speech-bubble」>「img」

imgホルダーにアップロードした画像名の名前を「icon=”○○”」の部分に入れましょう。

その際、拡張子も忘れずに記述してください。

画像は勝手に100×100pxにリサイズされますので、大きい画像でも大丈夫です。

セリフの入れかた

セリフは下の箇所に記述するだけです。

【speech_bubble ・・・】セリフを記述する箇所です。【/speech_bubble】

キャラクター名の指定

キャラクター名は「name=””」の部分に指定します。

ショートコードを入れるだけで簡単に会話モードになります。ショートコードはAdd Quick Tagに登録しておけば素早く呼び出すことができます。

このプラグインを入れておくと、管理画面で便利なタグを簡単に追加できます。 管理画面で設定したタグは、エディター画面で何...



スポンサーリンク

シェアする

フォローする

error: Content is protected !!