![MARKLEAPS[マークリープス]](https://markleaps.com/blog/wp-content/themes/mkl/images/00_logo.png){kind=logo}
[WordPress] プラグイン「Urvanov Syntax Highlighter」テーマサンプル
MARKLEAPS
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」には、多彩なテーマが用意されているので、お気に入りのテーマを見つけて、見やすく美しいコード表示を楽しんでください
![[WordPress] プラグイン「Custom Field Template」で投稿者がフィールドを追加出来るようにする方法](https://markleaps.com/blog/wp-content/uploads/2025/01/wp-cft_multiple01-500x254.jpg)
![[WordPress] サブループの2つの記述方法とその違い](https://markleaps.com/blog/wp-content/uploads/2024/12/wp_sub-loop01-500x254.jpg)
