wordpress

【初心者のためのWordPress入門】記事に吹き出しを追加してみよう

ランク
ランク
 自分のブログにも吹き出しを表示してみたいにゃ

かわたく
かわたく
このブログでは”Speech bubble” というプラグインを使っているよ

 

なっち
なっち
私も表示したい。やり方を教えて。

Speech bubble“と言うプラグインがあるので、これを使うことで簡単に上のような吹き出しを追加する事ができます。

プラグインを追加しよう

ダッシュボード画面から「プラグイン→新規追加」をクリックしてください。

右上の「プラグインの検索」に”Speech bubble”と入力してください。
検索結果から”Speech bubble”を探して「今すぐインストール」をクリックします。
インストールが終わったら「有効化」ボタンをクリックします。

かわたく
かわたく
有効化をわすれずに

Speech bubbleの設定をしよう

アバター画像を設定する

実際に吹き出しをするアバター画像をFTPツールを使ってアップロードします。
まだ、アバター画像を作ってない場合はこちらを参照して作成してみてください。

アバター画像をアップロードする

FTPツールで、使用しているサーバーのから”img”フォルダを探します。
例:ドメイン>wp-content>plugins>speech-bubble>img

使用したいアバター画像(jpg, png, gif, svg, tif)を、imgフォルダ内にアップロードします。(ファイル名は半角英数字)

Speech bubbleを使ってみよう

記入例

実際の記事で使用するには以下のように記入するだけです。

[speech_bubble type="ln" subtype="L1" icon="test.png" name="かわたく"] こんにちは[/chat]

かわたく
かわたく
こんにちは

セリフの変更方法

記入例で”こんにちは”と書いてある部分を変更すれば、セリフが変わります。

アバター画像の変更方法

記入例で”test.png”と書いてある部分をFTPでアップロードしてきた画像のファイル名に変更すれば、画像が変わります。

アバター名の変更方法

記入例で”かわたく”と書いてある部分を変更すれば、アバター名が変わります。

人物の位置と吹き出しタイプの変更方法

記入例で”L1”と書いてある部分を変更すれば、人物の位置と吹き出しタイプの変更ができます。
例えば

“L1″と記入すると

ランク
ランク
 左側に位置して、普通の吹き出しタイプになるにゃ

“R1″と記入すると

なっち
なっち
右側に位置して、普通の吹き出しタイプになるわね

“L2″と記入すると

ランク
ランク
 左側に位置して、考える吹き出しタイプになるにゃ

“R2″と記入すると

[speech_bubble type=”ln” subtype=”R2″ icon=”face_20181127_210701.png” name=”なっち”] 右側に位置して、考える吹き出しタイプになるわね[/chat]

吹き出しの種類の変更方法

記入例で”ln”と書いてある部分を変更すれば、吹き出しの種類が変わります。
種類は”drop・std・ fb・ fb-flat・ln・ ln-flat・ pink・ rtail・ think”の9種類あり、”ln”と記入するとLINE風になります。

記入を手早く簡単にしてみよう

実際に吹き出しを使う場合に、何回もコードを入力するのは時間の無駄なので、AddQuicktagプラグインを使って入力を簡単にするようにしましょう。
AddQuicktagプラグインの使い方はこちらの記事を参照してください。


かわたくぶろぐ ホームページへ

かわたくぶろぐ

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA