--sd--
WebSite

How to customize WordPress site without coding

Hi guys, Today we’re going to see how to customize WordPress sites without coding. Let’s say you have a WordPress website. After following this you’ll be able to do this any element on your site. you’ll have more design options to play with.

Now we’re going to do this without any coding.

let’s get started,

I’m Emraan from techxprobd. Let’s start customizing your website. Now for customization of your WordPress theme.

We are going to do 2 steps.

The first step

  • is to get the YellowPencil WordPress plugin.

This is the plugin, which will help you to customize the WordPress site without coding. To get the plugin, Just click the link below.

It will take you to this page.

YellowPencil plugin site

Now to get the plugin, we need to purchase it. Or you can purchase it from me at a low price. This is a one-time fee. You don’t have to make any monthly payments.

So let’s click Add to the cart And then click go to checkout. And it will ask you to create an account.

You can use Google signup or Enter these details to create an account.

I am used to signing up with Google. Let’s connect on it. select your Google account. Then your account will be created. Fill up details. Once you have done that just click save.

To get the plugin Let’s select a payment method. Enter your details then click ‘Pay securely’.

we have successfully got our plugin. To download the plugin, Let’s go for download. The plugin will be downloaded to your computer. We have successfully got the YellowPencil plugin.

Okay,

Once you have got the plugin,
You can go to step 2,

  • which is to install this plugin.

Now to install it. Let’s go to our WordPress dashboard. Go to plugins. And click ‘add new’.

Upload plugin

Here click upload plugin. drag your file and drop it here. The plugin will be selected. Now click ‘install now’ then click ‘activate’. At this point, we have successfully installed the plugin on our site.

install plugin

activate plugin

Welcome page

Once you have installed the plugin, we have to use the plugin. we need to activate it. So to activate the plugin, let’s click here.

product license

And click activate. and you will get this page. Now click approve and click here.

So now we have successfully activated the plugin.

approve option

This means, Now you can start customizing your WordPress theme. So to start customizing,

Let’s go to our site and if we click refresh. You can see that we have got a new option. Now to start customizing, let’s click this option.

edit with YellowPencil option

And you will get these options. This means, now you can customize any element on your theme.

customization of YellowPencil

Okay,

Now let’s say you want to change the font for this text. How will you do that? 

So to change the font Just click on it and it will be selected. Once the element is selected, You will get these options. To change the design of the selected element.

customization of YellowPencil

Now to change the font style of this text you can use this option just click on it.

If you click there, you will get a lot of fonts to choose from. You can just go over the designs to see the live preview of how it will look on your website.

Once you find the one you want, just click on it. And the font will be applied.

Okay,

Next, let’s see

How to change the font style design for customize WordPress site

Now let’s say you want this font, a little bit bigger. So to increase the size, all you have to do is.

and drag the slider. As you can see, the font size has increased. you can see that the design of all the same elements has changed.

  • So this is how you can change the font style design.

Okay, 

Next, let’s say you want to change the look of this image.

how you can change the look of your image

So to change the look. you can just click on it. Now let’s try this option.

customization of YellowPencil

so let’s click on it. And you will get these options. Here you can edit your images. also as you can see the same design is applied to all the images. 

  • So this is how you can change the look of your image.

Okay,

Next, let’s see

how you can change the design of the section without any code.

Let’s say you want to add a shadow effect to any section.

So to do that,

  • First, let’s select the section,

Now the section is selected. To add shadow effect. You need to use the shadow option. So let’s click on it. Now drag this slider. and you can see that We have got the shadow.

customization of YellowPencil

customization of YellowPencil

Now if you want to change the shadow color, you can click on the color option. And choose the color you want. So let’s click on it. Choose the color you want.

As you can see,

the shadow color has been changed.

So this is how you can change the design of a section.

Okay,

Let’s say you want to change the background color for your site.

How to change the background color for your customize WordPress site.

So to do that, Click on the empty area like this. And you can see that the full area is selected. Now to change the background, you can use this background option.

customization of YellowPencil

customization of YellowPencil

So let’s click on it. You need to use this color option, to change the background color. So just click on it. Like we did before, you can select any color you want. And the color will be applied.

So this is how you can change the background color of your website.

Now to save your changes, you can use the save option. So let’s click save. And your changes will be saved.

customization of YellowPencil

Let’s go to our site. If we click refresh we have got the changes, which we have made to our website.

So this is how you can customize the WordPress site without coding.

If you want to learn more about WordPress, You can take our WordPress beginners course.

Where we will show you

how to customize WordPress site without coding.

So thanks for being with us.

I will see you in the next content.

Take care

Bye-bye!

Related Articles

One Comment

Leave a Reply

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

Back to top button

Adblock Detected

Please consider supporting us by disabling your ad blocker