> ## Content Index
> Fetch the complete content index at: https://skillslane.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# How to Setup Syntax Highlighter For Wordpress
- URL: https://skillslane.com/setup-syntax-highlighter-for-wordpress/
- Published: 2023-09-08T14:39:37.000Z
- Updated: 2026-04-12T11:29:42.000Z
- Author: skillslane
- Tags: COMMON, #Migrated-1775993137276, #wp, #wp-post, #Import 2026-04-12 11:25

If you are tech blogger, syntax highlighter is a must have for your WordPress blog.

The best way to have syntax highlighter for your WordPress blog is using a plugin. There are frameworks like[ prismjs](http://prismjs.com/?ref=skillslane.com) which you can use for highlighting code. You can follow [this tutorial](http://crambler.com/how-to-implement-prism-js-syntax-highlighting-into-your-wordpress-site/?ref=skillslane.com) for that. However, you need to have a good understanding of WordPress backend framework to incorporate prismjs in your blog.

## Setup Syntax Highlighter For Wordpress

As we mentioned earlier the best way to setup syntax highlighter is using a plugin.

1. Go to plugins in WordPress and search for [**Crayon Syntax Highlighter**](https://wordpress.org/plugins/crayon-syntax-highlighter/?ref=skillslane.com)
2. Install the plugin and activate it.
3. You can further customize the look and feel of code highlighter using the plugin settings.

Once installed, you will get an option <> in your post editor. You can add your code to that block as shown below.

![](https://storage.ghost.io/c/74/7e/747e7ce7-cfcb-4f5a-b05a-d92d755328e1/content/images/2026/04/screen-shot-2018-03-10-at-1-06-34-pm.jpg)