How To Display Code In Wordpress Site

0
How To Display Code syntax highlighter In Wordpress Site
Showing codes in your WordPress is not easy.In this article,we will tell you how to display syntax highlighter code on your wordpress site.
First you need to install and activate the Synatx Highlighter Evolved plugin. After activation, you need to go Settings » Syntax Highlighter to configure the plugin settings.
Wordpress syntax highlighter code display settings page
 Each option has detailed description to explain what it does. Once you are done, simply click on the save changes button to store your settings.Syntax Highlighter evolved plugin uses simple shortcodes to display code. For each language you need wrap your code in the shortcode for that language.
Example:
For PHP you will wrap your code like this:
[php]
<?php
echo “Hello”;
?>
[/php]
For CSS you will wrap your code like this:
[css]
.entry-title {
font-family:”Open Sans”, Times, sans-serif;
font-size:12px;
color:#FF3333;
}
[/css]
Syntax Highlighter will automatically highlight the code. It will also add line numbers and handle tab indent properly. Users will be able to easily copy and paste code snippets from your WordPress website.

How to Display Code in WordPress Without Using Plugin

you can add code by encoding the code into HTML entities.
Example:
&gt;?php echo "Hello World"; ?&lt;
To convert code into HTML entities you can use our tool from here.After converting PHP, HTML, JavaScript code into HTML entities, you can paste them into your WordPress posts. For additional you can wrap your code between <code> and </code> tags.

We hope this article helped you find the best Display code syntax highlighter plugin for WordPress.If you liked this article you can Join us on Facebook,Twitter,Google Plus.
How To Display Code In Wordpress Site,best syntax highlighter tutorial tip trick for wordpress website blog,easily display codes in wp from plugin
Showing codes in your WordPress is not easy.In this article,we will tell you how to display synt...
SUMMARY

How To Display Code In Wordpress Site,best syntax highlighter tutorial tip trick for wordpress website blog,easily display codes in wp from plugin

You Might Also Like:

We hope this article helped you to learn How To Display Code In Wordpress Site. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "How To Display Code In Wordpress Site" So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand