WordPress Tutorials

Tweak WordPress with HTML

WordPress is undoubtedly one of the most widely used blogging platforms around the web. However, these days, WordPress has become something more. There are numerous websites which have WordPress at their backend. While one can produce content quite easily, what matters is to have an impressive presentation for the website.

It is quite easy to setup your blog with WordPress (it is arguably the fastest one to setup), but to attract traffic, one has to work on producing attractive content for the website. The WYSIWYG editor which comes with WordPress is a great companion, if you are looking for simple copy-n-paste job. However, to compete in the market, one has to know something more than that.

Need to use HTML in WordPress

The philosophy of blogging platforms or any sort of content management systems, is to offer an easy-to-use setup for novices. So, even if you don’t know anything about web development or web designing, you can have a website ready for you. However, this black box like approach cannot give the edge which the current competition demands. To have more control over the design, you should know some simple HTML techniques for the WordPress.

In this post, we shall discuss some of the basic HTML tricks and tips for WordPress blog.

Formatting for monospaced fonts

There are many websites or blogs, which publish posts relating to coding. In these situations, it is advisable to use ‘code’ tag. What it does is produce monospaced letters, which clearly distinguishes the code or syntax part from the rest of the post. It looks as if you are writing on a terminal and thus gives a professional look to the website or blog.

Using ‘pre’ tag

It often becomes tiring to insert a new line tag every time you intend to have a carriage return. Using a <pre> tag, shall let you type as if you are in a word processing software rather than the usual WYSIWYG. This can significantly increase the productivity.

The ‘<’ and ‘>’ signs

If you ever tried using the ‘<’ and ‘>’ signs, in your post, you know how frustrating it can be. The WYSIWYG editor assumes the < and > as the start of HTML tags. Use &lt; (for <) and &gt; (for >). These snippets are easy to remember if you consider the fact that ‘lt’ stands for ‘less than’ and ‘gt’ stands for ‘greater than’.

Switch to HTML view to add more tags

WordPress adds enough tags to make your blog or website have a standard layout. However, to have the full power, you might need to add few things. Like adding a description to the <image>, for image SEO or adding few more ‘meta’ tags. This is of course possible if you know substantial HTML. However, even if you learn it in bits and pieces, you might find a lot of useful pieces of codes.

A helpful feature about the HTML editor for WordPress is that it lists the tags which are meant to be used in the tool bar while editing. This accelerates the learning process if you are starting out new, and gives you speed if you are an expert.

Using Plugins for more features

There are many plugins to the HTML editor which can let you include advanced features. Take for instance, the Embedit plugin which lets you add advanced code snippets in the blog or plugins which let you plugin videos.

All the above tips are simply the starting points, and there are certainly places where you would really feel the need to know some advanced HTML. For example, you can edit the theme files to give an original look to your website. There are plenty of tutorials for learning the HTML. Take the first step by minor tweakings.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.