Crayonのテーマ57種類とフォント14種類のサンプル
“Crayon Syntax Highlighter” サンプル
WordPressの記事中にソースを綺麗に表示するのにとっても使いやすいプラグイン、Crayon Syntax Highlighter。
使い方はこちら。【WordPress記事にソースコードを綺麗に表記する方法】→ https://1stepup.com/wp/crayon/
以下、【Crayon(クレヨン)】と呼びます。
このプラグインは、57個のテーマデザインと、14個のフォントサンプルが用意されていますが、残念ながら一つ一つ開いて実際に設定してみないと、そのデザインやフォントがどんなものなのか判りません。
そこで、全て、実際に作ってサンプルを作ってみました。
ぜひお役立て下さい。
テーマは54種類もある!
こちらは、【Crayon】のテーマ設定画面です。何個あると思いますか?
数えてみたら、57種類も有りました。以下、「テーマ」の右側の下矢印ボタンを押すと、ずらーっと、プルダウンメニューが下に出てきます。
これらが全部、デザインテーマです。
スクロールすると、まだまだ出てきます。
しかし、この表を見ただけでは、一つ一つが、「どんなデザインなのか?」判りませんよね。
実際に作成してアップしてみないと、そのデザインは分からないのです!
そこで、かなり大変でしたが、サンプルを作ってみました。
実際にテーマを確認してから好きなテーマを選んで下さい。
【Crayon】ではデフォルトでは、“Classic” というテーマが選択されています。
そして、フォントのデフォルト値は “monaco” です。
フォントサイズは12ピクセル、行の高さは14ピクセル。
以上が初期値ですが、今回、私が設定したテーマサンプルでもフォントは全て、“monaco” です。
フォントサイズは、見やすいように少し大きめで14ピクセル。高さは17ピクセルにしています。
またツールバーは常時表示設定です。
では、以下、54個のサンプルをご覧ください。
57個のテーマデザインサンプル集
【1】テーマ「1c Zapros」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【2】テーマ「809finest」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【3】テーマ「Ado」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【4】テーマ「Amity」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【5】テーマ「Arduino lde」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【6】テーマ「Bncplusplus」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【7】テーマ「Capacitacionti」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【8】タイトル「Cg Cookie」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【9】テーマ「Cisco Router」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【10】デフォルトの「Classic」 ・デフォルトの「Classic」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【11】テーマ「Code Special Board」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【12】テーマ「Coy」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【13】テーマ「Dark Terminal」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【14】テーマ「Eclipse」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【15】テーマ「Epicgeeks」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【16】テーマ「Familiar」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【17】テーマ「Feeldesign」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【18】テーマ「Flatui Light」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【19】テーマ「Github」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【20】テーマ「Idle」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【21】テーマ「Inlellij Idea」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【22】テーマ「Iris Vfx」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【23】テーマ「Kaderu」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【24】テーマ「Kayote」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【25】テーマ「Light Abite」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【26】テーマ「Mirc Dark」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【27】テーマ「Mm Dark Blue」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【28】テーマ「Monokai」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【29】テーマ「Neon」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【30】テーマ「Obsidian
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【31】テーマ「Obsidian Light」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【32】テーマ「Onderka15」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【33】テーマ「Orange ode」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【34】テーマ「Plain White」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【35】テーマ「Powershell」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【36】テーマ「Powershell lse」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【37】テーマ「Prism Like」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【38】テーマ「Pspad」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【39】テーマ「Qtcreator」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【40】テーマ「Raygun」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【41】テーマ「Seacrets Of Rock
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【42】テーマ「Shell Default」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【43】テーマ「Solarized Dark
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【44】テーマ「Solarized Light」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【45】テーマ「Son OF Obsidian」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【46】テーマ「Ssms2012
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【47】テーマ「Sublime Text」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【48】テーマ「Terminal」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【49】テーマ「Tomorrow」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【50】テーマ「Tomorrow Night」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【51】テーマ「Turmwall」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【52】テーマ「Twilight」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【53】テーマ「Visual Assist」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【54】テーマ「Vs2012」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【55】テーマ「Vs2012 Black」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【56】テーマ「X3info」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【57】
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
フォントも14種類ある
こちらが、用意されている14種類のフォントです。
これも、フォントがたくさんあるのは判るのですが、そのフォントがどのようなデザインの文字なのか?一つ一つ、立ち上げてみないと確認ができません。
そこで、こちらも私の方で、実際に、14種類を立ち上げてみました。
以下、サンプルをご確認下さい。
ちなみに、デフォルトは、“Monaco”というフォントです。
サンプルでは、テーマは、デフォルトのシンプルな“Classic” に統一して表示させています。フォントサイズは、14ピクセル、行の高さは17ピクセルです。
14個のフォントサンプル集
【1】・フォント「Adbe Source Sans」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【2】・フォント「Arial」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【3】・フォント「Consolas」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【4】・フォント「Courier New」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【5】・フォント「Droid Sans Mono」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【6】・フォント「Inconsolata」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【7】・フォント「Liberation Mono」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【8】・デフォルトフォント「Monaco」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【9】・フォント「Monospace」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【10】・フォント「Sourcecodepro」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【11】・フォント「Tahoma」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【12】・フォント「Times」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【13】・フォント「Ubuntu Mono」
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
【14】・フォント「Verdana」"
<a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/article/edit/input” target=”_blank”>editer</a> <a href=”https://blog.seesaa.jp/cms/home/switch?blog_id=842447&goto=/cms/comment/edit/list” target=”_blank”>comment</a>
以上が、【Crayon Syntax Highlighter】で用意されている
“テーマ”と“フォント”のサンプル集でした。
使い方に関して詳しくはこちらの記事をご覧ください。
●【WordPress記事にソースコードを綺麗に表記する方法】
→ https://1stepup.com/wp/crayon
ディスカッション
コメント一覧
以前から気になっていたCrayon Syntax Highlighterですが
ここまで詳しく、デザインを公開しているページはないですね。
すごく参考になりました。
役立つ情報ありがとうございます。
ぶんいち様
コメントありがとうございます。
実は、最初、3つ、4つ、デザインを調べようと思ったのですが、
作業始めたら、いっそ、全部をアップすると、
利用者さんに役立った貰えるのでは?と思い、
チャレンジしました。
お陰でお役に立てたようで良かったです。