Using HTML in WordPress

Using HTML in WordPress

HTML is Hyper Text Markup Language!
Using HTML in WordPress is one of the first things you will master.
I believe that you feel the same like me when I’ve seen this for the first time and every other time until tonight when I decided to face it and master it 🙂 

 

 

 


What is HTML code


Beside standard letters on the image above, do you see some hieroglyphics? Those are HTML codes!
I learned that tonight. I am currently on the 1st lesson – PHASE 2  of the Wealthy Affiliate Bootcamp. In this lesson, Kyle gave us a task to change a font size of our text into some readable.

The paragraph in a WordPress is too small for reading (size 10 in Word and size 12 or 13 is perfect for the text in a site’s content).

WordPress Themes have already made Headings which I can use if they fit in my content. They are excellent for Titles and Subtitles, but not for the rest of the text. Why? Because they are bold and, I don’t want my text to be like that.
They look like this:

Using HTML in WordPress

Since I had no idea how to change a font size in my WP Theme, I searched in a WA Platform and found a tutorial Using HTML To Change The Font Size which shows how to do that without stressing out! It is very very simple!

 

 

Using HTML in WordPress


Since creating content is done in a Visual mode (that’s when text looks regular), to add those HTML codes, I need to switch on a Text mode (the one with hieroglyphics).
Let’s say that I want to change
this word to a bigger font. I will find it in a Text mode and type <font size=”7″> in front of this word and </font> right after it. And it will look like this:

Text:                                                          Visual:

Using HTML in WordPress Using HTML in WordPress

Now, there are different sizes from 1 to 7 and as you can see SIZE 7 is TOO BIG!! That’s why I use SIZE 3 instead. 

It’s important to include all parenthesis. Otherwise, the code will appear in a visual mode, and you will make a mess in your content, but don’t worry, by that time you will get where you’ve made a mistake. Once when you spend time looking for the words or sentences you want to change, the hieroglyphics “disappear”.. you just get used to on them. 

 

 

Some other kinds of HTML codes


When I realized that it is so useful knowing this, I decided to test it on my text in a widget that is a part of my Home page. 

Using HTML in WordPress

I wanted to change the SIZE, the COLOR, and some words to BOLD.
The principle of doing this is the same. You need to find that word in a text mode. And add codes around it:

1.HTML FONT SIZE CODE:
<font size=”3″> my text that I am changing
</font>

Using HTML in WordPress

2.HTML COLOR CODE:
<span style=”color: #339966;”> 

 Using HTML in WordPress
 After I typed it my text looked like this:
Using HTML in WordPress

3.HTML BOLD CODE:
<strong> the word I am changing </strong>

Using HTML in WordPress
After I typed it my text looks like this:
Using HTML in WordPress

Note that the numbers in COLOR CODE depend on the color you would like to use. This particular one is the GREEN one I am using on my site. The entire list of the HTML color codes you can find within this Tutorial.

I would suggest to you from my experience to change the size before anything else. It will be much easier for you to do that before you get the rest of the codes breaking through your sentences. Try it! You will see what I mean!

As you can see, using HTML in WordPress is very simple. For me even interesting so much that I created a post for you! 🙂
I hope you enjoyed it and that you will enjoy your work in a Text mode. 

See you soon with some other good news! 


Free counters!

Below is a comment section. If you have any questions, please don’t hesitate to ask. I would also more than appreciate your opinion and thoughts.🙂
You can reach me directly on 
My WA Profile as well. 

 

18 comments

  1. Liz says:

    Thanks for this excellent information! I had no idea I could change my font size in the HTML part of WordPress. Like you, I have stayed away from HTML as much as possible, but now I can see where I can start to learn more about it and overcome my fear of it.

    Always something more to learn about WordPress!

    • Sunny says:

      Yay! I’m so glad to hear that!!! That’s the purpose of the post, to inspire on using HTML 🙂 If you have any issues with it let me know I am mastering it lol
      Thanks for your feedback! 🙂

      Much success to you!
      Best,
      Sunny

    • Hari S Nair says:

      Hi Sunny,
      Like you I too thought HTML is some complex stuff when I began using word press but then I realized that this is really a lot easy then it appears to be. It is very good to keep the knowledge of HTML codes and it can be done by observing how our posts look by looking at the text area, some people like to work with HTML only. Most importantly, knowing about HTML codes also lets us to detect the unwanted codes that sometimes get s added up; I always keep an eye on it. Also you need a little HTML knowledge to do some specific stuff without relying on wordpress functions like adding a “nofollow” links needs to be done manually for the affiliate links.

      • Sunny says:

        Hi Hari,

        I love that you like the HTML too! I simply love it! Especially because is so calming just doing it lol
        And you can see a result right away! I am too looking forward to get to know some other codes and to add them on the page. I am still trying to figure out a paragraph space and some other codes by myself before I get to instructions 🙂

        I think that I can do it now lol

        Thanks for your feedback!
        Best,
        Sunny

      • Tyron says:

        Hello Sunny,

        This is indeed very detailed and helpful information that I’m sure many people can use. Thank you.

        • Sunny says:

          Thanks Tyron,
          It makes me happy hearing that! Thanks for the feedback 🙂
          Best,
          Sunny

        • Norman Richards says:

          Hello Sunny thanks a million for this awesome advice, This information is so good and I am very greatful for all of your help. It is a lot to digest but I will try to undersatnd it, hopeful I will catch on as easy as you did, wishing you the best of you success thanks again and have a good day.

          • Sunny says:

            You are very welcome. Trust me it’s super easy once you get into it. I promise you that since I had no clue about those codes before I heard Kyle saying in the lesson we should increase our font size.. I was like Alice in Wonderland but soon enough I got it! You will too! Good luck and let me know how it goes 🙂

            Best,
            Sunny

          • Simon says:

            Hi Sunny,
            You’ve certainly taught me something regarding HTML code here.

            I haven’t got going with much coding yet but I always wondered how do you change the size of the odd word within a line of text.

            I see this all the time but when you are in visual mode as soon as you change from paragraph to say heading 3, this will change you whole line of text to heading 3.

            Now I know how it’s done.

            Thanks for teaching me.
            All the best,
            Simon.

            • Sunny says:

              Yes that’s right! That was an issue for me before I ”discovered” HTML codes lol
              So much of that to learn here. I am so happy that you have found this page useful.
              I learned some new codes since I created this post and I am thinking of making the second part 🙂
              It will be one of my blogs

              Best,
              Sunny

            • Grace says:

              This is great HTML coding info for people who haven’t seen what html coding is! There’s so much to learn about coding that it could get quite complicated.

              That’s why I thank god for WordPress and Wealthy Affiliate to help me along the way! 😉 It was so hard building a website before with just coding, that’s what I did when the internet started… now it’s much easier to learn!

              Great job, Sunny!
              Grace

              • Sunny says:

                Thanks Grace,
                I can imagine the work needed to be done back in the days when WordPress was not available.
                I am so lucky too!

              • Michelle says:

                Great post, Sunny. I have often wondered about using different fonts in my text – now I can give your suggestions a try and see what happens. Thank you for the hints…I am off to the races!

                • Sunny says:

                  I am glad that you know how to do it now. HTML can be even fun 🙂

                • James says:

                  HTML is scary for most people, was for me.

                  But not now, sometimes I’m surprised at what I can achieve with a few tweaks in html.

                  Now on to CSS

                  • Sunny says:

                    I am glad to hear that you are the one who was being scared of the HTML too LOL
                    Since I know what you are able to do now and how much you know 🙂
                    Thanks for stopping by!

                    Sunny

                  • Martina says:

                    Hey Sunny!
                    This is a great point – I’ve been running my blogs for about a year now and I’m terrible at HTML. You mentioned that you’re learning this with a Wealthy Affiliate course? Would you mind giving me the link to that? I’m trying to get my main menu below my main header image and I have nooooo idea! Also I’m trying to generally make my website more colorful