Writing Codes in Your WordPress Posts

By | July 28, 2014


While publishing tutorials you might have struggled to add blocks around “Codes” that you wish to share with your audience. Some people use plugins, but with a simple trick you can publish your codes with blocks without installing any plugin.

For an instance you can use following code in your posts; just make sure to use text editor instead of visual editor:

<Pre><PRE STYLE=”font-family:monospace;
border:red 2px solid;
background-color:#000000; “>
bodHOST Bandwidth on Demand

The result will be like this one:

Here, tag “pre” create a block for your code then you can define font-family, font size, width, border color, font color, and background color according to your taste. That’s it!!!