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 種類もあると、どのテーマにするか迷ってしまいますが、ブログの読者にとって見やすいと思うテーマを選ぶのが一番かと思います。