Simon Ugorji

<blockquote>
PLEASE NOTE THAT THIS PLUGIN DOES NOT AND WILL NEVER EXECUTE ANY TYPE OF CODE ON YOUR WORDPRESS SITE!
</blockquote>
This plugin uses Google Prettify which is an open-source syntax highlighting library.
This plugin relies on 3rd party services under the circumstances below;
<ol>
<li>
<a href="https://github.com/googlearchive/code-prettify/" rel="nofollow ugc">Syntax highlighting</a> – This is the core library that will make your snippets to be formatted according to your chosen language.
</li>
<li>
<a href="https://jmblog.github.io/color-themes-for-google-code-prettify/" rel="nofollow ugc">Color Themes</a> – This is the color themes that can be used to change what your code snippets looks like
</li>
</ol>
You can find the Terms of Use and privacy policy on the links above.
<h3>HOW TO USE</h3>
CREATE A NEW SNIPPET
<ol>
<li>Head Over to the New Snippet page to create a New Code Snippet.</li>
<li>On the page, add a title for the new snippet.</li>
<li>Select the Language you’re working with.</li>
<li>Type in the code in the code box and when you’re done, click on Preview.</li>
<li>Click on Save to save your code snippet.</li>
</ol>
<blockquote>
NOTE: YOUR CODE SNIPPETS ARE ENCODED AND STORED AS PLAIN TEXT TO PREVENT ITS EXECUTION
</blockquote>
MANAGE CODE SNIPPETS
<ol>
<li>Head Over to the All Snippets page to view existing code snippets.</li>
<li>You can click on the Copy button to copy the shortcode for the snippet.</li>
<li>You can click on the Edit button to edit a code snippet.</li>
<li>You can click on the Delete button to delete a code snippet.</li>
</ol>
EDIT CODE SNIPPET
<ol>
<li>Head Over to the All Snippets page to view existing code snippets.</li>
<li>Click on the Edit button to redirect you to the edit page.</li>
<li>On the Edit page, change the title for the snippet.</li>
<li>Change the Language you’re working with.</li>
<li>Modify the code in the code box and when you’re done, click on Update.</li>
</ol>
EMBED CODE SNIPPET
<ol>
<li>Head Over to the All Snippets page to view existing code snippets.</li>
<li>Click on the Copy button to copy the shortcode for the snippet.</li>
<li>In any of your wordpress posts, place the copied shortcode & save the post.</li>
<li>Preview the post to see the snippet embedded right where you want it.</li>
</ol>

Coding Blocks

code block, syntax highlighter, code highlighter, editor, php, html, css, javascript, python, java, jsx, react, snippet, highlight, syntax, github, p …

Jared Harbour

Josh Lyford

Prettify is a WordPress plugin that automatically embeds the required javascript for Google Code Prettify. It also includes a preview of what your code will look like and the ability to customize the look by installing <a href="https://wordpress.org/extend/plugins/themekit/" rel="ugc">ThemeKit For WordPress</a>. ThemeKit For WordPress is also on WordPress.org.
If you prefer you can run the plugin without ThemeKit and it will just use the default Prettify styles.
Features include:
<ul>
<li>ThemeKit ready.</li>
<li>Easy to use syntax and styling. </li>
<li>Same syntax highlighter as <a href="http://css-tricks.com" rel="nofollow ugc">css-tricks.com</a>.</li>
</ul>

Prettify For WordPress

Easily add Google Code Prettify to your WordPress site. Customize the coloring with easy with options powered by ThemeKit For WordPress.

Coding Blocks vs Prettify For WordPress