Up next in 10
How To Add Custom Footer in WordPress for FREE _ (Using Gutenberg editor)
5K views
Jan 28, 2024
The video titled "How to Add Custom Footer in WordPress for FREE: Using Gutenberg Editor" is a tutorial aimed at WordPress users seeking to personalize and enhance their website's footer without any cost. The tutorial guides viewers through the process of adding a custom footer using the Gutenberg editor, the default block editor in WordPress. Viewers will learn step-by-step instructions on creating and customizing a footer section that aligns with their website's design and content. By the end of the tutorial, WordPress users should have the skills to implement a unique and customized footer in their websites, providing a professional and tailored look without the need for additional plugins or expenses.
View Video Transcript
0:00
Hello everyone, welcome to Key to Blogging and in this video I will show you how you can create
0:04
a footer section to your WordPress website. And here as you can see, I have created this footer section using this Gutenberg blocks and
0:11
here I'm using the Cadence theme, but you can use the same technique to add a footer to your
0:16
WordPress website. So in the last video we have created this home page and as you can see you can easily build
0:23
this home page using the Gutenberg. So let's check how you can create this footer section
0:29
And if you want to watch this video, then we can watch this Cadence theme tutorial playlist
0:34
in our channel. So let's go to the WordPress dashboard and here you can select the appearance
0:40
and click on customize. And here you have to select the footer option. And let's scroll down
0:48
and here you have to add the footer section above this bar. So here as you can see
0:53
there is three row in this footer section and this is the first section, footer navigation. And
0:59
And here we have added the price about and contact in the footer navigation
1:03
So let's check this footer area above it. So here click on this gear and here you have to select the four column so that you can add
1:13
four row in your footer section. So let me just show you and this is the first section and this is second, third and fourth
1:22
So you have to select the four section. Now click on this first plus icon and select the wizard one
1:29
Now click on the setting here and here click on this and let's add a heading section
1:38
And let's add a heading like about us. Now click on the plus icon and let's select the paragraph
1:47
So let copy this text from here and let add the paragraph here Now you can make it bold or leap it as it is Now click on the second plus icon and let select the wizard too
2:09
Now click on the setting gear again and here let me just add a heading
2:13
So click on it and click on advanced setting and let's type navigation and let's click on the plus icon
2:22
and search for list. And here in this case I will use icon list or you can use the plain list
2:29
So let me just select the icon list. And here you have to add your pages link
2:35
So let me just add some pages here. Okay, I have added five pages link in this navigation menu
2:50
Now you can add link to these pages. So let's just select the about and here click on link and here you will add the about us link
2:58
So let me just put has here and here as you can see the link is activated
3:03
So in this way you can add link to all pages. So let me just add a blank link
3:16
And here as you can see the pages are added to our footer section
3:20
So let's add the third section here. So click on plus icon and let's add the second section like blogging guide
3:28
So let me just copy this and here click on the wizard 3 and click on the setting gear
3:36
Now click on the plus icon and let's search for advanced setting
3:39
And let me just add the heading like this. Now click on plus icon and search for icon list
3:48
And let me just add these pages like affiliate marketing guide Okay I have added the third section in the footer
4:06
So let me just quickly add the 4 section in this footer
4:10
To add the 4 section, click on the plus icon and let me just select the wizard number 4
4:15
And let's click on the setting icon. again add the heading. So paste it here and let's click on plus icon and select the icon list
4:28
Okay, I have added the 4 section and you can also change the icon list like click on the plus icon
4:46
and select the Show More setting. And here scroll down and click on the Edit All icon together
4:53
Just close this and select any other icon. So let me just select this icon and as you can see the icon is changed
5:02
So in this way you can add different icons to the list and add links in this format
5:08
So let's check how you can change the background color of your footer
5:12
To change the background color, click on this setting here for the whole
5:16
row. So click on it and here click on the design. So here you can change the content color
5:22
and the link color. So to change the content color, you can select the wizard content and
5:28
you can change it content color like this. So here I will add this color. And here you can
5:34
change the link color. So let me just select it to blue. And here as you can see, the link
5:40
color is changed. So let me just change to default. And here I will select
5:46
to black Now you can also add a background color to this footer section So just click on here and here you can change a background color like this
5:58
And as you can see the footer section is looking good. So let's check how it looks in mobile devices
6:04
So just click on the mobile icon and here scroll down and here as you can see the footer
6:10
section will look like this in mobile section. So let's change to desktop screen again
6:17
Again, as you can see, the footer section is ready and you can further customize this
6:23
or add different section to your footer area. And let's check how you can edit this below footer area
6:32
So just click on the setting and here click on the design
6:36
And here you can change the background color. So let me just change it to something like this
6:41
And here as you can see, the color of the footer bar is changed
6:45
You can also for the change this section, just click on the pencil icon and here click on
6:51
general and here you can add a menu to this position. You can also change the footer section like this
6:59
So just click on it and here you will see the option
7:03
So let me just delete the theme credit from here. And as you can see the theme credit is gone and you can also type your own section like this
7:15
After changing everything makes you to hit the publish button so that all the changes
7:23
will be saved. I hope this video help you add a footer section to your WordPress website easily and if
7:31
this video helps make sure to hit the like button and if you want to further customize your
7:35
cadence theme then you can watch this playlist and I will leave the link in the description
7:41
And if you are new to this channel then consider subscribing for more upcoming videos
7:45
like this. I will see you in the next video. Thank you
#Skins
# Themes & Wallpapers