{"id":71913,"date":"2012-02-17T10:45:57","date_gmt":"2012-02-17T15:45:57","guid":{"rendered":"http:\/\/wpmu.org\/?p=71913"},"modified":"2013-07-09T20:48:11","modified_gmt":"2013-07-10T00:48:11","slug":"get-pretty-code-snippets-in-wordpress-with-sunburst-code-prettify","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/get-pretty-code-snippets-in-wordpress-with-sunburst-code-prettify\/","title":{"rendered":"Get Pretty Code Snippets in WordPress with Sunburst Code Prettify"},"content":{"rendered":"<p><a href=\"http:\/\/wordpress.org\/extend\/plugins\/sunburst-code-prettify\/\" rel=\"noopener\" target=\"_blank\">Sunburst Code Prettify<\/a> is a new plugin for WordPress developers who like to write posts with code in them. It incorporates <a href=\"http:\/\/code.google.com\/p\/google-code-prettify\/\" rel=\"noopener\" target=\"_blank\">Google Code Prettify<\/a> into your site so that you can have pretty syntax highlighting for your snippets.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-71918\" title=\"google-code-prettify\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/02\/google-code-prettify.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"620\" height=\"235\" \/><\/p>\n<p>The plugin contains the CSS file for the Sunburst theme syntax highlighting formatting but it&#8217;s not limited to this one. You can change the appearance using the <a href=\"https:\/\/raw.githack.com\/google\/code-prettify\/master\/styles\/index.html\" rel=\"noopener\" target=\"_blank\">other syntax highlighting themes available from Google<\/a> so that it looks like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-71928\" title=\"pretty\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/02\/pretty.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"647\" height=\"238\" \/><\/p>\n<p>Or this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-71929\" title=\"code-snippet\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/02\/code-snippet.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"647\" height=\"230\" \/><\/p>\n<p>Yummy to look at, isn&#8217;t it? Prettified code is much easier to read and understand. If you&#8217;re posting code snippets at all, you should strongly consider using a syntax highlighter such as this one.<\/p>\n<p><a href=\"http:\/\/wordpress.org\/extend\/plugins\/sunburst-code-prettify\/\" rel=\"noopener\" target=\"_blank\">Sunburst Code Prettify<\/a> was created by WordPress developer <a title=\"Rachel Baker WordPress developer\" href=\"http:\/\/rachelbaker.me\/\" rel=\"noopener\" target=\"_blank\">Rachel Baker<\/a> and is available for free from the plugin directory.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want pretty code on your blog? Check out this new syntax highlighter for WordPress.<\/p>\n","protected":false},"author":4099,"featured_media":71934,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4],"tags":[1044,390],"tutorials_categories":[],"class_list":["post-71913","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","tag-css","tag-code"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/71913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/4099"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=71913"}],"version-history":[{"count":1,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/71913\/revisions"}],"predecessor-version":[{"id":198898,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/71913\/revisions\/198898"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/71934"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=71913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=71913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=71913"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=71913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}