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

FOXWP

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

  • HOME
  • WordPressブログの始め方
  • おすすめテーマ
  • おすすめプラグイン
  • お問い合わせ
FOXWP / お役立ち情報 / メモ / WordPressでショートコードをそのまま表示する方法

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

2020年8月11日 2020年8月11日

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プラグイン「TablePress」の使い方

WooCommerceの設定方法と使い方

LuckyWP Table of Contentsの使い方と設定方法

【2018年版】コメント機能を改善するおすすめWordPressプラグイン

【2020年版】コメント機能を改善するおすすめWordPressプラグイン

おすすめテーマ

ブログ・アフィリエイトにおすすめのWordPressテーマ

ブログ・アフィリエイトにおすすめのWordPressテーマ【2019年版】

ヘッダーに動画を設定できるWordPressテーマまとめ

ヘッダーに動画を設定できるWordPressテーマまとめ

おすすめ企業サイト向けWordPressテーマ

さっとクオリティの高い企業サイトを作成できるWordPressテーマ特集

アイキャッチ画像不要のWordPressテーマ

WordPressでアイキャッチ画像を表示したくないならZEROがおすすめ!

Previous Post: « WordPressでショートコードがそのまま表示される原因と対処法
Next Post: UdemyでおすすめのPHPコース|初心者から開発者までレベル別に紹介 »

Primary Sidebar

当サイトの利用テーマ

Genesis Theme Framework for WordPress
詳しく見る

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

Divi WordPress Theme
詳しく見る

あなたの悩みは?

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

カテゴリー

  • WordPress
    • WordPressのSEO対策
    • WordPressのセキュリティ対策
    • WordPressの使い方
    • エラー・トラブル
    • カスタマイズ
  • WordPressテーマ
    • Divi
    • おすすめテーマ
    • テーマカスタマイズ
  • WordPressプラグイン
    • プラグインカスタマイズ
  • WordPress入門講座
  • WordPress設定関連
  • お役立ち情報
    • メモ
  • アフィリエイト
    • Amazonアフィリエイト
  • ドメインレジストラ
    • お名前.com
  • レンタルサーバー
    • ColorfulBox
    • mixhost
    • さくらのレンタルサーバー
    • エックスサーバー
    • エックスフリー
    • ロリポップ!
  • 便利ツール
    • PBN Lab
    • Rank Tracker
WordPress学習方法
トップページへ

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