WordPressの投稿にコードを表示する方法

デフォルトでは、WordPressはブログの投稿やページのHTMLまたはPHPコードを自動的にテキスト化または解釈します。 これは、ブログの投稿にプログラミングコードを表示したいWordPressブロガーにとっては問題になる可能性があります。おそらく、WordPressソフトウェアがコードを解釈したり変換したりすることなく、チュートリアルの目的で使用します。 この問題を解決する方法は2つあります。HTML文字エンティティを使用してコードを手動で入力する方法と、ネイティブのWordPressを使用する方法です。

 あるいは、あらかじめプログラムされた特定のタグを使用してコード入力を自動化するプラグインをインストールすることもできます。 強く推奨されているプラ​​グインの1つはSyntaxHighlighter Evolvedと呼ばれるもので、これは公式のWordPress開発者Alex Millsによって設計されました。

HTML文字エンティティと "Pre"タグを使用する

1。

WordPressブログにログインして、新しい投稿を作成してください。 ビジュアルエディタ機能を使用します。 そのタブは投稿テキスト入力ボックスの右上にあります。

2。

「フォーマット」という名前のWebバーの2行目にあるドロップダウン矢印をクリックします。 リストから「フォーマット済み」を選択します。 フォーマット済み設定は、テキストを固定幅フォントに変換し、HTMLまたはPHPの文字エンティティを保持します。

3。

特定の文字のコード文字エンティティを使用して、投稿テキストボックスにコードを入力します。 たとえば、より一般的なコードタイプにはこれらの文字エンティティを使用します。

"=" <= <

=> / = / - = -

] =] [= [•=•

SyntaxHighlighter Evolvedプラグインをインストールする

1。

あなたのWordPressブログにログインしてください。 ダッシュボードメニューから[プラグイン]リンクをクリックします。 [新規追加]をクリックします。

2。

検索ボックスに「SyntaxHighlighter Evolved」と入力します。 [今すぐ検索]をクリックします。 リストからプラグインを探し、[今すぐインストール]をクリックします。 確認ウィンドウで[OK]をクリックします。 プラグインのインストールを許可します。

3。

[Activate Plugin]リンクをクリックしてプラグインをアクティブにします。

4。

ダッシュボードメニューの[設定]をクリックして、SyntaxHighlighter Evolved設定にアクセスします。 一覧の「SyntaxHighlighter Evolved」をクリックします。 好みに合わせて設定を調整し、完了したら[変更を保存]をクリックします。

5。

新しいブログ投稿を作成します。 コードを挿入して表示するには、2つのショートコードタグの間にコードを入力します。 たとえば、WordPressの投稿にHTMLコードを表示するには、ショートコード[html]、htmlコード、および終了ショートコードタグ[/ html]を入力します。 例えば:[html]

はじめに

[/ html] その他のショートコードについては、SyntaxHighlighter Evolved設定ページを参照してください。 ショートコードはページの下部に表示されています。

必要なもの

  • WordPressのユーザー名とパスワード

先端

  • WordPressは、退屈な文字エンティティタイプを学び、使用することを嫌がるブロガーのためのエンコーダウィジェットを提供します(リンクについては参考文献を参照)。 HTMLまたはPHPのテキストを[エンコーダウィジェット]テキストボックスに入力し、[エンコード]をクリックします。 ウィジェットはあなたのテキストを適切なHTML文字エンティティに変換します。 "pre"タグを使用して、結果をコピーしてブログの投稿に貼り付けます。

警告

  • "pre"タグを使用するとき、WordPressは文字通りにそしてあなたのコードがタイプされるように正確に再生するでしょう。 あなたのコードに途切れのないコードの長い文字列が含まれている場合、WordPressはそのコードをそのページから水平に走らせ、あなたの読者にはアクセスできないようにします。 そのような場合は、可能であれば、キーボードの「Enter」キーを押して、これらの長い文字列内に改行を追加してください。 場合によっては、コードが破損する可能性があるため、これが不可能な場合があります。 したがって、この場合、プラグインはWordPressブログに適しています。

人気の投稿