• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

FOXWP

WordPressの始め方と使い方をわかりやすく解説!

  • HOME
  • WordPressブログの始め方
  • お問い合わせ
FOXWP / WordPress / WordPressでショートコードをそのまま表示する方法

WordPressでショートコードをそのまま表示する方法

最終更新日:2021年10月6日

WordPressでショートコードを文字列としてそのまま表示するには、次の2つの方法があります。

  1. 文字参照を使用する
  2. エスケープする
文字参照とは...
HTML文書などで、「<」や「>」などの直接記述できない文字や記号を表記する際に用いられる方法です。
エスケープとは...
特定の文字列に、本来とは別の解釈を与えることです。
目次 非表示
1 WordPressでショートコードを文字参照で表示する方法
1.1 投稿画面の記述方法
2 WordPressでショートコードをエスケープで表示する方法
2.1 投稿画面の記述方法
3 参考

WordPressでショートコードを文字参照で表示する方法

ショートコードの記述に必要な『[』と『]』の文字参照は以下になります。

記号文字参照
[&lsqb;
]&rsqb;

投稿画面の記述方法

WordPressの公開画面で、

[gallery]

と表示したい場合は、投稿画面で以下のように記載します。

&lsqb;gallery&rsqb;

WordPressでショートコードをエスケープで表示する方法

2組のカギカッコを使用します。

投稿画面の記述方法

自己完結型ショートコードと囲み型ショートコードに分けて解説します。

自己完結型ショートコードの記述方法

[[gallery]]

上記のように投稿画面で記述すると、公開画面で以下のように表示されます。

[gallery]

囲み型ショートコードの記述方法

[[caption]・・・[/caption]]

上記のように投稿画面で記述すると、公開画面で以下のように表示されます。

[caption]・・・[/caption]

Check
囲み型ショートコードの場合は、ショートコード全体をカギカッコで囲むように記述します。

参考

  • Character Entity Reference Chart
  • Shortcode|WordPress Codex

カテゴリー:WordPress

WordPress初心者の方に読んで欲しい記事

  • あとで後悔しない!WordPress初期設定の基本事項
  • 安全にサイトを運営しよう!WordPressセキュリティ対策の基本マニュアル
Previous Post: « WordPressでショートコードがそのまま表示される原因と対処法
Next Post: UdemyでおすすめのPHPコース|初心者から開発者までレベル別に紹介 »

Primary Sidebar

世界で一番利用されているWordPressテーマ

Divi WordPress Theme
レビューを見る

あなたの悩みは?

WordPress
セキュリティ
WordPress
トラブル
アクセスアップアフィリエイト
おすすめASP

最新ニュース

  • 【カラフルボックス】夏のキャンペーン実施中【2021年8月31日まで】

最近の投稿

  • WordPressでおすすめのバックアッププラグイン5選
  • WordPressのPHP設定を変更する方法(php.ini)
  • WordPressでおすすめの画像圧縮プラグイン5選
  • WordPressの投稿編集画面でその投稿を表示する方法
  • WordPressの管理画面に再利用ブロックの管理を追加する方法

カテゴリー

  • WordPress
  • お役立ち情報
  • アフィリエイト
  • ドメインレジストラ
  • レンタルサーバー
    • ColorfulBox
    • Conoha WING
    • mixhost
    • さくらのレンタルサーバー
    • エックスサーバー
    • エックスフリー
    • ロリポップ!
  • 便利ツール
WordPress学習方法
トップページへ

プライバシーポリシー|お問い合わせ
Copyright © 2023 FOXWP All rights reserved.