Hey everyone welcome to my youtube
channel
hope you guys are doing great everything
is great with you guys uh today we are
learning about how we can create
header and footer without elementor pro
so we don't need to purchase elementor
pro and
we can use elementor free version and
create our headers and footers
with the free plugin without paying
elementor
pro okay let's uh proceed to the
tutorial before we do that please
subscribe my channel
comment on the video below like it share
it with your friends
so we can create more videos for you
guys
okay let's proceed so first let me show
you guys
um what are the plugins we have installed
so we have only
elementor plugin let's delete that one
too because i don't need that
just use it to reset the wordpress so
let's select that one
okay now we just have elementor as a
plugin
and themes
we're using hello theme which is also a
free theme
you don't need to pay for it so that's
pretty much it
now we will install another plugin which
will help us to create header and footer
with elementor free version so let's
type in
header footer elementor
that's the plugin which we'll be using
elementor header footer and block
template
to create our header and footer with
elementor free version
okay now activate the plugin
now let's create our header
using the plugin here we have
header footer and blocks just click on
this
click add new
and start creating the header let's name
it
header select
header in the drop down menu
display on entire website we can create
multiple headers and select the settings
based on which page we want to show
so for example if we have a specific
page we want to show we can do that as
well
so here's that option if you want to
target specific pages
or specific posts we can do that as well
for now we will just select entire
website
there we go and hit publish
click on edit with elementor
okay now let's start creating our
header let's take
three columns
one is for the logo
second column will be for the menu and
for the third one we'll add the social
icons okay
now let's add the logo in the first
column
put it as image
okay
okay i'm gonna add the random image
here for now so let's add this one
so here's our logo
here we can add menu item
add menu
okay
we haven't created any menus yet so just
create the
sample menu for now
menu one home page
sample page okay
so that's the sample menu which i have
created
hit save
after updating it let's find
out the menu shows up here let's hit
refresh
okay
okay we can see the menu here which we
created sample menu
there we go it's um not styled
yet at the moment so we'll have to add
some css for that so we can ignore that
part for now
now we will add some social media icons
okay now hit update
now let's see if it's showing up here
oh it's showing up now
i'll be creating some more pages to see
if it's showing up on all pages or not
okay one is this one the sample page
and uh privacy policy
let's add it and publish this one
okay so the dummy content is already
there so i'm just gonna hit publish
okay going back to the homepage to see
if it's showing up in the menu
let's add this in the menu
and privacy policy
add it in the menu save menu
and hit refresh
okay we have three pages showing up one
is the home page where we are already
at now let's take a look at the sample
page
okay here's the page content and here's
our header
go to the privacy policy page
looks good now we will create a sample
footer
so you guys can see how it's working
now just repeat the process again by
going to header footer in blocks
create a new template by clicking add
new
name it footer for now
select footer
display on entire website
and hit publish
okay now add it with elementor to add
something about the website and footer
okay now let's try creating
something in the footer take another
three columns
let's make the section color
black
and start adding some content so let's
add in
our contact info here
contact info let's make it a little
nicer
okay typography unlike this font
so i'm gonna select
moly font which i personally like a lot
here we go now add some dummy
all right um let's take icon list
address
phone number
email etc etc
do the same styling with this one for
the footer icon list
typography
okay let's select the appropriate icons
for that either
address should be
this one
phone number should be
this one
just adding the dummy phone number for
now
and for email we should have
enveloped
here we go let's
add a dummy email dummy at
email.com okay
let's hit update
for the second column we can add
social icons so just
duplicate this element add it here
and connect with us
and then social icons social icons
and
for that we can
add google maps to show our address
okay now hit update
now let's see if the footer is showing
up on all of the pages
let's go back to the home page
here we have our content in between the
home page
footer and header now let's go to the
sample page
all set we have successfully created
our header and footer
without using elementor pro without
paying elementor pro
for free
you
