21.WordPressのショートコードのデバッグ方法 - 完全無料OnLineパソコン教室

作成日: 2021/08/08 更新日: 2023/03/25 サイトの紹介と使い方

top
WEB
WordPress
functionCode
[ 21.WordPressのショートコードのデバッグ方法 ]

概要
初めに
手段１：ブロックエディタのコードブロックを使う
手段２：テキストファイルに書き出す
ソース
ブロックエディターのコードブロックにEchoさせる
お問合せ・御要望

概要

ショートコードをテーマ「Cocoon」の「child」テーマのfunctions.phpにコーディングしていますが、バグると自分のWordPressが壊れたかと思うくらい被害を受けることがあります。
バグルのは仕方が無いとして、その被害を少なくしようと思いました。
ところが、functions.phpでは、echo文が使えないのが、最大のネックとなりました。
そこで、echo文の代わりを3つ考えて、2つを実現させました。
残りの1つは、標準出力を使うことでしたが、筆者の技術力では構想すら浮かびませんでした。
また、他のサイトを見ていて「なるほど」と思ったのは、iframeタグを使用する方法でした。

初めに

function Codeの分類、構成は、筆者が独自に行っています。
ショートコードの中でecho文が使えないので方法を模索しました。
ファイル（置き場所）：テーマCocoon childのfunctions.php
分類コード：２１xx

手段１：ブロックエディタのコードブロックを使う

手段２：テキストファイルに書き出す

ソース

筆者の環境は、さくらインターネットのVPS上でWordpressを稼働させています。
端末エミュレータのteratermやWinSCPの基礎知識と、少しのUnix系OSの知識が必要になります。
機能：echoの代わりに、/var/www/html/にショートコードの戻り値などをテキストファイルとして作成します。
引数：
1. テキストファイル名
2. 書き込む文字列

//<--- 2102
function my_debug_shortcode_text( $arg1,$arg2 ){
  $fh = fopen($arg1, "w");
  if( $fh ):
    fwrite( $fh,$arg2 );
    fclose( $fh );
  else:
  endif;
  return "";
}
// 2102 --->

ブロックエディターのコードブロックにEchoさせる

未検証です。

コードの細工

  $ret  = "<!-- wp:code -->";
  $ret .= "<pre class=\"wp-block-code\"><code>";
  $ret .= "&lta href=\"";
  $ret .= my_get_homepage();
  $ret .= "/\"&gtMenu&lt/a&gt";
  $ret .= "</code></pre>";
  $ret .= "<!-- /wp:code -->";

次の方法でHTMLを実行しないコードに変換します。
①実HTMLコードの頭に、次の2文を置きます。
$ret = "";
$ret .= "<pre class=\"wp-block-code\"><code>";
②後ろに次の2文を置きます。
$ret .= "</code></pre>";
$ret .= "";
③実HTMLの中の特殊記号をエスケープ文字に置き換えます。
エスケープ文字については後述します。
④この方法で、目視での確認しかできませんが、ショートコードでHTMLが掃き出しやすくなりました。
⑤$ret変数は、筆者が勝手に作ったものです。

エスケープ文字

①記号であっても漢字であっても、コンピュータが理解するためには1文字ごとにコード（数値）が必要になります。
②厳密に言うと違いますが、エスケープ文字は目に見える（表示される）漢字とコード（数値）の中間に位置します。
③エスケープ文字は、エスケープシーケンスやエスケープコードと呼ばれることもあります。
④以下に少しだけ例を載せます。
尚、筆者がショートコードを書く時に、引っかかったのは「<」「>」の２つでした。
もっとあるかもしれません。

エスケープ文字「&lt」と「<」は、コンピュータにとっては同じものです。
エスケープ文字「&gt」と「>」は、コンピュータにとっては同じものです。

特殊なエスケープ文字

①「''」「""」で挟まれた間が文字列と認識されます。
②筆者は、「""」だけを使っているので、そのケースを説明します。
③「""」の中に「"」を記述したい場合を考えます。
④普通に「"」を記述すると、文字列の終わりだとPHPに認識されてしまいます。
⑤そこで、エスケープ文字「\"」を使用します。
⑥これで、文字列の終わりだと認識されずに「"」を記述できます。
⑦パソコンやキーボードによっては、「\」（バックスラッシュ）ではなく「￥」記号の時もありますが、両方ともに同じものです。

上手く動かない時

「コードの細工」で頭と後ろに追加した2行づつを消せば、実HTMLは動くはずです。
ところが、筆者は動かないケースに遭遇しました。
対処は次の２つでした。
①エスケープ文字を元に戻しました。
「&lt」を「<」に、「&gt」を「>」に戻しました。
②頭と後ろに次の2行を加えました。

お問合せ・御要望

お問合せ

概要

初めに