}今回は、シンタックスハイライトプラグインの中でも特に使いやすかった「Enlighter」について紹介します。RAWこのように、使われることの多いメジャーなプログラミング言語に対応しているため、言語ごとにシンタックスハイライトプラグインを入れ替える必要もありません。ほかの本文と分けて挿入できるEnlighterで挿入したソースコードは、このようにエディタ上でもブロック化されます。そのため、どこがソースコードでどこが本文なのかといったことが一発で分かるようになっています。そのまま再編集することも出来ますし、ソースコードブロック単位で削除することも可能です。シンタックスハイライトプラグインによっては、ソースコードをコピーすると行番号も一緒にコピーされてしまうことがあります。こんな感じですねわざわざ無駄な行番号を削除しないといけないので、これではユーザーフレンドリーとは言えないでしょう。Enlighterならその心配はありません。Enlighterは行番号がコピーされないように対策されており、どうやっても行番号をコピーすることができません。試しに以下のコードをコピーしてテキストエディタに貼り付けてみてください。</html>塩番号を巻き込むように範囲選択しても、コピーされなかったはずです。Gutenberg対応EnlighterはGutenberg・クラシックエディタ(ビジュアルエディタ)の両方に対応しています。Gutenbergに対応していないから使えないビジュアルエディタに対応していないから使えないこのような心配もなくなります。このように、ほかのプラグインにはないメリットがEnlighterにはあるため、WordPressで使えるシンタックスハイライトプラグインを探しているのであればかなりおすすめです。Enlighterのインストールまずはプラグイン新規追加ページで「Enlighter」を検索してインストールしてください。プラグインをFTPなどでアップロードする場合はプラグインディレクトリからダウンロードしてくださいね。enlighter]インストールして有効化したら、簡単な案内が表示されます。この状態で記事の編集ページを開いてみてください。Sourcecode」があれば有効化に成功しています。クラシックエディタの場合は、ビジュアルエディタにこのようなアイコンが追加されていますEnlighterの使い方Gutenberg・クラシックエディタそれぞれ紹介します。Gutenbergソースコードの追加GutenbergではフォーマットカテゴリーにEnlighterブロックが用意されています。ソースコードを追加する場合はこのブロックを選択しましょう。Sourcecode..」と表示されているところに、記述したいプログラムを書き込みます。プログラムを書き終えたらシンタックスハイライトを適用する言語ルールを指定します。画像にあるアイコンをクリックして、言語を選択してください。言語の選択が完了すると、記述したソースコードの上に選択したプログラミング言語が表示されます。追加が終わったらプレビュー表示してみてください。このように関数名やタグ名などに自動的に色がついているはずです。追加済みソースコードの編集は簡単です。ソースコードを記述するボックスのテキストを編集するだけでソースコードブロックの中身を書き換えられます。新規作成する必要はありません。この画像のように、既存のソースコード編集するだけで十分です。クラシックエディタソースコードの追加クラシックエディタではビジュアルエディタにEnlighterボタンが追加されています。このボタンを押してください。ボタンを押すとソースコード追加画面が立ち上がります。ブロック要素・インライン要素どちらで購入するかどうか。ソースコードの記述する基本的な使い方はこんな感じです。最後に[OK]ボタンを押すとソースコードが追加されます。追加済みのソースコードは直接編集することが可能です。何らかのプログラムも紹介する場合は、シンタックスハイライトプラグインを使用するべきです。プログラムを見せられた時に、色分けされていないと非常に見づらく、それだけでユーザーがブラウザバックしてしまう可能性があります。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。WINGを使おう!2020.02.13WordPressのプライバシーポリシーはどのようなものをかけばいい?2019.11.11WordPressのカテゴリー分けは重要です。アルページ.ホーム検索タイトルとURLをコピーしました。