Using HTML Entities to Display Code in WordPress Posts
HTML entities are special code that is parsed by browsers to display the character associated with that particular entity. For example:
& becomes &
< becomes <
> becomes >
Using HTML entities you can display code inside your WordPress posts.
<div class="awesome"> will be displayed in the browser like this:
<div class="awesome">
This method is particularly useful if you only russian virtual mobile number want to display a couple of lines of code. However, this method can be difficult to apply manually for multiple lines of code.
To solve this problem you can use an online HTML entity encoder, such as this one . Simply put the code you want to convert and hit the encode button. It will convert your code into HTML entities and you can safely paste it inside the <head> tag <code></code>.
Using a plugin to display code in WordPress posts
If you frequently share code snippets in your posts, then the methods mentioned above are not going to work for you. The first thing you need to do is install and activate the SyntaxHighlighter Evolved plugin . It will save you the trouble of converting code into HTML entities. Not only that, but it will highlight the code to display it in a much more readable format.
It works out of the box, all you need to do is wrap your content with specific language tags. For example, if you are sharing code that is primarily in PHP, then you would wrap your code like this:
I hope this article helped you display code in WordPress posts and pages.
If you enjoyed this article, please join ThemeLab on Twitter and Google+ .