How to change the Font for your Word Press Theme with the Easy Google Font Plugin.Tutorial.

Change the font on your website with google fonts

Can you change the Font for your Word Press Theme without CSS or HTML?

Yes, you can. There are different Themes who have the typography already pre-installed. Unfortunately, my Theme did not have it, and my font when I use the headlines and I wanted to make some words bold looked very funny. I was looking for an option to change my Font for my WordPress Theme.

how to change the font on my WordPress Theme

I looked around and tried some options, and when I tried to change the font on my Theme through CSS. Style it did not work. With every update it went back to the old font, I could also not overwrite the default font. I guess my Theme pulls the fonts from somewhere else.

On another website, I use a different Theme it worked with CSS. Style Sheet but only for my posts and the pages I had to re-do again. As I am not a Programmer and don’t want to mess up my site I decided to look for a plugin that is not too heavy and will not slow down my site speed. I found a plugin and installed it.

The Easy Google Font Plugin the best free plugin with so much variety.

I have done a few tests and I have changed now my fonts on one both my sites, and I am so happy with the result. I discovered a few neat tricks.

If you have a Theme what has Typography, it is easy to change it there.

For all the other users who have the same problem as I have, I will show you how to use the Easy Google Font Plugin and a few neat tricks.

It is easy to use, and it helps you to change the fonts in your Theme.

Want to know the ultimate way to make money online. Please download my free eBook.

Download the free Ultimate Way To Make Money Now!
Ultimate Way To Make Money Now! is an e-book written by myself and I hope you will find this guide useful. I have shared my problems and my obstacles I ran into it when I started. It gives you information on how to create a successful online business. Easy to read. I promise it is not boring.
We respect your privacy. As I hate spam, we will not spam you.

How to get started with the Easy Google Font Plugin.

The Easy Google Font plugin is one of the best free plugins what is available right now for marketers and for web designers. It has a great range of fonts, and you can also change your font colour, font size, font appearance, space and so much more.
I tried a few font plugins but the google font plugin I find is the best. I use it now for any WordPress Theme that has no Typography option available.

Whenever I use a plugin I test the site speed before and after, the result is that the Google fonts is less dense and is not slowing down my site. Please, whenever you install a plugin and do some changes on your site do not forget to back up your site.

Step 1. Log into your site and go to Dashboard> Plugins> Add New > look for the Easy Google Font Plugin> and install it> activate it.

easy google font plugin

The Google Font plugin is a win-win for every web designer out there.

Google fonts plugin paragraph to headlines

Step 2.
Go to your Dashboard and click appearance > go to customizer> click on it > open it and there you can see a brand new item on the customizer dashboard called Typography. > click on it > and it open Default Typography > click on it and you can see the paragraphs and headline one, headline two through to headline six. ( Depend on your Theme)

If you scroll down a little bit, we got first of all the standard web fonts that are all the stuff that is on your computer and then we have the google stuff. Then we have the Script Subset > all Subset we do not worry about this now. We go down to Heading one.

If we change Heading one we go to Heading one choose font> click on it and choose New Rocker ( That is the font I choose for you to see)> You can see immediately that your heading one has changed. >If you change now heading two, three, four, five, six to New Rocker > You can see it is very fast to change the font of your headings.

Change of your Theme font headline 1

I was pleasantly surprised at how easy and how much the google font plugin can do.
Discover more options, there is font weight, and that usually applies only to the google form that has options on font weight.

Step 3. Change the Font Weight, Text Decorations and Text Transform on your WordPress Theme.

When we choose a more flexible font like “open sans” we can see that we have different options like font weight/style. If we go up to 800 then you can see that we also have text decorations like underline, sounds a bit weird, or overline sounds even weirder, line through, and we have text-transform like uppercase, lowercase, and capitalize.

Google Font plugin different Font styles for your WP Site

Use things you know that potentially work in text transformations like uppercase and it could be useful. The options are flexible. Save or click publish.

Change the Font Colour on your Word Press Theme.

Step 4. >Click on Appearance Tab

If you click on the appearance tab which is for things like font colour, you can change it to red or blue, or to black as I can see many themes have the anthracite colour now I don’t like it very much, so I changed mine to black.

Change the Font colour on your WP Site

If you click on the appearance tab which is for things like font colour, you can change it to red or blue, or to black as I can see many themes have the anthracite colour now I don’t like it very much, so I changed mine to black.

I love this google font plugin as it is excellent and it is free so what are you waiting for install it now.
All the functionality goes right through from your header one tag to header six tag and paragraph.

We change header 3 to font nixie it has one weight and when we change the colour say a beautiful blue, what it shows you that you can see very quickly how your main font families classes can be transformed and turned into a bespoke option on your website.

Change the Font Colour to a nice blue on your Word Press Theme

Default options

As you can see, there are default options for the main six headings and also the paragraph and when we change it does it real quick.
So what happens when you want to change something that is not a standard class so we got our standard headings and we got our standard paragraph, and there is much other stuff there.

Discover the ultimate way to make money online. Please download my free eBook.

Download the free Ultimate Way To Make Money Now!
Ultimate Way To Make Money Now! is an e-book written by myself and I hope you will find this guide useful. I have shared my problems and my obstacles I ran into it when I started. It gives you information on how to create a successful online business. Easy to read. I promise it is not boring.
We respect your privacy. As I hate spam, we will not spam you.

Changing the Logo Font or Menu Font on your WordPress Theme.

Changing the logo font or the menu font that is where this plugin has his qualities.
It is a bit Kodi, but I am trying to keep this as a little on the lighter version, but sometimes you have to roll up your sleeves and get your hands a bit dirty. I hope you do not mind. I promise you will love it. I am not a Programmer so remember if I can do it so can you.

So let’s and don’t forget to save and publish that first.

Step 5.

Now we are going to the front end of our website and give that a refresh and see the changes we just made.

So what we want to do now is change the Logo Text Font or whatever you want to call it. ( Site Title)

Of course, there is no option for that back here on the easy google fonts typography. The Question is now how do we do it? Well, it is not so difficult as you think, get started.
The first thing we do is we need to find out what class title this logo text ( or whatever you want or call it) is.
How we do this?

Go to your Website Element ( Logo Text ) and hover over it with your mouse.

It is pretty easy to do with any browser, and you just have put the cursor over the element we want to know the class then use the >right click of your mouse and a tab will open up that says inspect or inspect element. Click on inspect element, and you get a whole text with HTML codes from your element.

insert logo text title into google fonts plugin

It also shows you what the CSS properties for that item are, and you can see it here.

We are interested in the code above it.

It is called the site type, and that is the class that decides what that logo text will look like.

Site Title and Settings for Google Fonts

Now we make a note by just simply clicking on the text copy with CTRL+C and go back to the dashboard. Close the customizer and go to the settings menu. You will see an item for google fonts.

Click on it, and you come to the list of Easy Google Font.  You will see different items like …

#Edit Google Font Controls

#Manage Google Font Controls

#Advanced

What does that do, you can create different class elements that you can then control through your customizer in the dashboard.

google font dashboard

Click on create new google font control write the name site title and click create font control once you created it you have the option to add a CSS selective class. Remember you just copied the class from the inspector element.

site title and google fonts

Remember you just copied the class title (  .site-title)  from the inspector element. ( picture Nr.2)
So it is dot site – title we copied that down, and we are going to paste it into the CSS selective class press the tab key, and you click force style override ( picture nr.3) then click save font controls. ( picture nr. 4)

The new Option under your Dashboard.

Now you have a new option when you go back to your dashboard under appearance and click customise.
Look at typography now we have two options.
Option 1: is the default option what is the paragraphs, and the headings.
Option 2: is now Theme Typography.
If you look, you can see that it is the site title class we just created.
Now we can use the same option as we used for the default option and change font style, and we can change the font colour and so on. We can do the same as we did before.

Isn’t that incredible it gives you so much flexibility for any theme you customise or you develop. You can put custom fonts wherever you like in whatever context is required.

If we choose now the font family for that and let’s give that term the classic Oswald, it is done. Isn’t that amazing?

Want to know the ultimate way to make money online. Please download my free eBook.

Download the free Ultimate Way To Make Money Now!
Ultimate Way To Make Money Now! is an e-book written by myself and I hope you will find this guide useful. I have shared my problems and my obstacles I ran into it when I started. It gives you information on how to create a successful online business. Easy to read. I promise it is not boring.
We respect your privacy. As I hate spam, we will not spam you.


I love it. We can now control almost every aspect of our typography on our pages. Make the font a bit bigger when it looks too small. Move the Line height a bit up and get the weight up a bit, and make it a bit fatter some letter spacing or slightly wider. All done.

Dashboard additional Menu creation for Site title.

Save and refresh and the same you can do now for any other text on your site. For example your text tag line.
Just repeat the steps.
The Easy Google font plugin is excellent, and it helps to change the font from your WordPress Theme.
I hope this was helpful and if you like to see the video, please hop over to my youtube channel.

How do you change the fonts on your site? With the Easy Google Font Plugin.

I guess somehow I can call myself lucky that my Theme did not have the Typography pre-installed and I was able to find this excellent plugin. For me, since I discovered the Easy Google Font Plugin my Theme has become more vibrant on my new website.
It changes your font on your site in no time. What I like most is that it is a free plugin with great features and it changes the whole outlook and vibe of any website.

You can get your site so quickly and easily from standard to bespoke in a few clicks. I use this plugin a lot now when a theme has not this functionality build in.
Adding Google
fonts to a site, it is a gift and an inspiration. It is a pretty unique piece of plugin.
When you want to give your fonts a regular styling in the headings or indeed, you can style any particular bit of text, page or post. The Easy Google Font Plugin is super flexible.
I love it and can highly recommend it when you want to change the fonts on your WordPress Theme.

Change the fonts on your Site with google fonts now

So what about you what is your idea on how to change the font in WordPress website. Do you use other options? Please let us know and be so kind as to share with us.

All Yours

Sylvia

How To Insert a YouTube Video In WordPress!

Insert a YouTube Video into your WordPress site

A tutorial on how to embed a YouTube video on a Website.

Embedding a  YouTube Video in WordPress is easy when you know how to add it.  You can insert a YouTube Video either directly from a URL or you use the embedded code from Youtube or anywhere else. 

Adding a  YouTube video to WordPress has become so much easier. Long it is gone now that if you have a website you need to be aware of HTML Coding. Sometimes I still use HTML coding as if I need to change a few things in a code. 

What is a Code

What is HTML Coding? 

Stands for “Hypertext Markup Language.” HTML is the language used to create web pages. … “Markup language” refers to the way tags are used to define the page layout and elements within the page. Source: https://techterms.com/definition/html

What is a Code?

A system of words, letters, figures, or symbols used to represent others, especially for the purposes of secrecy. A code can be used also in computers to program a computer to perform certain programs.

So let us get started with adding a video to your WordPress site. 

1. Get Started…

Login into your website and go to your Dashboard. 

Dashboard of your wordpress

 

Click on your Dashboard on either Post or Page. Depends if you want to create a new one or if you want to insert into an existing post. 

a. If you insert the video into a new post then click add new post

b. If you insert the video into an existing post or page then click post or page and look for the page or post and click edit. 

2. Share the  YouTube Video.

How to share a video on your website

After you, edit/open your post or page you go to the Website or Video you

want to insert. As you can see I have chosen YouTube.

Click on share….( see picture above)

3. Share a Link Embed

Click on share the video

You can insert the video with the URL or you can share the video as a embed code. I choose the video with embed. Click on embed. A code will show on the site of your YouTube Video. ( see picture above)

embed the code into your site

4. Copy the YouTube Code 

Copy the code from the video and paste it into your website.

You go back to your Website with the page or post you want to insert the video.

Click on text in the right corner of your post or page. ( see picture below)

video embed made easy

5. Insert the YouTube Code

You have to know that when you paste the code in visual it will not work.

Mark in Visual write “Insert YouTubeVideo”  so when you click on the text tab you know the space where you want to paste the code. 

Paste  the code you copied from your video source( mine is youtube)  into the content  … see below insert the video

6. Update your Page

Go up to the top on the right and click update your page. see picture below 

Update the pageOnes you have clicked update wait until your page is loading. When the update is finish you can check if your video is displayed properly.

7.YouTube Video is visual.

Click in the right corner on visual and you can see your video in the content. 

Video finish embedded.

8. Check and remove the wordmarks you wrote

That was easy right. Now take out the wording “insert video” as you do not want to have it appear in your content. That was only a help for you to see where you wanted to add the video within the text tab. Coding can be confusing sometimes. 

9. Not happy align your YouTube Video in the middle of the page

If you see now that your video is not in the middle and is aligned right than with a bit of HTML Coding you can move the video into the middle of the page. It will look so much better. 

So how to reposition the YouTube Video into the center? 

FIrst step 

You will need the YouTube embed code what you have inserted in your page through the text tab.

You see below the code of the video code what will be automaticly aligned left. Scroll up to see how to get the code.

Here are the instructions in short again without pictures.

* Grab the code you want to insert from the YouTube( or video souce you chose to have) page via the share >then  embed * 

Copy the code and go to the page you want to embed your code and click on your page right at the top “text”  paste the code. 

video code copied from youtubeSecond Step

To change your code * Now right click with your mouse so you can edit the HTML code. Insert the following at the front of the code where it says <iframewidth=…..

enter code to align centerClick on the right top update the page again and check that your video is now aligned in the center. Some pages or post look ok when the video is aligned on the left side but sometimes it just look nicer when it is aligned in the middle. 

Change the Height and Width of the YouTube Video.

You can also change the width and height of your video. Just enter the dimensions you want to have.

Just make sure it looks in proportions. Below you can see the picture in yellow where you can change the size.

Make sure you do only change the numbers all the rest leave the same instead of 560 use 680 and instead of 315 use 415 ( just an example.) change the size of the video
I hope you enjoyed this training. Comment below if you want more training on website or html coding.

Feel free to download my cheat sheet for more HTML coding. If you liked this training then  please be so kind and comment.

Do you want to know where you can learn all this in a blink with great support and always a helping hand around when you are stuck.

Find out how…

Find out about the amazing Training Platform with hundreds of video tutorials.

Also, read Best Affiliate Program in 2018 

How to make Money from home 

The Key to success

All yours Sylvia