【吹き出しプラグイン「Speech Bubble」】
WordPressで作られたサイトたちを散策していると、面白いものを見つけました。
LINEみたいな感じで吹き出し会話をブログで使う事ができるというプラグイン「Speech Bubble」です。
これを使うとけっこう面白く見やすい感じにブログを仕上げることができるので重宝すると思います。
どんなものかと言うとこんな感じです↓
[speech_bubble type="drop" subtype="L1" icon="nagao.png" name="いごっそう612"] こんな風にできちゃいます( *´艸`)[/speech_bubble]面白いっしょ!
【「Speech Bubble」をロリポップサーバーで使う】
自分がロリポップを使ってるので、参考までにロリポップサーバーでの使用方法を書いておきます
【Speech Bubble】の使い方
使い方は、簡単です。「Speech Bubble」はWordPressのプラグインなので、基本的にインストール方法は他のプラグインと同じです。
WordPressの管理画面で開きます。
【左サイドバー】→【プラグイン】→【新規追加】を選択しSpeech Bubbleと記入してください
Speech Bubbleが出たらインストールしプラグインを有効化します。
基本ではこれで【Speech Bubble】は使用できます。
[speech_bubble type="drop" subtype="L1" icon="1.jpg" name="名無し1"] こんにちは [/speech_bubble][speech_bubble type="drop" subtype="R1" icon="2.jpg" name="名無し2"] おはようございます(*‘∀‘)[/speech_bubble]
コードや、名前、セリフ。色などの変更方法は自分が参考にしたサイトを見てください
WordPress初心者の自分でも簡単にできる、とてもわかりやすい記事です。
自分が書くよりはるかにわかりやすいのでご参考ください
【「Speech Bubble」で使うアイコン画像をロリポップサーバーにアップロードする方法】
さて本題に入ります。Speech Bubbleの使い方などは、参考になるサイトが数多く存在しているのでちょっと調べればわかると思います。
実際自分も簡単に使用まではできました。困ったのは・・
アイコン画像をロリポップサーバーにアップロードする方法がわからない・・
っということでした( ノД`)シクシク…
アイコン画像をロリポップサーバーにアップロードする方法がわからない・・
っということでした( ノД`)シクシク…
そこでもし・・同じ思いをしてる人がいたら・・ってことでアイコン画像をロリポップサーバーにアップロードする方法を書いておこうと思います。
では初めに、ロリポップにログインしてユーザー専用ページに移ります。
左の「アカウント情報」をクリックします。
「アカウント情報/パスワード変更」の画面に移ったら
サーバー情報のロリポップ!FTPをクリックしFTPの管理画面に移ってください
移ったら、自分がロリポップサーバーで使っているサイト名のフォルダをクリックします。
そして、画面が変わったら「wp-content」をダブルクリックします。
さらにそれぞれの画面で「plugins」⇒「speech bubble」⇒「img」とダブルクリックしていきます。
「img」の画面に来たところで、左上にあるアップロードボタンをクリックします。
そして、「ファイルを選択する」をクリックし、自分の使いたい画像を選びます。
そしてアップロードを押して完了です!
アップロードが完了したらSpeech Bubbleのタグの中にある【icon=”1.jpg”】のファイル名をアップロードした画像の名前に変更します。
[speech_bubble type="drop" subtype="L1" icon="igossou.jpg" name="いごっそう612"] こんな感じに変更できましたか? [/speech_bubble]
自分がど素人なのでわかりにくい説明だったと思いますが、何かしらの参考になれば幸いです。
けっこう面白いプラグインなので使ってみてくださいね(=゚ω゚)ノ