Evolved」プラグインツイートシェアはてブ送るPocketどうも、ホワイトです。間が空いてしまってWordPress関連です。記事内にhtmlなどのソースコードを載せたいなと思ったので、まずはプラグインの使い方を振り返る意味でのアウトプット。久々に使おうとしても意外と覚えているもんですね。Evolved」というプラグインを使います。管理画面からインストールしましょう。インストール&有効化が済んだら設定に入ります。最低限、必要と思われる項目を説明します。SyntaxHighlighterのバージョン3.xで良いでしょう。設定画面の下部にあるプレビュー表示でも確認できますが、2.xにするとコード内にマウスオーバーすると右上にコピーするためのツールが出たり、折り返し表示がされます。3.xはそのままドラッグでコピーしても行番号がコピーされないことと、ダブルクリックするとコード全てが選択できるので、自分はこちらの方が便利だと思うので使います。テーマの選択テーマもいくつか選択ができます。選択して「変更を保存」をクリックすると、下部のプレビューで選択したテーマの表示がされるので、そちらを見て選択してみてください。Greyを選択すると↑このような表示になります。次の「すべてのブラシを読み込む」は特にチェックを付けなくても大丈夫です。そもそもここを調べたことないけど問題なく使えてるので、特には必要ないでしょう。規定の設定こちらはもう見たまんまというか、自分は基本的にここもいじりません。追加のCSSのclass名(複数可能)というのは、コードの中にあるdivにclass指定することができます。タイトルはコードブロック上部にタイトルテキストが表示されます。記載したいソースコードを言語タグで囲むだけ。「ビジュアルモード」ではなく「テキストモード」で行ってください。htmlの場合は以下のような形です。lang=”言語名”][/code]で囲んでも同じように表示されます。設定画面下部に「引数指定の例」という箇所があるので、ここを参照にするとすぐわかると思います。SyntaxHighlighterで使える言語SyntaxHighlighterで使える言語は以下のとおりです。vbnetパラメーターの設定パラメーターも設定画面の下部に全て書いてあるので、そちらを参照に使ってみてください。プレビューでも使用されているハイライトの使い方は以下の通りです。htmlの5行目をハイライトする場合。href="http://wordpress.org/">WordPress</a></body></html>5行目がハイライトされます。使い方は非常に簡単で、個人的には記事の中でソースコードを記載するプラグインとしては一番優れていると思ってます。Plugin」プラグイン導入でWordPressのセキュリティ向上を図る!草野球と酒と銭湯と笑いとRECOMMENDこちらの記事も人気です。2018.11.16WordPressのプラグインはまずスパム対策のAkismetから設定するABOUTこの記事をかいた人ホワイト森山1978年9月30日生まれ。現ウェブデザイナー兼ウェブディレクター。人気ブログランキングへにほんブログ村ホワイト森山のプロフィール元プロレスラー。フリーランスのウェブデザイナー&ウェブディレクターのホワイト森山です。大人げなく、そして容赦なくバチバチ殴る蹴るプロレスやってました。今はウェブ制作のお仕事やらせてもらって平和に過ごしています。詳しいプロフィールはこちら。お仕事のご依頼・ご相談、その他メッセージなどありましたら、こちらからどうぞ!悪いようにはいたしません(笑)、安心してお問い合わせください。