Highlighterは記事内に見やすいソースコードを表示できるプラグインです。WordPressでのカスタマイズ記事など、プログラミング解説をする場合に非常に役に立ちます。Highlighter」のインストール方法や使い方について解説していきます。Highlighterのインストール1プラグインの新規追加ワードプレスの管理画面のサイドバーから『プラグイン』を選択し、プラグインの『新規追加』ボタンをクリックします。Highlighter”と入力し、検索したプラグインの『今すぐインストール』のボタンをクリックします。Highlighterの有効化インストールが完了したら『有効化』ボタンをクリックし、プラグインを有効化します。Highlighterの設定は基本デフォルトで問題なく使用できます。ここでは変更したい方のために、重要度が高い部分を紹介します。Theme(テーマ)テーマは50種類以上のテーマが用意されています。デフォルトで『Classic』となっている部分でテーマを切り替え、ソースコードの表示させる部分の見た目を変えることができます。変更後は下にプレビューが表示されるので好きなものを選びましょう。Terminal・TwilightFont(フォント)フォントの種類やサイズを指定できます。『Monaco』となっている部分を切り替えることでフォントの種類を変更でき、『12』と表示されている場所で文字サイズを変更できます。Metrics(サイズ)ここでは表示サイズを変更できます。Toolbar(ツールバー)ツールバーの設定ができます。・ソース言語を表示となっています。各設定必要に応じて設定の変更を行いましょう。設定が完了したら実際に記事エディターでソースコードを挿入していきます。Highlighterを開くビジュアルモードでは『<>』のボタン、テキストモードでは『crayon』のボタンをクリックします。2各項目の入力タイトル・ソースコードを入力し、Languageの『Default』を対象のプログラム言語に切り替えます。全て入力が完了したら右上の『Add』をクリックすると記事内にソースコードの埋め込みが完了します。埋め込みが完了した後、実際に表示がされているか『プレビュー』で確認します。〈プレビューでの表示〉エディター内では見た目が違いますが、プレビューを見ると設定したテーマでソースコードが埋め込まれていることが確認できます。これで公開後も問題なく表示ができることが確認できました。Highlighterは非常に多く使用されていて、評価もかなり高いプラグインとなっていますので是非インストールして使用してみてください。【Rinker】リクエスト回数が多すぎます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。