私も会話風の吹き出し作りたい

こんにちは Sanninです。
色々なブログサイトで見る会話風の画像と吹き出し文章。
私もやってみたいなぁー

<!–左からの吹き出し–>

"no-img2″
sannin

melon♬ なんとプラグインを使わなくても画像つき吹き出し文章ができるんだってさー

<!–右からの吹き出し–>

"no-img2″
melon

そなの? めんどくさそうじゃない?

そこからおよそ数時間。Sannninパソコンと格闘!!
だがしかし・・・・
反映がちゃんとされてなかっただけかもぉ~

まぁー無事できましたぁ。

"no-img2″
sannin

私が今回つかっているのは、「Simplicity」という無料Wordpressテーマだよ

"no-img2″
melon

さすが~探してきますなぁ~

まずは、「Simplicity」ダウンロードしてインストール
興味がある人ここから見てね↓
Simplicity
そんでもってスタイルシートに貼り付ける。
私が今回最終的に参考にさせてもらったサイト

simplicity2 子テーマのスタイルシートに貼るのがポイント!
最初どこのスタイルシートに貼ってよいのかわからなかった!!

それからhtmlを書いて貼り付ける。
でも毎回htmlを書くのは大変だ!!
そこでAddQuicktagを使って簡単入力。

sanninが参考にしたページ
AddQuicktag

"no-img2″
sannin

プレビューしてみよ!!

"no-img2″
melon

ほぉ~ できたじゃない!!
でもmelonもっとかわえ~感じの色がいいなぁ~


↑こんな感じだったんです。
そこで吹き出しの色をカスタマイズしてみました。

あっという間に時間が過ぎたけどすごい集中力♬
頭(脳)が喜んでるわぁ