【wordpressカスタマイズ】会話調を表現するショートコード ※プラグイン無し

  • ̃Gg[͂ĂȃubN}[Nɒlj
まゆげ犬
まゆげ犬

わんわんわん。
こんにちは、まゆげ犬のむ~ちゃんといいますむ~。
む~ちゃん
む~ちゃん

今日はwordpressで会話調を表現したい人に向けての記事みたいむ~。
でもそんなことよりむ~ちゃんはお肉が食べたいむ~。
お肉
お肉

・・・。
む~ちゃん
む~ちゃん

あ、お肉が落ちてるむ~。
む~ちゃんは用事ができたからこのへんでおさらばむ~~~~~~♪

こんな感じの会話風メッセージを表示できるようにしてほしいと頼まれたので、パパっとショートコードを作りました。

プラグインを使うと余計な吹き出しとかついてくるし設定が面倒そうだったので、できる限りシンプルに。

実装も下記の3ステップで5分とかからずにできるので良かったら使ってあげてください。

1.function.phpに下記コードをコピー

2.cssに下記コードをコピー

3.本文にショートコードを挿入

冒頭のキャラクターは↑のコードで実装されています。

[talk][/talk]で囲んだ部分が会話調になります。
imgには画像のパス、captionにはキャラクターの名称をそれぞれ入れてください。

ゾノについて

個人事業主・経営者に向けたブログ

  • ̃Gg[͂ĂȃubN}[Nɒlj

このブログと一緒によく読まれているブログ

コメントを残す

メールアドレスが公開されることはありません。

  • 人気のブログ

    Sorry. No data so far.

  • 検索

ページTOP