WordPress で記事上にソースコード挿入した際に、美しく表示してくれるプラグイン Crayon Syntax Highlighter には様々なテーマが用意されています。
その数は 58 種類にもなります。
目次
- 1 テーマの一覧
- 2 01. 1c Kod
- 3 02. 1c Zapros
- 4 03. 809finest
- 5 04. Ado
- 6 05. Amity
- 7 06. Arduino Ide
- 8 07. Bncplusplus
- 9 08. Capacitacionti
- 10 09. Cg Cookie
- 11 10. Cisco Router
- 12 11. Classic
- 13 12. Coda Special Board
- 14 13. Coy
- 15 14. Dark Terminal
- 16 15. Eclipse
- 17 16. Epicgeeks
- 18 17. Familiar
- 19 18. Feeldesign
- 20 19. Flatui Light
- 21 20. Github
- 22 21. Idle
- 23 22. Inlellij Idea
- 24 23. Iris Vfx
- 25 24. Kaderu
- 26 25. Kayote
- 27 26. Light Abite
- 28 27. Mirc Dark
- 29 28. Mm Dark Blue
- 30 29. Monokai
- 31 30. Neon
- 32 31. Obsidian
- 33 32. Obsidian Light
- 34 33. Onderka15
- 35 34. Orange Code
- 36 35. Plain White
- 37 36. Powershell
- 38 37. Powershell Ise
- 39 38. Prism Like
- 40 39. Pspad
- 41 40. Qtcreator
- 42 41. Raygun
- 43 42. Secrets Of Rock
- 44 43. Shell Default
- 45 44. Solarized Dark
- 46 45. Solarized Light
- 47 46. Son Of Obsidian
- 48 47. Ssms2012
- 49 48. Sublime Text
- 50 49. Terminal
- 51 50. Tomorrow
- 52 51. Tomorrow Night
- 53 52. Turnwall
- 54 53. Twilight
- 55 54. Visual Assist
- 56 55. Vs2012
- 57 56. Vs2012 Black
- 58 57. X3info
- 59 58. Xcode
テーマの一覧
テーマの名前とクラスに指定する値の一覧です。
クラス列の値は pre タグの class=”theme:~ ” の「~」に指定する値です。
theme:~ の指定を省略すると [Classic] になります。
No | 名前 | クラス |
---|---|---|
01 | 1c Kod | 1c-kod |
02 | 1c Zapros | 1c-zapros |
03 | 809finest | 809finest |
04 | Ado | ado |
05 | Amity | amity |
06 | Arduino Ide | arduino-ide |
07 | Bncplusplus | bncplusplus |
08 | Capacitacionti | capacitacionti |
09 | Cg Cookie | cg-cookie |
10 | Cisco Router | cisco-router |
11 | Classic | classic |
12 | Coda Special Board | coda-special-board |
13 | Coy | coy |
14 | Dark Terminal | dark-terminal |
15 | Eclipse | eclipse |
16 | Epicgeeks | epicgeeks |
17 | Familiar | familiar |
18 | Feeldesign | feeldesign |
19 | Flatui Light | flatui-light |
20 | Github | github |
21 | Idle | idle |
22 | Inlellij Idea | inlellij-idea |
23 | Iris Vfx | iris-vfx |
24 | Kaderu | kaderu |
25 | Kayote | kayote |
26 | Light Abite | light-abite |
27 | Mirc Dark | mirc-dark |
28 | Mm Dark Blue | mm-dark-blue |
29 | Monokai | monokai |
30 | Neon | neon |
31 | Obsidian | obsidian |
32 | Obsidian Light | obsidian-light |
33 | Onderka15 | onderka15 |
34 | Orange Code | orange-code |
35 | Plain White | plain-white |
36 | Powershell | powershell |
37 | Powershell Ise | powershell-ise |
38 | Prism Like | prism-like |
39 | Pspad | pspad |
40 | Qtcreator | qtcreator |
41 | Raygun | raygun |
42 | Secrets Of Rock | secrets-of-rock |
43 | Shell Default | shell-default |
44 | Solarized Dark | solarized-dark |
45 | Solarized Light | solarized-light |
46 | Son Of Obsidian | son-of-obsidian |
47 | Ssms2012 | ssms2012 |
48 | Sublime Text | sublime-text |
49 | Terminal | terminal |
50 | Tomorrow | tomorrow |
51 | Tomorrow Night | tomorrow-night |
52 | Turnwall | turnwall |
53 | Twilight | twilight |
54 | Visual Assist | visual-assist |
55 | Vs2012 | vs2012 |
56 | Vs2012 Black | vs2012-black |
57 | X3info | x3info |
58 | Xcode | xcode |
以下にそれぞれのテーマについて HTML, CSS, jQuery (JavaScript), PHP, C#, SQL のソースコードを設定した場合のデザインを表示していきます。
01. 1c Kod
02. 1c Zapros
03. 809finest
04. Ado
05. Amity
06. Arduino Ide
07. Bncplusplus
08. Capacitacionti
09. Cg Cookie
10. Cisco Router
11. Classic
12. Coda Special Board
13. Coy
14. Dark Terminal
15. Eclipse
16. Epicgeeks
17. Familiar
18. Feeldesign
19. Flatui Light
20. Github
21. Idle
22. Inlellij Idea
23. Iris Vfx
24. Kaderu
25. Kayote
26. Light Abite
27. Mirc Dark
28. Mm Dark Blue
29. Monokai
30. Neon
31. Obsidian
32. Obsidian Light
33. Onderka15
34. Orange Code
35. Plain White
36. Powershell
37. Powershell Ise
38. Prism Like
39. Pspad
40. Qtcreator
41. Raygun
42. Secrets Of Rock
43. Shell Default
44. Solarized Dark
45. Solarized Light
46. Son Of Obsidian
47. Ssms2012
48. Sublime Text
49. Terminal
50. Tomorrow
51. Tomorrow Night
52. Turnwall
53. Twilight
54. Visual Assist
55. Vs2012
56. Vs2012 Black
57. X3info
58. Xcode
皆さんもご自身のブログに挿入したソースコードを Crayon Syntax Highlighter で綺麗に表示してみてください。
さすがに 58 種類もあると、どのテーマにするか迷ってしまいますが、ブログの読者にとって見やすいと思うテーマを選ぶのが一番かと思います。