As originally discussed in the my first post, there are two places you can enter code. This post will talk about some basics of entering code in each post/page. To keep it simple in this article I will say something like ‘in a post’, but you can swap the phrase with ‘in a page’ as they are interchangeable. Also a quick reminder that this article (and the whole blog) is in relation to WordPress.
When you open a new post you will be greeted with an area to write your post. Most themes have you opening up under the Visual Tab (tab is in the top right hand corner). The Visual Tab will basically make what you see in the writing area the same as what you will see in a published post. This is great as it gives you the visual representation of how your post will look. It is also great for the beginner who doesn’t understand writing code.
In the visual mode WordPress helps you out a lot by giving you buttons to click for what is effectively entering code. However this limits you to the codes that WordPress or your theme gives you.
To enter your own code you need to click onto the Text Tab. Here you will be able to enter any code you want (as well as code that WordPress and your Theme gives you). On this tab it won’t look anything like the Visual Tab. It is all just text and sometimes some (what looks like confusing) code. Here is an example of what something looks like in the Visual Tab compared to a Text Tab (I have used an example of a link to a website).
On Visual Tab
On Text Tab
<a href=”http://nba.com/” target=”_blank”>Click here for more information</a>
As you can see, much easier for the beginner on the Visual Tab! However after a little bit of practice you can get quite good at writing in the Text Tab. Now I’m not saying you should use the Text Tab exclusively, that would just be silly. By using the Visual Tab you can do a lot of stuff much quicker. But you are limited in exactly what you can do. To make your blog/website really pop (or do exactly what you want) you will want to improve on your ability to enter that code.
The example I gave you above can be generated by using the WordPress shortcut code under the Visual Tab. Easy stuff. But if you really want to make custom changes, you can’t rely on the shortcut code. Say you want to make it a no follow link, the only way to do it is by adding code in the Text Tab. The above link would now look like this under the Text Tab…
<a href=”http://nba.com/” rel=”nofollow” target=”_blank”>Click here for more information</a>
You can customize your link in an almost unlimited number of ways. I won’t go into all those details in this post as that will get a separate post directly related to links.
In future posts I will go further into different codes you can enter into the Text Tab to make your blog or website do exactly what you want, so stay tuned!