HTML Code and WordPress

With the new software available, both in the form of software and cloud-ware, many designing their WordPress site have never found the need to learn HTML code. Even if you are just using the default WordPress editor, the visual interface allows authors to do all basic functions. While this is convenient, every web developer needs to know enough HTML code to get around. Being able to make changes in HTML is extremely powerful, and a huge¬†time saver¬†in situations where the graphical user interface (GUI) just won’t take you where you want to go.

When reviewing your pages, you will invariably come across something which needs to be changed. It may need to be bolded, italicized, underlined or a link added. If so, modifying the HTML can be far quicker than going all the way back to your visual editor. Luckily, these are also the easiest to modify. To make a word bold, just add in front of the word and on the other side. For italics and underlining the code is and respectively. To add a link, the command refers to “an html reference at…” like so: . To make this open up in a new window, add “target=”_blank” to the end of the code before the closing bracket (>).

That’s the easy stuff. To change sizes, indents, and so on, you will probably still want to use your visual editor. It’s easy to accidentally miss one letter or bracket and end up with a broken page, especially with how complex most HTML is these days. You should still know, however, how to modify that code for quick changes. For example, if you want to increase or test an increase in size, check the code at the beginning of your paragraphs. You can quickly modify the size by changing the font size within that code, or change the font itself by typing in the name of one you would like to see. Once you get the hang of it it can save a lot of time by making quick ad-hoc changes in HTML instead of importing and exporting entire pages.

Every up and coming web developer should own a copy of HTML/XML for Dummies, or a similar title. This will give you the tools you need to be a power-user. Modifying and writing HTML code after a while becomes natural, and it is great to be able to see an error on a page and think “Oh, there must be a missing break there.” Plus, learning code is fun, like learning a language written in math and logic. It’s written very intuitively, so anyone can do it.

Have a great weekend from WeLoveWP!

5 Responses to “HTML Code and WordPress”

  1. Josh

    Looks like it didn’t take the html code. I won’t use the code.

    For bold, it is recommended to use strong not b in terms of validity.

    • Author

      In the end, the result is the page the customer or viewer is seeing. In that respect, <b> is the same as <strong>. There is a difference between presentation and semantics, but that’s not important for design. When coding by hand, whichever is quicker for the user is better. Also, to get < and > use &LT; and &GT; in lower case respectively.

  2. sakhsen

    It is good to use xhtml standard that would improve html coding standards.

  3. Rebecca Pollard

    How can you get the HTML code for the whole site to make changes – not just make changes on the posts?

    I want to add a header with clickable images, redesign the layout, etc

    • We Love WP

      Hi Rebecca,

      You can connect to any ftp program, like Filezilla to make changes to your themes header files or change your layout. You will need to download your current theme: wp-content/themes, then make the changes!


Leave a Reply