{"id":58,"date":"2017-07-16T00:08:22","date_gmt":"2017-07-16T05:08:22","guid":{"rendered":"http:\/\/1uslchriston.ad.here.com:8080\/blog\/?p=58"},"modified":"2019-06-10T13:07:21","modified_gmt":"2019-06-10T18:07:21","slug":"how-to-make-a-custom-enlighter-theme-for-wordpress-code-highlighting","status":"publish","type":"post","link":"https:\/\/bluegalaxy.info\/codewalk\/2017\/07\/16\/how-to-make-a-custom-enlighter-theme-for-wordpress-code-highlighting\/","title":{"rendered":"WordPress: How to make a custom Enlighter theme for code highlighting"},"content":{"rendered":"<p>According to this page:<br \/>\n<a href=\"https:\/\/wordpress.org\/support\/topic\/custom-background-color-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/wordpress.org\/support\/topic\/custom-background-color-5\/<\/a><\/p>\n<p>The regular Enlighter plugin themes are stored in this minified css file:<\/p>\n<p><code class=\"EnlighterJSRAW\" data-enlighter-language=\"no-highlight\">\/wp-content\/plugins\/enlighter\/resources\/EnlighterJS.min.css<\/code><\/p>\n<p>and the css files for the Enlighter plugin themes can be found here:<\/p>\n<p><code class=\"EnlighterJSRAW\" data-enlighter-language=\"no-highlight\">\/wp-content\/plugins\/enlighter\/views\/themes\/<\/code><\/p>\n<p>for example:<\/p>\n<p><code class=\"EnlighterJSRAW\" data-enlighter-language=\"no-highlight\">\/wp-content\/plugins\/enlighter\/views\/themes\/mootwo.css<\/code><\/p>\n<p>However, to create a new custom Enlighter css theme and have it show up in the Enlighter plugin options, I must create a new folder called &#8220;enlighter&#8221; and place my new css file there. For example:<\/p>\n<p><code class=\"EnlighterJSRAW\" data-enlighter-language=\"no-highlight\">\/wp-content\/themes\/&lt;your-wp-theme&gt;\/enlighter\/&lt;yourtheme&gt;.css<\/code><\/p>\n<p>What I need to do to test this is to make a copy of one of the existing themes and rename it, add it to this new location, and replace all references to the theme name from inside the css. After restarting WordPress, the new theme should show up as an option in the Enlighter plugin.<\/p>\n<p>I made a copy of the enlighter.css file, renamed it to chris.css, and copied it here:<\/p>\n<p><code class=\"EnlighterJSRAW\" data-enlighter-language=\"no-highlight\">\\wp-content\\themes\\hemingway-rewritten-wpcom\\enlighter\\chris.css<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>According to this page: https:\/\/wordpress.org\/support\/topic\/custom-background-color-5\/ The regular Enlighter plugin themes are stored in this minified css file: \/wp-content\/plugins\/enlighter\/resources\/EnlighterJS.min.css and the css files for the Enlighter plugin themes can be found here: \/wp-content\/plugins\/enlighter\/views\/themes\/ for example: \/wp-content\/plugins\/enlighter\/views\/themes\/mootwo.css However, to create a new custom Enlighter css theme and have it show up in the Enlighter plugin options, I &hellip; <a href=\"https:\/\/bluegalaxy.info\/codewalk\/2017\/07\/16\/how-to-make-a-custom-enlighter-theme-for-wordpress-code-highlighting\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">WordPress: How to make a custom Enlighter theme for code highlighting<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[10,11,9],"class_list":["post-58","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-css","tag-enlighter","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":12,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/58\/revisions"}],"predecessor-version":[{"id":2763,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/58\/revisions\/2763"}],"wp:attachment":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/media?parent=58"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/categories?post=58"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/tags?post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}