[WordPress] プラグイン「Urvanov Syntax Highlighter」テーマサンプル

WordPress プラグイン「UrvanovSyntaxHighlighter」は、WordPressでコードをハイライト表示できるプラグインです。
UrvanovSyntaxHighlighter には、2025年2月現在、60種類のテーマが用意されています。
当期時では60テーマのサンプルを確認出来ます。
テーマサンプル
1c-kod
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
1c-zapros
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
809finest
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
ado
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
amity
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
arduino-ide
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
bncplusplus
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
capacitacionti
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
cg-cookie
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
cisco-router
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
classic
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
coda-special-board
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
coy
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
dark-terminal
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
eclipse
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
epicgeeks
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
familiar
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Feeldesign
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
flatui-light
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
github
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Green White
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Idle
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Inlellij Idea
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Iris Vfx
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Kaderu
<?php
//関数を定義
function hello(){
echo "Hello!!";
}
//関数を呼び出す
hello();
?>
Kayote
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Light Abite
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Mirc Dark
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
MM Dark Blue
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Monokai
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Neon
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Obsidian
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Obsidian Light
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Onderka15
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Orange code
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Plain White
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Powershell
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Powershell Ise
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Prism like
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Pspad
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Qtcreator
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Raygun
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Secrets Of Rock
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Shell Default
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Solarized Dark
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Solarized Light
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Son Of Obsidian
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Ssms2012
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Sublime Text
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Terminal
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Tomorrow lang
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Tomorrow night
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Turnwall
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Twilight
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Visual Assist
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Vs2012
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Vs2012 Black
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
X3info
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Xcode
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
Zidingyi
|
1 2 3 4 5 6 7 8 |
<?php //関数を定義 function hello(){ echo "Hello!!"; } //関数を呼び出す hello(); ?> |
万人受け、人気のテーマ
白背景
● GitHub(最も無難で読みやすい)
・GitHubのコード表示と似ており、開発者がよく見慣れている
・シンプルなデザインで、初心者にも違和感がない
● Solarized Light(目に優しく落ち着いた色合い)
・明るいテーマながら、コントラストが強すぎず目に優しい
・初心者から上級者までストレスなく読みやすい
ダークテーマ
● Solarized Dark(ダークテーマの定番)
・コントラストが強すぎず、落ち着いた雰囲気
・ダークテーマ派の開発者にも人気が高い
● Monokai(ダークテーマのスタンダード)
・プログラマーに人気の高いテーマ(特にエンジニア向け)
・色の強調がわかりやすく、初心者にも理解しやすい
・Sublime Text や VSCode で採用されており、見慣れた人が多い
開発者向け
● VS2012
・Microsoft の Visual Studio の配色に近く、見やすさが考慮されている
・プログラミング環境に馴染んでいる人にとって違和感が少ない
「UrvanovSyntaxHighlighter」には、多彩なテーマが用意されているので、お気に入りのテーマを見つけて、見やすく美しいコード表示を楽しんでください
![MARKLEAPS[マークリープス]](https://markleaps.com/blog/wp-content/themes/mkl/images/00_logo.png)