もっと出して少ない
ワードプレスのショートコードを記事・固定ページでそのまま表示する方法
ワードプレスの記事や固定ページで、ショートコードを「使う」のではなく「そのまま表示」したい場合の記述方法のご紹介です。
ショートコードはこういうのです
[gallery id="123"]
これをそのまま記事に書くと反応してショートコードが動作してしまいます。
そのままCSSやPHPコードなどを表示してくれるpreタグやSyntax系プラグインを使ってもダメでした。
カッコを全角にして[gallery id=”123″]だと表示は可能ですが、ユーザーがコピーして使えないデメリットがあります。
この解決方法は[と、]を、それぞれ2回重ねて書きます。
こんな風に。
これで記事でも固定ページでもショートコードをそのまま表示してくれます。
逆に、テーマファイル内ではショートコードを記述しても反応してくれません。
記事や固定ページと同じようにテーマファイルでもショートコードを使いたい場合はこちら「ワードプレスのテーマファイル内でショートコードを有効にする方法」をご覧下さい。
コメント (3)
コメントを書く
-
AI「Gemini」で出力されるコードにはコメントアウト表示されないので注意
Google謹製のAI「Gemini」にJavaScriptのコードを聞きながら作…
-
Tailwind CSSで指定できる背景色のカラーパレット(classとカラーコードまとめ)
Tailwind CSSで背景色を指定する際に下記のようにclassを付ける…
-
Premiere Pro「ビデオトランジション」一覧
動画編集ソフトのAdobe Premiere Pro(プレミアプロ)で標準で用…
-
VSCode・Cursorでタブが表示されない場合の対応方法
コードエディタ「Visual Studio Code」(VSCode)と「Cursor」で…





pre タグか code を使えばOKだろ?と、おもったら、実行されてしまい焦り、このサイトにたどり着くました。
「2重に囲む」とは、知りませんでした! ありがとうございます。
感謝です!