WordPressでショートコードをそのまま表示させるには

Speech Bubbleの設定をして記事に吹き出しがいれられるようになったので、そのことを備忘録的に記事に書いてみました。

が、ショートコードを記事にいれると吹き出しに変換されてしまうという・・当然ですね(^^;

そこでそのまま表示させる方法を調べてみました。

スポンサーリンク

 

ショートコードを記事の中でそのまま表示させる方法

WordPressで便利なショートコードを記事の中にそのまま表示したい場合、
そのまま記述するとショートコードとして認識されてしまうため、ブラウザ上ではSpeech Bubbleの場合は、吹き出しになってしまいます。

これはとても簡単な方法で解決しました。

例えば記事中で

[speech_bubble type=”drop” subtype=”L1″ icon=”1.jpg” name=”A さん”] おこんばんわ[/speech_bubble]
[speech_bubble type=”drop” subtype=”R1″ icon=”1.jpg” name=”B さん”] おばんです [/speech_bubble]

という記述をしたとき、このまま公開すると

プレビューでのショートコード表示

こんな風になります

そのまま表示させるには、このショートコードの[]のカッコの部分を書き換えます

コードの置き換え

つまり、

 
ショートコードをそのまま

とすれば、ブラウザで記事を見た時ショートコードがそのまま表示されます。

ショートコードを表示させた図

 

他の方法

このショートコードの[]のカッコの部分を二重に記述
つまり
次のように記述します

 

[]を使う方法

 

こちらの方も簡単ですね(^^)

[]を2重にする場合は記述の中にある[]は(図の赤枠の部分)そのままでいいようです。

 

[]はそのまま

 

全部の[]を2重にすると、それも表示されてしまうようです

ソースコードなどについては、詳しくないのですいません。

なぜ?と言われても説明ができません(--;
実験の結果を書いています。

もし、ここら辺のことを詳しく説明していただける方がいらっしゃいましたら、コメントなどで説明していただけると助かります<(_ _)>

これで完了!のはずでしたが・・・ここでも躓いてしまいました(TT)

なので次には躓いたあれこれです

 

WordPressで簡単ファビコンの作り方へ

WordPress設定でのトラブルあれこれと対処へ

 WordPress一覧へ


にほんブログ村


日々の出来事 ブログランキングへ

アバター画像

投稿者: 波空

波空です、こんにちは。 好きなことを自由にやりたくてブログアフィリエイトにチャレンジするも、なかなか成果はでなくて今に至るです(^^ 好きなことやりたいことはたくさんあるけど、とにかく時間とお金がないことには走り出せない。 好きなものは アニメ・漫画 ゲーム 絵を描くこと パソコンで遊ぶこと 中島みゆきさんの歌 やりたいことは・・ 空を飛びたい 馬に乗って自由に走り回りたい 猫を飼いたい 自由に好きな時に行きたいところに行きたい・・ いろいろあるけど、まずは資金と自由な時間を確保できないと進まない。 日々どうしたらできるか考えながらゲームやアニメで遊んでいる毎日。。 現在リアル仕事が2つあるので、当面の目標は仕事を1つにすること。

コメントを残す

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