WordPressがコードスニペットを挿入する方法

WordPressの投稿にコードのセクションを表示する必要がある場合、おそらくあなたのビジネスがプラグインやそのユーザーによって変更されるように設計されたソフトウェアプログラムを販売しているために、あなたはそうするプロセスを少しイライラさせるかもしれません。 WordPressエディタの「ビジュアル」モードにコードを入力すると、コードとして表示されますが、コードとして実行されることはありません。 ほとんどの場合これで問題ありませんが、他のコードをユーザーに表示している間にコードを実行する必要がある場合は、どのコードを表示し、どのコードを表示するかをWordPressに指示する方法が必要です。 あなたが試すことができるこの問題に対するいくつかの解決策があります。

Tags

コードタグの間に配置されたコードはすべて等幅文字で表示されます。 正しいフォーマットは次のとおりです。

Your code here

このフォーマットは、コードを残りのテキストから目立たせるための優れた方法です。ほとんどの場合、これは適切な解決策です。 コードタグはスタイルシートでカスタマイズでき、文中で使用できます。 ただし、1つの重要な制限はHTMLタグです。 2つのコードタグの間のHTMLコードは通常どおりに実行されるため、読者にHTMLコードを表示するにはこの方法は役に立ちません。

文字コード

WordPressエディタの「ビジュアル」モードにコードを挿入すると、コード内の記号は文字コードに変更されます。 これにより、コードがコードとして読み取られるのを防ぎながら、ポストに表示することができます。 エディタの「HTML」モードで同じ方法を手動で適用することもできます。これにより、同じ結果が得られますが、WordPressに実行させたいコードを投稿に含めることができます。 この方法を使用するには、次の記号をそれぞれの文字コードに置き換えます。

<= <

=> / = /

] =] [= ["=" '='

 タグ 

プレタグはコードタグとほとんど同じように機能しますが、その中のテキストは表示されているとおりに再現されます。 つまり、コードタグとは異なり、それらはHTMLコードでの使用に適しています。 彼らはこのように使用されています：

 あなたのコードはこちら 

コードタグと同様に、プレタグはスタイルシートでスタイルを設定できますが、改行を損なわないため、コードタグよりもコードブロックの表示に適しています。 改行は正確にたどられるため、長すぎてコンテンツ領域に収まらないコード行は、収まるように折り返されません。

引用

引用符は、投稿にコードを表示するときの特別な場合を表します。 WordPressはテキストの前後の引用符を自動的に開始引用符と終了引用符にスタイル設定します。 これはブログ投稿では素晴らしいですが、これらの文字はプログラミングでは認識されないため、読者がコードをコピーして貼り付けても機能しません。 代わりに、引用符を含むすべてのテキストに必ずプレタグを使用するか、引用符をその文字コードに置き換えてください。 したがって、これ：

これになるだろう：