角括弧[]で囲んであるショートコードを表示できるようにしたい。

おはにちばんは、ふみえです(｡･ω･)ﾉﾞ

皆さんいかがお過ごしでしょうか？？

ついでに苦労したのでおまけで書いてみます。

ふつうに

[blogcard url="リンクしたいURL"]

って書いたら

勝手にリンクが作られてしまって

↑こんな感じになっちゃう。

文字で紹介することができません･ﾟ･(つД｀)･ﾟ･

どうしたものかしら。

[]で囲んでるのがダメっぽい！

blogcard url=”リンクしたいURL”

って書いただけなら

普通に文字で表示されます。

でも[]で囲んだ瞬間、リンクになっちゃいます。

角括弧じゃなくて普通の()で囲んだらちゃんとした情報が伝えられないし。

[]

の中に

blogcard url=”リンクしたいURL”

って入力してね(＠’ω’＠)ノ

って書いても分かりにくいし・・・。

ちなみに[]の名前は「角括弧」

[]は「角括弧」または「ブラケット」というらしいです。

確かに角ばった括弧です。

はい(;´･ω･)

思いついたのは写真で説明すること

悩んだ末に思いついたのは

スクショを撮って貼ればいいじゃんっ！

こんな感じでっ！

ほらっ！

これなら勝手にリンクが作られないっ！

我ながら頭いいー♪

でもコピペ用には使ってもらえないという・・・。

どうすればいいのよ･ﾟ･(つД｀)･ﾟ･

ショートコードのエスケープ

さっきも書いたけど[]で囲んで

[blogcard url="リンクしたいURL"]

っていうのを投稿に入力したら

ワードプレス君は

「あっ、リンクを作らないといけない！」

って思ってすぐさまリンクを作っちゃうんです。

リンクを貼る時には便利だけど紹介するときはとっても不便です(｀ω´)

ショートコード

調べていくと角括弧[]で囲んで使うのを

「ショートコード」というらしいです。

だいぶからくりが分かってきましたよ(*’ω’*)

便利な機能を作って、名前を付けてどこかに保存しとけば

その機能の名前を[]で囲んで書くだけで、その便利な機能が使えるみたいです。

私が何か機能を作って名前をfumie01にしてたら

投稿を入力するところに[fumie01]って書くだけで使えるようになるみたいです(/・ω・)/

作り方は知りません。

例えば・・・

エクセルで、範囲に名前を付けとけば

関数の範囲指定の時に名前だけで範囲が選ばれるみたいな？

私はIMEパッドの単語登録で

「かお」で(´ω｀)こんなのがでるようにしてるけど

そんな感じ？

ようするに

リンクを作るために書いてた

[blogcard url="リンクしたいURL"]

↑これがショートコードっぽくて、

そのショートコードのおかげで

カッコいいリンクが貼れるのです（多分）

（ホント多分です）

（違ってる可能性大です）

エスケープ

書いた瞬間ショートコードだと判断しちゃうんだったら

それはショートコードじゃなくてただの文字なんだ、

と認識させればいいだけです(*｀・ω´・b

調べてみたら[]で囲ってるけど囲ってないようにさせる裏技があるみたい！

それが「エスケープ」です！

名前の通りショートコードという縛りから逃げちゃうのかな(・ω・)ノ

ワードプレスにもエスケープさせる方法があるみたいです！

https://wpdocs.osdn.jp/%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%B3%E3%83%BC%E3%83%89#.E3.82.B7.E3.83.A7.E3.83.BC.E3.83.88.E3.82.B3.E3.83.BC.E3.83.89.E3.81.AE.E3.82.A8.E3.82.B9.E3.82.B1.E3.83.BC.E3.83.97

wpdocs.osdn.jp

勝手にリンク貼っちゃったけど・・・。

これによると、

[blogcard url="リンクしたいURL"]

って書きたいときは

[[blogcard url="リンクしたいURL"]]

って書けばいいみたいです！

確かにその通りにうまくできました(●´ω｀●)

※勝手に応用してみたけど、

[[blogcard url="リンクしたいURL"]]

って書くために投稿を書くところでは

[[[      ]]]

３重の角括弧で囲んでいます。

たぶん表示されるときに角括弧が１個減るんだと思います(・ω・)ノ

まとめ

• []で囲まれてる謎の文字列が「ショートコード」
• ショートコードじゃないって認識させるのが「エスケープ」

うむ。こんな感じかな(*｀・ω´・b

名前が正しいかはわかんないけど

[[謎の文字列]]

って書くと

[謎の文字列]

って表示されます(+･｀ω･)ｂ

ショートコードとかエスケープっていう名前が分かっちゃえば答えはすぐに出てきました。

でも名前を知らなかったから、やりたいことをあれこれ言葉を変えながら検索しないといけなかったので大変でした(；ω；)

今回も最後まで読んでくださってありがとうございました(＾ω＾)