WordPress HTMLエディタで構文を強調表示する方法

HTMLなどの言語でWebページを作成するときに、構文を色分けする機能を使用すると、そのページが誤って公開される可能性が大幅に減少します。 WordPressにはHTMLエディタが組み込まれていますが、デフォルトでは構文に色が追加されません。 プラグインをインストールしてHTML構文を強調表示すると、WordPressは自動的に有効なHTML機能に色を追加し、開いているタグを閉じるのを忘れていないことを確認するのに役立ちます。 構文強調プラグインを使用すると、ブログ投稿にコードを追加して他のユーザーが使用できるようにするプロセスも簡単になります。

1。

WordPress Webサイトの管理領域にログインします。 メインメニューの左側にある「Plugins」見出しの上にマウスポインタを置き、「Add New」オプションを選択します。

2。

ページの種類にある空のテキストフィールドをクリックし、「Developer Formatter」、「FV Code Highlighter」、または「WP-SynHighlight」と入力します。 これらのプラグインはそれぞれ、構文の強調表示をさまざまな方法で提供します。 Developer Formatterは100以上の言語をサポートするGeSHiエンジンを使用します。 FV Code Highlighterは、HTML、XML、PHPなどの最も一般的なWeb言語のみをサポートしています。 WP-SynHighlightには、入力したとおりにリアルタイムで構文を強調表示する機能があります。 インストールしたいプラグインの名前を入力したら、[Search Plugins]をクリックします。

3。

インストールするシンタックスハイライトの下にある[今すぐインストール]リンクをクリックします。 [OK]と[Activate Plugin]をクリックして確認します。 これであなたのウェブサイトのインストール済みプラグインのリストに戻ります。

4。

プラグインのリストを下にスクロールし、「設定」リンクをクリックしてシンタックスハイライトを設定します。 たとえば、WP-SynHighlightの場合のように、このオプションが表示されない場合は、設定画面が別のメニューの下にある可能性があります。 WP-SynHighlightの設定メニューは、画面左側の[設定]見出しの下にあります。 FV Code Highlighterには設定メニューはありません。

5。

シンタックスハイライトを使用して新しい投稿を作成するには、[投稿]見出しの下にある[新規追加]オプションをクリックします。

先端

  • WordPress.comがあなたのブログをホストしている場合は、プラグインをインストールしなくても投稿内のHTML構文を強調表示できます。 これは人々にどのようにプログラムするかを教える指導的なウェブサイトに役立つことがあります。 これを行うには、強調表示するコードの前にタグ[[sourcecode language = "html"]」を置きます。 コードが完成したら、「[/ sourcecode]」と入力してタグを閉じます。 WordPress.comは他の言語も認識します。 これを変更するには、 "html"を "java"や "php"などの別の言語に置き換えます。 この機能は、HTMLエディタで構文を強調表示しません。

警告

  • WordPressでHTML構文を強調するプラグインの中には、HTMLエディタを使用してコンテンツを作成するときにのみ正しく機能するものがあります。 ビジュアルエディタを使用して投稿を作成する場合は、インストールするプラグインがビジュアルエディタと互換性があるか、HTMLエディタを使用していないときに自動的に無効になるようにしてください。

人気の投稿