StackTips
 2 minutes

How to Add Google Prettify Syntax Highlighter in WordPress

By Editorial @stacktips, On Sep 17, 2023 Wordpress 2.26K Views

Include the following script tag in your to your WordPress theme before </head> to support Google Prettify Syntax Highlighter.

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

Now notice that the script will load for all pages and Syntax Highlighter will work fine. You can improve this by not loading the script in your homepage or archive page.  To load script only on singles single post, add the following snippets to your theme functions.php file. This will add the hook to <head></head>.

/**
 * Add Google Prettify Syntax Highlighter
 */ 
function custom_gcp_js() {
    if(is_singular(array( 'post', 'deals', 'books'))) {
      echo '<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>';
    }
  }
add_action('wp_head', 'custom_gcp_js');
stacktips avtar

Editorial

StackTips provides programming tutorials, how-to guides and code snippets on different programming languages.