How to Easily Display Code on Your WordPress Site

Some users want to see and discover code yourself so they want to find solutions
This tutorials will help you find two methods:
Method 1:

please use SyntaxHighlighter Evolved plugin then you go to Setting >> Syntax Highlighter
Screenshot_14

The default setting of this plugin can use for almost websites, you don’t change anything in plugin but you should recheck features and functions to set necessary  with your website.

Every feature will have a description clearly, you read to set exactly. This ‘s simple method to display code

Example:
[php]
<img class="has-retina" src="https://sharepress.net/wp-content/uploads/2016/04/logo-sharepress.png" alt="WordPress Themes, Plugins, Articles &amp; much more - Just another WordPress site">
[/php]

It displays in your website as follow:

<img class=”has-retina” src=”https://sharepress.net/wp-content/uploads/2016/04/logo-sharepress.png” alt=”WordPress Themes, Plugins, Articles &amp; much more – Just another WordPress site”>

Css code:

[css]
header .header-logo #logo img {
max-height: 112px;
}
[/css]

It displays CSS in your website:
header .header-logo #logo img {
max-height: 112px;
}

It’s simple way to display code. It doesn’t take so much time for users are not developers.

With bloggers how to display code, no use plugin.

Method 2:

With bloggers, they use encoder to decorate code you want t use:

Screenshot_15

You can convert HTML, CSS, Java script by this tool, then you copy paste in the posts you want. Don’t forget yo add <code> </code> tag.

That’s all, hopefully this article helped you know how to Easily Display Code on Your WordPress Site. If you have any further questions for us, don’t hesitate to put it up in the comments. See you again in orther tutorials!

Leave a Reply

Your email address will not be published. Required fields are marked *