ショートコードが公開ページで角括弧のまま見えるときは、WordPressがそのタグを処理できていません。 まず元の文字列と有効なプラグインを確認し、次に貼り付け場所、対応範囲、キャッシュの順で切り分けます。推測で括弧や英字を書き換えないことが、最短の直し方です。

最初に見る7項目

  1. 元の管理画面からショートコードをもう一度コピーしたか
  2. 角括弧が半角の [ ]
  3. タグ名や属性の引用符を欠かしていないか
  4. 発行元のプラグインが「有効」か
  5. ショートコードブロックへ貼ったか
  6. その場所が製品の対応範囲か
  7. 公開ページのキャッシュを更新したか

正しい文字列と崩れた文字列を比べる

状態 直し方
正しい例 [sample_form id="27"] 発行画面から全文をコピー
全角括弧 [sample_form id="27"] 手入力せず再コピー
属性の途中欠け [sample_form id="27] 閉じ引用符を含む全文へ戻す
別製品のタグ [old_form id="27"] 現在の製品が発行したタグへ交換

sample_form は見分け方を説明する架空の例です。実際には使用中のプラグインが表示したタグ名を使います。

再コピーの意味に気づくミカ
ミカ

見比べたら、私の括弧は少し幅が広い気がします。見た目が似ているので、半角と全角が原因になるとは思っていませんでした。

発見を認める佐藤さん
佐藤さん

よく気づいたね。スマートフォンの日本語入力や文書ソフトを通すと、記号が変わることがあるんだ。

まだ再発が気になるミカ
ミカ

一文字ずつ直すより、発行画面からコピーし直すほうが安全そうです。でも直しても残ったら、また同じ所を疑ってしまいそうです。

次の切り分けを示す佐藤さん
佐藤さん

コピー後も残るなら、文字列は合格として次へ進もう。プラグイン一覧で発行元が有効かを見ると、同じ確認をぐるぐる繰り返さずに済むよ。

プラグインの有効状態を確認する

  1. 管理画面の「プラグイン」→「インストール済みプラグイン」を開く
  2. ショートコードを発行した製品名を探す
  3. 行に「有効化」と出ていれば停止中、「無効化」と出ていれば有効と判断する
  4. 停止に理由がなければ有効化し、対象ページを別タブで再読込する

エラー回避のため意図的に停止したプラグインは、原因を解決せず有効化しないでください。代替プラグインへ移行済みなら、古いタグを新しいブロックやタグへ置き換えます。

ブロックと表示場所を確認する

投稿・固定ページでは「ショートコード」ブロックを使います。ヘッダー、ウィジェット、商品説明、抜粋などは製品やテーマによって処理されない場合があります。まず通常の下書き固定ページへ同じ文字列を置き、プレビューします。そこで動けば、文字列ではなく元の表示場所が非対応です。

表示場所の違いに迷うミカ
ミカ

固定ページの本文ではフォームが出ましたが、サイドバーへ移すと文字のままです。同じWordPressの中なら、どこでも同じように変換されると思っていました。

対応範囲の分岐を説明する佐藤さん
佐藤さん

本文で動いたなら、タグとプラグインは正常だよ。次はサイドバー側がショートコードを処理する場所か、使っているテーマや製品の説明で確認しよう。

危ない変更を確認するミカ
ミカ

ネットで見たPHPコードを追加すれば動くという説明もありました。すぐ貼らずに、まず別のブロックや公式のウィジェットがないか探すほうがよいですか。

戻しやすい方法を伝える佐藤さん
佐藤さん

その順番が安全だよ。公式の対応方法がなければ、無理にコードを足さず本文への配置へ戻そう。戻せる選択肢を先に使えば、サイト全体へ影響を広げずに済むよ。

「表示されない」と「文字のまま」を分ける

症状の見え方で、次に調べる場所が変わります。 [sample] のような角括弧がそのまま見えるなら、WordPressがそのタグを機能として認識できていません。発行元プラグインの停止、タグ名の打ち間違い、非対応の表示場所を先に確認します。

文字列は消えたのに空白だけが残る場合は、機能自体は呼び出されたものの、対象IDのデータがない、閲覧権限がない、表示条件を満たしていない可能性があります。別の内容が表示された場合は、属性のIDや種類を元画面と照合します。三つの症状を同じ「動かない」でまとめないことが、遠回りを防ぐコツです。

キャッシュは最後に確認する

入力、プラグイン、場所が正しいのに古い表示だけが残る場合は、利用中のキャッシュ機能で対象ページを削除し、ログアウト状態の別ブラウザで確認します。キャッシュ削除のボタン名は製品ごとに異なります。全データ削除やデータベース最適化を行う必要はありません。

直ったと判断する条件

  • 角括弧の文字が消え、目的の内容へ置き換わる
  • ログアウト状態でも同じ結果になる
  • フォームならテスト送信、ボタンならクリックまで成功する
  • 別ページの同じ機能も壊れていない

新規サイトで管理しやすい環境を比較するなら

現在の不具合だけを理由にサーバー変更は不要です。これからサイトを作る人で、プラグイン管理や公式サポートを重視するときだけ候補を比較してください。

ConoHa WINGの公式案内

ConoHa WING

管理画面からWordPressを始め、サイト設定を一つずつ確認したい人向けの候補です。

向いている人: 初期設定を画面に沿って進めたい初心者

利点: WordPress開設の導線をまとめて追いやすい

注意点: 個別プラグインのショートコード不具合は、その製品側の確認も必要です。

料金: 契約期間・料金タイプ・キャンペーンで変動

ConoHa WINGの開始条件を見る
シンレンタルサーバーの公式案内

シンレンタルサーバー

表示速度と複数サイト運用も視野に入れる人の比較候補です。

向いている人: 今後複数のWordPressを管理したい人

利点: MySQL無制限など複数サイト向け条件を比較しやすい

注意点: キャンペーン実質額と通常料金を分けて確認してください。

料金: ベーシック1,078円〜。キャンペーン条件は公式確認

シンレンタルサーバーの最新条件を見る

広告・PRを含みます。すでにWordPressを運営中なら、ショートコードのためだけにサーバーを乗り換える必要はありません。新しくサイトを始める人だけ、公式ページで最新料金と条件を確認してください。

よくある質問

ショートコードが管理画面では見えるのに公開ページで消えます

空の結果を返している可能性があります。対象IDのデータが存在するか、公開条件や権限設定を発行元の画面で確認してください。

プラグインを再インストールすれば直りますか?

設定消失の危険があるため最初の手段ではありません。コピー、状態、場所を確認し、公式手順に再インストール指定がある場合だけ実施します。

CSSを直せば角括弧は消えますか?

CSSは見た目の調整であり、未処理のショートコードを正常な機能へ変換できません。

原因を分けられたミカ
ミカ

最初は文字を消すことしか考えられませんでしたが、本文で動くか試したら場所の問題だと分かりました。全部を触らなくても、狭い所から原因を分けられるんですね。

切り分けを認める佐藤さん
佐藤さん

一つずつ合格にしたから、原因が見えるようになったね。直すことより、どこまで正常かを確かめるのが先なんだ。

残る不安を伝えるミカ
ミカ

次に角括弧が出ても、すぐ再インストールはしません。ただ、停止した理由が分からないプラグインは、一人で有効化しないようにします。

判断を短く補う佐藤さん
佐藤さん

それで大丈夫だよ。文字列、発行元、場所の順で見て、理由のある停止には手を出さない。この線を守れば落ち着いて戻せるよ。

症状から確認場所を一つに絞る

「ショートコードが動かない」という言葉だけでは、確認範囲が広すぎます。公開ページに角括弧が残る、空白になる、違う内容が出る、管理者だけ見える、スマートフォンだけ崩れる、のどれかを最初に決めます。症状を一つ選ぶと、触らなくてよい設定も分かります。

見えている症状 最初に確認する場所 まだ触らないもの
角括弧が残る タグ名・発行元・有効状態 CSSやデータベース
空白になる 対象ID・公開状態・閲覧権限 再インストール
違う内容が出る IDとコピー元の機能名 表示デザイン
管理者だけ見える 公開条件・会員権限 キャッシュ全削除
スマホだけ崩れる 列数・製品のレスポンシブ設定 サイト全体のCSS

7項目を実際の画面で確認する

1. 元画面から全文を再コピーする

記事内の文字列を眺めて直すのではなく、フォームや一覧を作成した管理画面へ戻ります。対象名を開き、保存後に表示された文字列を先頭の角括弧から末尾までコピーします。古いメモや別サイトの文字列は使いません。

2. 半角記号を見比べる

角括弧、イコール、引用符、属性間の空白を比較します。日本語入力中に全角記号へ変わった場合や、文書ソフトを経由して曲がった引用符になった場合は、部分修正より再コピーが確実です。

3. 発行元プラグインを特定する

タグ名だけで推測せず、機能を作った管理メニューとプラグイン一覧を照合します。停止中なら、停止理由を確認します。エラー回避や脆弱性対応で止めた製品を、表示確認だけのために有効化してはいけません。

4. 通常本文で最小テストをする

サイドバーやテンプレートなど特殊な場所で失敗した場合、新しい下書きページのショートコードブロックへ同じ文字列を一つだけ置きます。ここで動けばタグと発行元は正常で、元の表示場所が非対応だと絞れます。

5. IDと公開条件を確認する

空白になる場合は、指定したフォーム、画像、投稿一覧が存在するか確認します。対象が下書き、非公開、会員限定なら、閲覧者によって結果が変わります。管理者の画面だけで正常と決めません。

6. キャッシュを対象ページだけ更新する

入力・発行元・場所・IDが正常な場合に限り、対象URLのキャッシュを削除します。データベース最適化や全サイトキャッシュ削除は別作業です。ログアウト状態の別ブラウザで新しい表示になったか確認します。

7. 本来の操作まで試す

フォームなら必須エラー、送信、受信を確認します。一覧ならリンク先、予約なら日時選択と完了画面まで試します。見た目が出たことではなく、読者の目的が完了したことを成功とします。

確認結果を残す診断メモ

作業中は「何を変えたか」を一行ずつ残します。例として「固定ページ本文では表示成功」「サイドバーでは角括弧」「プラグインは有効」「ID27は公開中」のように、事実だけを書きます。一度に複数設定を変えると、直った理由も戻し方も分からなくなります。

  • 問題のURL
  • 見えている文字列または空白の位置
  • 発行元とバージョン
  • 通常本文での結果
  • ログアウト状態での結果
  • 直前に変更した一項目

このメモがあれば、公式サポートへ相談するときも状況を正確に伝えられます。スクリーンショットには個人情報や管理URLを含めないようにしてください。

やってはいけない直し方

  • 角括弧をCSSで見えなくする
  • 停止理由を確認せずプラグインを有効化する
  • 設定を残さず削除・再インストールする
  • 別製品の記事からPHPコードを貼る
  • 複数ページを一括置換してから確認する
  • 管理者画面だけを見て完了にする

原因が特定できないときは、公開ページを壊したまま試行を続けません。必要なら問題部分を一時的に非公開にし、公式サポートへURL、タグ名、再現手順、確認済み項目を伝えます。

まとめ

角括弧のまま表示される原因は、文字列の変形、発行元の停止、非対応の表示場所が中心です。元画面から再コピーし、通常本文で動作を試し、最後にキャッシュを確認します。成功は見た目だけでなく、ログアウト状態と実操作まで確かめて判断してください。