If we are developing a software application, and some time we need to highlight the some piece of HTML code on the page. On that time we need to add a plugin such like “Crayon Syntax Highlighter”.
Although there are many type of ‘Syntax Highlighter’ plugins available. But I recommended the ‘Crayon Syntax Highlighter’ plugin if you working on “WordPress” themes.
Why People Like Crayon Syntax Highlighter?
There are many reasons that users like this plugin, go with some below points:-
User friendly and browser compatibility
We Use the ‘Crayon Syntax Highlighter’ plugin because it is a more flexible, User Friendly, Light Weighted and Browser Compatibility.
Support to the customization themes and languages
It is one of the best Syntax Highlighter plugin for the WordPress. It is built in jQuery and PHP Language. It is support to the customization themes and languages. It can highlight the syntax WordPress Post, local file Or URL as well.
Many type of color theme available
There are many type of color theme available on this plugin where user can customize the theme as per own favorite. We can customize the font size, line height, margin, padding and alignment as well on this plugin.
How to setup Crayon Syntax Highlighter go through step by step below points:-
You need log into your WordPress dashboard. Got to the “Plugins -> Add New” and search the Crayon Syntax Highlighter. Install the plugins and activate the same. Go through the given Image for review.
After install and activate the plugin you need to check same on the Setting page. If plugins installed successfully then crayon button will be show on the setting page. Go through the given Image for review.
Go to the setting of Crayon, There are two type of checkbox available here. we need to checked both of check box mark as true.
a) Enable Live Preview.
b) Enqueue themes in the header.
It should be always checked mark.
Create a new post Go to the “Posts -> Add New” where we can use the Crayon Syntax Highlighter plugin. Follow the given below steps:-
Final Step 5:-
After put the HTML code on the crayon box we need to click the save button. Then you will get the preview of favorite “Syntax Highlighter” code on you browser like given below Image.
Further post that would you like to learn