*

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

公開日: : 最終更新日:2018/01/02 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一覧へ



にほんブログ村


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

スポンサーリンク




スポンサーリンク




Message

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


七夕にぬりえで遊ぼう!無料ダウンロードサイト紹介 折り紙もあるよ^^

七夕の日あなたは何をしてすごしますか?^^ 笹竹に七夕のお飾りや短冊

笹に七夕飾りをするわけは?七夕飾りの意味と短冊の色や飾る期間は?

いろんな行事でそれぞれになにかを飾ったり、供えたりしますよね。 雛祭

七夕とは?たなばたと読むのはなぜ?由来は乞巧奠と棚機つ女信仰から

子供の頃から7月7日になると空を見上げては織姫と彦星の話を思いだし、雨

お中元を贈った場合やいらない場合の困ったときの対処は?やめたい時は

日本では季節ごとに行事が目白押しですが、夏前になるとお中元の時期。

多摩地区の公園 花見の後の小金井公園散策 新緑豊かな公園をぶらり散歩

多摩地区の公園をぶらり散策してきました。 ここ小金井公園は4月の初め

→もっと見る

  • こんにちは。波空です

    好きなことを自由にやりたくてアフィリエイトにチャレンジ中

    好きなものは
    アニメ・漫画・ゲーム・お絵描き・映画を観ること・パソコンで遊ぶこと・チョコレート・中島みゆきさんの歌・・

    やりたいことは・・
    空を飛びたい・馬に乗って自由に走り回りたい・猫を飼いたい・・

    いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。
    日々どうしたらできるか考えながらリアル仕事に追われています。

PAGE TOP ↑