Crayon / Urvanov-Syntax-Highlighter 投稿画面での使いかた｜ルクセリタス

Urvanov-Syntax-Highlighter はCrayonの生まれ変わりのような Syntax-Highlighterで
この２つの設定・投稿画面の使いかたはほぼ同じです。

今回はこのSyntax-Highlighterの投稿画面での使いかたについてまとめていきます。

当サイトは WordPressテーマのルクセリタスを使用しています。
テーマによって使いかたが違ってくる場合がありますのでご了承ください。

以前にこのプラグインのインストールや設定などについて
記事にまとめたものがありますのでまだ知らない。という方はこちらの記事を参考にお願いします。

Contents - 目次 -

Crayon-Syntax-Highlighterの設定

あらかじめ設定画面でエディタ画面をどのように表示させるのかを設定しておきます。

投稿ごとに変更したい箇所があればその都度変更も可能です。

こちらが投稿画面、クラッシクエディタのビジュアルエディタ画面です。

投稿編集エディタではこのコードのマーク＜＞テキストエディタでは crayon のボタンがあります。

そこをクリックしてコードの編集画面を開き必要合わせて記述、変更などを行います。

プログラミング言語・テーマ・フォントなど変更したい箇所はこの画面でこの投稿に関してのみ変更できます。

タイトルやマーキングしたい箇所があれば入力します。

提示するコードを分かりやすくするためのタイトルを付けます。

強調させたいコード部分をマークします。

１か所の場合、行番号の数字だけ記述します。

たとえば 1, 3 というように離れた行番号をマークする場合、
強調させたい行番号にコンマ( , )を入れて記述します。

この画像のように 5から7行目まで繋がった行をマークする場合、ハイフンを使います。
5-7というように行番号の間にハイフン(-) を入れ記述します。

いずれも半角の英数文字で記述しなければマークされません。

また、テーマによってもマーク色が背景と同色の場合、分かりづらいものになりますのでご注意ください。

Posted by 45