Wordpress

WordPressでLINE風な吹き出し作成方法を伝授!

目安時間 5分
  • コピーしました

ボブ
ワードプレスで簡単にLine風に吹き出しができるって本当?

りゅうじん
簡単だよ Pluginで【Speech bubble(ふきだし)】で導入するだけだよw あ!、下の画像これね。↓


りゅうじん
導入したら次のコードタグをテキストに入力するんだよ

りゅうじん
そのあとは設定を変えるだけでいいんだよ

りゅうじん
std="fb"

りゅうじん
std="fb-flat"

ボブ
std="pink" あ、僕にもできた!

りゅうじん
std="rtail"

りゅうじん
std="drop"

りゅうじん
std="think"

りゅうじん
最後にLine風にstd="ln"

りゅうじん
できたでしょ!

ボブ
std="ln-flat"もあるんだね!ありがとう

以上このように簡単に導入可能です、筆者はLine設定のLとIを勘違いし数時間格闘しました。w
コードを正しく記入するればどんなワードプレスでもしっかりと表示してくれます。

ちなみにその他の設定で subtype = a(左側) b=(右側)
icon = "*.jpg"はあなたのドメインの ・・・wp-contents/plugins/speech-bubble/img
に画像を差し替えればうまく理想していた表示になります。
※画像の差し替えはFFFTP等のツールでUPしてください。

あくまで個人の意見ですが多用すると文章が読みづらくなります。
ピンポイントとして使用する分にはいいかなと思います。
うまく効果的に使用ください。

  • コピーしました

   Wordpress   0

この記事に関連する記事一覧

この記事を書いた人

悠仁(ゆうじん)

孤高WEB関連のフリーランス

悠仁(ゆうじん)

自由気ままなフリーランスです。鉄板な安定企業で管理職として働いていましたが、コロナ騒動をきっかけにほんとにこんな忙しい毎日でいいのか、家族を犠牲にしてまでつかみとる安定とは自分らしさをも失う事とも感じた為に、自分、家族の時間を最優先する生活へシフトしました。安定志向を捨てて脱サラ、おかげで収入は激減中で清貧の生活を送っております。今はWEB業界で活躍できるように独学ですがあれやこれやWordPressやなんやかんや触って四苦八苦しながら情報発信に挑戦中です。 今まで日記のように書いていましたが、実践する中のものを包み隠さず、今後発信していきます。仲良くしてくださると幸いです。 あなたの【ゆうじん】でありますように・・・

コメントフォーム

名前  (必須)

メールアドレス (公開されません) (必須)

URL (空白でもOKです)

コメント

CAPTCHA


トラックバックURL: 
 プロフィール

悠仁(ゆうじん)

孤高WEB関連のフリーランス

悠仁(ゆうじん)

自由気ままなフリーランスです。鉄板な安定企業で管理職として働いていましたが、コロナ騒動をきっかけにほんとにこんな忙しい毎日でいいのか、家族を犠牲にしてまでつかみとる安定とは自分らしさをも失う事とも感じた為に、自分、家族の時間を最優先する生活へシフトしました。安定志向を捨てて脱サラ、おかげで収入は激減中で清貧の生活を送っております。今はWEB業界で活躍できるように独学ですがあれやこれやWordPressやなんやかんや触って四苦八苦しながら情報発信に挑戦中です。 今まで日記のように書いていましたが、実践する中のものを包み隠さず、今後発信していきます。仲良くしてくださると幸いです。 あなたの【ゆうじん】でありますように・・・

 人気記事