{"id":8103,"date":"2013-04-22T16:13:36","date_gmt":"2013-04-22T21:13:36","guid":{"rendered":"http:\/\/www.jbaker.info\/?p=8103"},"modified":"2013-04-22T16:13:36","modified_gmt":"2013-04-22T21:13:36","slug":"how-to-display-programming-code-snippets-in-a-wordpress-post","status":"publish","type":"post","link":"https:\/\/www.jbaker.info\/demo05\/how-to-display-programming-code-snippets-in-a-wordpress-post\/","title":{"rendered":"How to Display Programming Code Snippets in a WordPress Post"},"content":{"rendered":"

There are a lot of examples on the Web explaining how to use <pre><code> blocks to display programming code in a post. And there are a lot of plugins that claim they will allow you to display your code easily but I had never found one that actually worked well. <\/p>\n

I was frustrated with finding a simple solution to this problem. Up until today, that is. Here is a plugin that works for what I want it to do.<\/p>\n

A Plugin to Post Code Snippets That Actually Works<\/h3>\n

\n\"code_snippet_plugin\"<\/a>\n

<\/div><\/p>\n

The Code Snippet Library plugin<\/a> uses it’s admin section to store your snippets of code. You then display the snippet in your post by using a shortcode. When you save the snippet, the plugin generates an id number for it. You use the id with the shortcode to display the code. <\/p>\n

For example, I saved a PHP bubble sort and the id number was 70. To display the code you only need to put [snippet id="70"] in your post. This is the result:<\/p>\n

[snippet id=”70″]<\/p>\n

In some ways it is a little bit of a hassle to save the code in the plugin’s admin section. But it is easy to learn to live with this because the displayed code in the post just works. And ‘just works’ is very good.<\/p>\n

At this point I highly recommend this plugin if you want what seems to be foolproof way of putting code snippets in your posts. The plugin also has choices for a number of themes, both light and dark. You can find more information and download the plugin here: Code Snippet Library plugin at WordPress.org<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

There are a lot of examples on the Web explaining how to use <pre><code> blocks to display programming code in a post. And there are a lot of plugins that claim they will allow you to display your code easily but I had never found one that actually worked well. I was frustrated with finding… Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-8103","post","type-post","status-publish","format-standard","hentry","category-programming-tips-and-tricks"],"_links":{"self":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts\/8103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/comments?post=8103"}],"version-history":[{"count":0,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts\/8103\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/media?parent=8103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/categories?post=8103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/tags?post=8103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}