How to Make a WordPress Website – 2019 – FOR BEGINNERS
Articles,  Blog

How to Make a WordPress Website – 2019 – FOR BEGINNERS


what’s going on everyone its Jameson
from NYC tech club we got our laptop right here we got a cup of coffee and
really that’s all you need if you want to learn how to make your own WordPress
website keep watching this video because we’re going to show you how step-by-step so before we get started I do want to
show you all the different pages that we’re gonna learn how to make so you can
go to the demo website and check it out yourself
I’m just gonna scroll through these pages really quickly and it should be
noted that you can customize your web page however you want so by the end of
this video you will know how to use WordPress and the page builder to create
any type of layout and custom options that you want so if you want to change
the background image or colors or swap out these icons or link these buttons to
other pages I’ll show you how to do that in this video tutorial so this is the
home page and the next page is going to be the about page so this is the about
page that we’re gonna learn how to make and again you can customize this page
however you want we just add in a bunch of different features just to show you
how to use the Brizy page builder but again you can customize your website and
your web pages however you want so this is the about page and the next page that
we’re gonna learn how to make is the portfolio page so this is the portfolio
page and if you have an image gallery or some projects that you want to showcase
this is where you can do it and you can also make a lightbox so you can click on
these images and get these pop-ups just like this so I’ll show you how to
customize this page and add whatever you want in this video tutorial using the
Brizy page builder and again this is the portfolio page and the last page
that we’re gonna make together is the Contact Us page so this is the contact
us page and if you have a physical location we can insert a Google map just
like this with our address in our location and we’ll also insert a contact
form so your visitors can fill this out and contact you directly and on each of
our pages we will have social media buttons at the bottom that you can
customize and link to all of your different social media so your visitors
can follow you so this is the website that we’re gonna learn how to make today
and we’re going to be making this entire wordpress website using the Brizy page
builder and the Brizy page builder has a bunch of different pre-made templates
that you can use to customize your own WordPress websites you can pick and
choose whichever sections that you want to add you can go into each of these
elements and customize them however you want you can change the font styles the
font colors the background images and colors you can
some additional elements and different rows and columns you can pretty much do
anything and build any type of WordPress page and layout that you want using the
Brizy page builder so I’m really excited to show you how to use WordPress
and how to use the Brizy page builder so if you like what you see in this
video tutorial keep watching because we’re gonna show you how to build a
beautiful and professional WordPress website step-by-step what’s up everyone
it’s Jameson from NYC tech club and I know I said that earlier but I want to
introduce myself one more time before we jump right into this video we’re gonna
learn how to make this website I hope you’re excited and if you have any
questions you can leave a comment in the comment section below make sure that you
got your own pace so pause the video if you need to rewind if we go too fast and
be open to making mistakes we’re gonna probably gonna make some mistakes in
this video we’ll just go back and fix some stuff the goal here is to learn how
to use WordPress and how to build a beautiful and professional WordPress
website alright so the first thing we’re gonna do is register a domain which is
your web address and also sign up for hosting which stores all of your content
such as your images your text and anything else and also runs your website
so we need to get a domain and we need hosting in order to run a website and I
recommend that we go to a website called Hostgator to get both of these so in the
video description there is an affiliate link and if you click on it you’ll come
to the Hostgator home page right here and you can always just type in wws
gator comm and right now Hostgator is running a promotion where you can get a
free domain registration for one year and it’s an exclusive promotion that
only some affiliates are able to provide right now so you might want to click on
that link in the video description just to come to this page so that you can get
that free domain so click on that and come right here and let me talk a little
bit about Hostgator so Hostgator is the hosting company that i recommend to all
my clients my viewers and also what i’ve used for a number of years to run my
websites and i think they’re really great the great thing about them is it’s
really risk free because there’s a 45 day money-back guarantee so if you’re
ever unhappy with Hostgator or you decide you don’t want to build a website
you can get your money back and I just think that they’re really
fast they’re cheap and they’re reliable they have great customer service and
that’s why I’m gonna recommend them to you I think they’re one of the best
hosting companies and I’m just really excited to be able to recommend them to
you so once you come to this page let’s go to the hosting plans what I want you
to do is click on the web hosting link right here and it’s gonna bring you to
this page where you can see the different hosting plans so the business
plan is a little too expensive and more than what we need so I’ll let you go
through this one on your own if you want but we’re gonna focus on the hashing and
the baby plan so the hatchling plan is going to let you host one website and
one website only so if you’re only building one website all you need is the
hashing plan and if you want to build more than one website and you want to
host them on the same plan then you want to get the baby plan so for this video
tutorial we’re only building one website so I’m just gonna choose the hatchling
plan and through the affiliate link in the video description you’ll notice that
you’re gonna save 60% off over here too and we do have a coupon code that we can
show you how to use so don’t worry if you didn’t click on that link I’ll show
you how to get this big discount in just a little bit but first all I really want
you to do is choose the plan that you want so I’m gonna go with the hatchling
plan because I’m only building one website so I’m gonna come down here and
click on the Buy Now button and once you’re on this page this is the signup
page for our hosting and our domain so I’m gonna go through these steps with
you just to show your options and make sure that we don’t make any mistakes so
let’s go to step number one where it says choose the domain and we’re gonna
register a new domain so what we want to do is type in the web address that we
want right here so I’ll type in my C Brizy comm and push enter so go ahead
and type in a site address that you want and in the search results right here
if it says unavailable that means that someone else registered the domain that
you want and you need to search for a new site address but you can see right
here that this one is available and we have this check mark right here so this
is what we’re gonna register so once you find a domain that is available that you
like go ahead and scroll down to the bottom over here to the domain privacy
protection section and this is a service that costs a little bit of money but it
protects your identity so no one’s gonna know
that you registered the domain they’re not gonna have your phone number your
email or your name so if you want to protect your privacy then you want to
have this box checked and you can just pay this small monthly fee if you don’t
care that anyone can contact you about your website then you can just uncheck
this box and you can always add the service back a little bit later so it’s
really up to you and once you’re ready come down to step number two and step
number two is where you’re gonna choose your hosting plans so in this package
type you have the hashing and baby plan we’re choosing the hashing plan at least
I am because I only am building one website but if you want to build more
than one website and you want to host them on the same account you want to
choose the baby plan so I’m gonna select the housing plan right here and then
what you want to do is choose your billing cycle and you can go anywhere
from one month to thirty six months in order to have the free domain
registration you need to have a 12-month billing cycle so I’m gonna select that
and remember that you do have a 45 day money back guarantee so if you ever want
to stop making a website or you want to change hosting companies or anything
like that you can always get your money back
so it’s really risk-free okay so after you choose your billing cycle what you
want to do is register or fill out a username and security pin so you want to
create these on your own and since I already created my Hostgator account I’m
not going to do this with you so if you need to pause the video and create a
username and security pin and then once you’re ready come down to step number
three and step number three is entering your billing information and again I’m
not gonna do this with you because I already have an account so if you need
to you can pause the video and fill out all the billing information and then
once you’re ready come down to step number four and step number four is
adding additional services and by default Hostgator selects some of these
for you and the free SSL certificate is included with your Hostgator plan so
I’ll show you how to implement this in just a little bit and this allows you to
secure your website and any information that’s transferred so that’s really
awesome but you don’t really need any of these other services so I want you to
uncheck all of these because you don’t need them they’re extra costs and we
have free video tutorials on how to create an email address with your domain
and there’s a bunch of free plugins that you can use to back up your website so
uncheck these other boxes and then come down to step number five where you can
enter a coupon code and step number five is probably one of the more important
steps because this is where you can save a bunch of money and by default
Hostgator is going to put in a coupon code for you and you can see that you
have a discount right here but what I want you to do is delete this coupon
code and type in NYC tech 3 0 so its NYCTech30 and click validate and what
you’re gonna notice is that your discount over here increases to about
sixty percent off and that’s because NYC tech30 is one of the highest coupon
codes available with Hostgator and it’s an affiliate coupon code that saves you
about 60% off so you want to put in NYC tech 3-0 and click validate to save a
bunch of money and once you do that go ahead and come down to the bottom and
just check this box that says you have read and agree to the terms and once
you’re ready go ahead and click on the checkout Now button and now we can just
wait for Hostgator to update and once everything is set up we should see this
notification and we can just click on this button that says view dashboard and
once you’re on the Hostgator dashboard you should see the domain that you just
registered it with your hosting plan right here and you can click on the
button that says launch cPanel and that’s gonna bring you to your control
panel where we can install WordPress so my domain that I just registered isn’t
on this front page so I’m gonna click on view more just to go to this page that
you see right here and you can see I have NYC Brizy and I’m gonna click on
this link that says launch cPanel and once you come to the Hostgator cPanel
this is where we’re gonna go to install WordPress so come down and find the
software section or you can just click on this link right here and it’ll bring
you right over here and we want to click on this button that says quick install
and you’re gonna get this pop-up right here and all we have to do is click on
the button that says WordPress so find this and click on this and once you come
to this page right here just go into your drop-down and select the domain
that you just registered and leave this blank and then click Next and then what
you’re gonna do is type your blog title so we’ll just type in
something like design studios we can always change this later so go ahead and
just type in whatever you want I’m gonna put in an admin username so I’ll just
type in admin and then I’ll type in my first and my last name right there and
then what you want to do is type in an email address that you’re gonna
associate with your WordPress website so I’ll type in NYC tech club at gmail.com
check these two boxes at the bottom and once you’re ready go ahead and click on
the install button and once the installation is complete you should see
this notification right here and you should see some details for logging into
your WordPress website right here and you can save this or what you can do is
go to your email inbox and you should see this email titled install complete
from Hostgator with your WordPress login information right here so the admin URL
is how you’re gonna log in to your WordPress dashboard so that you can
start making it and customizing it and here is the admin username and also your
password so I can show you how to change this also once we log in so if you’re
ready let’s go and login to our WordPress website so we can start making
it so just click on this link right here that says admin URL and you’re gonna
come to the login page right here and again all you need is to put in your
username and your password and you’re gonna get both of those from your email
right here so paste those in and then if you want check this box and then click
on the login button and once you’re logged in this is the WordPress
dashboard and this is what we’re gonna go to create all of our different pages
and posts upload our theme and the page builder and all of our plugins that we
need to customize and make our WordPress website before we actually get started
what I want to do is show you what your website should look like now so if I
hover over my website name on the upper left I can click on visit site and it
should load my homepage right here and you’re only gonna see this if you’re
logged in so you should have this toolbar at the top and don’t worry once
you log out your visitors won’t see this this is just something that you see when
you’re logged in and you can see right here that our website looks very basic
it looks like a blog and it doesn’t look like anything special but again don’t
worry because we are gonna customize our site using the Brizy page builder and
we’re gonna use a theme called the Astra theme to
create what you see right here so let’s go back to our wordpress dashboard now
and each time you go to your website to go back to your dashboard you can just
hover over your website name on the upper left and click on dashboard and
once you’re back on the wordpress dashboard the first thing i’m going to
tell you to do is come over here to where it says your site is currently
displaying a coming soon page let’s just click on this link right here to publish
it so that everyone can see our website because you know within an hour or two
you’re gonna be done with your website anyways so let’s just get that out of
the way because I usually leave this step at the end but instead of making
you guys come back here and click on this link let’s just click on it right
now so now people can go to your URL and
they should see whatever your home page looks like and you can always save that
to the end but really it doesn’t really matter and there are some plugins that
you can use also to put your website in maintenance mode so we’re gonna talk a
little bit about plugins but we’re not going to go into too much detail about
them but you can always check out any of my WordPress tutorials that I have that
go into all the details of how to use WordPress and everything like that but
we will cover just about everything that you need so we published our website and
what I want to do now is I want to show you how to change your password for your
WordPress website so if you hover over a user and you click on all users and once
you come to this page right here you can see that we have our user name right
here so if we click on the edit button it’s gonna bring you to the user profile
and you can go in here and put in your name if you want so I’ll just type in my
name and if I wanted to change the display name I can go in here and just
select that after I put in my information right here and then you can
also put in a bio and profile photo I’ll let you do that on your own if you want
all I really want to do is just come down to the bottom and if you want to
create a new password to secure your username just go in here and click on
generate password and then what you can do is find your password that is gonna
be generated for you copy this so that you have it and paste it and save it
somewhere and then click hide and then you can just click on use strong
password if you have that pop-up and that’s pretty much it it’s gonna change
your password and then click on this button that says update profile and that
to save everything so you can see that we have the profile updated and
everything is saved now so that’s how you change your password make sure that
you do save that password if you do change it or you can always just type in
your own password so I’ll probably come in here and change my password again
just to secure it because I don’t want you guys to be able to log in and all
that stuff and there’s always someone that watches my videos that tries to
hack my websites and they see these passwords that I have that I show so
please don’t try to do that I’m gonna try to secure everything but if I forget
and you guys do try to do that let me know okay so I close out of the other
stuff those notifications we don’t really need those but that’s how you can
change your password for your WordPress website so now we’re gonna move on to
the next step I’m gonna go back to my dashboard really quickly so I’m gonna
hover over this link right here and just click on dashboard and now what we’re
gonna do is move on to the next step so what we’re gonna do now is add a theme
that we’re going to use to really customize our WordPress website
so to add a theme which is going to be the template or the bones of your
website what you want to do is hover over appearance and click on themes and
once you come to this page you’re gonna notice there’s some default themes that
are installed for you and this one is the activated one for our website right
now and what we want to do is go and install another theme that we’re gonna
use and a theme is the template that we’re gonna use to really build out and
customize our WordPress website so we’re gonna be using a free theme that is
really awesome so click on this button right here that says wordpress.org
themes and I’ll show you where you can go and find it
so on this page right here there are a bunch of different themes and there’s
pretty much a theme for any type of website that you want to build and there
are filters at the top and you can also purchase premium themes and upload those
if you want we’re gonna go into this search box on the right hand side and
type in Astra so it’s a Stra and you should see this theme right here
and if you want you can click on details and preview and you can see that it has
a 5-star rating and the reason why I want this theme is because it’s really
really popular it’s one of the best general business WordPress themes there
are right now and it just has a really functional and beautiful header
and footer and this is just a great theme and if you want you can always
change the theme or find another one but we’re gonna use this one so if you want
just go ahead and click on the Install Now button and you’ll notice that it’s
installing and then we’re gonna get an activate button after it installs so
just click on the activate button and now you should be brought back to the
themes page so first let me say congratulations and you should see the
active theme right here so it should be the Astro theme and we can go and check
it out so I’ll click on visit site and it’s gonna load the home page and what
you’ll notice now is it looks a little different the formatting looks a little
different right here we have our header and we have our footer here and what
we’re gonna do in just a little bit is install our page builder so that we can
start customizing our homepage so this is what the home page should look like
now with our Astro theme so let’s go back to our dashboard and we’re gonna
move on to the next step so now what I want to do is show you how to install
some plugins including the Brizy page builder plugin so to do that we’re gonna
hover over plugins on the left hand side and we’re gonna go to installed plugins
and once you’re on the plugins page what you’re gonna notice is that you have a
list of plugins right here that are installed for you and what we want to do
is just delete all of these because we don’t need them so check the box right
at the top and then go into this drop-down and select deactivate and
click apply and once everything is deactivated again check the box and
we’re gonna go and delete all of these and we’re gonna start from scratch so
click OK right here and really quickly let me just explain what a plugin is
while everything is being deleted so a plugin is a tool that really helps you
customize your WordPress website there are plugins for pretty much anything
including Facebook like boxes Instagram handles Twitter feeds and much much more
so we’re gonna go into some details and I’m gonna introduce you to some plugins
right now and we’re gonna download a few of them so once you delete all of your
plugins you should have a clean slate so if we clicked on install plugins again
we shouldn’t see anything and now we won’t see any cluttered notifications at
the top either so what we can do is go and add some plug
so let’s click on add new and once you’re on the add plugins page this is
the WordPress database where developers upload their plugins for free for you to
use and what I recommend is that you go to the popular tab over here and you can
check out the popular plugins that a lot of people use for their WordPress
websites including the contact form so we’re gonna have a contact form through
the Brizy page builder so we don’t need this but if you need help with SEO Yoast
SEO is one of the best and also we have a tutorial on how to use this and then
down here if you ever want to sell anything you can use WooCommerce we have
a bunch of tutorials on that and there’s security plugins Facebook like box
plugins Twitter feeds and everything like that so what I want to do is find a
plugin for our SSL certificate so that we can secure our website so what I want
you to do is just type in SSL and push enter and you should see these search
results and the one that we want is this one called really simple SSL so you can
see it has three million plus active installations right now so a bunch of
people are using this it has a five-star rating and all we have to do is click on
the Install Now button and let it install and then once it installs will
see the activate button and click on that and now we should be brought back
to the plugins page right here and we can just go ahead and click on the blue
button that says activate the SSL and once the SSL is activated you should see
this notification and we can just go and check really quickly and then we’re
going to come back to the plugins page and add our page builder so hover over
settings and click on general and if you need to you might have to log back in so
go ahead and do that and once you’re on the general settings in the WordPress
and site address you can see that we have the S right here now so that means
our website is secure so a thumbs-up for that and what we can also do is add our
W W in front of our web domain name so go ahead and do that and just double and
triple check that you don’t mess anything up otherwise you’re gonna
freeze yourself out of your website and you can also edit your site title
and your tagline in the general settings so for my tagline I’m gonna change this
to professionally designed and what that’s going to do is just edit what you
see up here and if I showed my tagline in site title
would show up on my website also so once you’re ready let’s just come down to the
bottom and click Save Changes just to save everything and you might need to
log back in for security purposes if you do go ahead and do that and then what I
want you to do is in the settings section let’s go to the permalinks tab
and click on that really quickly and let’s just update our permalinks so I’m
gonna select the post name option because this is really good for SEO so
that’s one that I’ll recommend to you so if you want select that one or any of
these other ones and again come down here and click Save Changes and that’s
all we’re gonna do with our URLs right now so let’s now go back to our plugins
page so hover over plugins and let’s click on add new and upload the Brizy
plug-in which is our page below that we need to start creating all the pages for
our WordPress website so once you’re on the add plugins page we’re gonna go to
the Brizy website really quickly to download the files that we need for the
page builder so type in NYC tech club comm slash Brizy in a new tab and
Brizy is spelled BR I’s ey and this is an affiliate link that’s gonna bring you
right to the Brizy website and there should be a link in the video
description also so we’re gonna be using the free version of this page builder
but I will talk about the pro version at the end of this video so right now we
can just download the file that we need so click on the download button on the
upper right and you’re gonna get this page right here and all we have to do is
just type in our email address so go ahead and do that and then click on the
download button and what you’ll notice is that you’re gonna download a file so
you can see it gets downloaded right here and we can close out of this and
then we can just go back to our add plugins page and right at the top
there’s a button that says upload plug-in click on that and then click on
choose file and what you’re gonna do is go to where you downloaded the Brizy
files and you might have to compress your Brizy folder it might look like
this you might need to go and right-click it and compress it so that
it turns into a zip file so you want to make sure that it has a dot zip right
here and select that and just click Choose and then just click install now
and now all we have to do is click on activate plug-in and now the plug-in
be activated and we can actually close out of some of these notifications right
here and now we should see our Brizy plugin right here so we are good to go
with plugins but again you can always upload any additional plugins by
clicking add new or you can always go and search for plugins in the plugins
page over here again there are a bunch of different plugins that you can use
for your WordPress website but these are the only ones that we need right now so
if you want you can take a break and I’m actually gonna take a little break I’m
gonna go do some jujitsu right now and probably get some lunch and come back
with some coffee and then what we’re gonna do is go and build all of our
different pages so if you want to take a break go ahead otherwise keep watching
and I’ll probably edit this video and just move on to the next step
so I’ll see you in just a little bit alright so welcome back I took a little
break and now I got some iced coffee in front of me we have some construction
noise outside I wish I can show you but we’re busy working on a wordpress
website so if you need to make sure that you do take breaks WordPress is a little
frustrating when you start learning it but it gets a lot easier so we’re just
gonna jump into the next step right here and what I want you to do is go to the
video description and click on the link to the text tutorial on how to make a
WordPress website for beginners and this is the text tutorial with all the steps
in this video and what I want you to do is come down to the step with the demo
content and what we’re gonna do is download a folder with some images and a
logo so you don’t need to use the demo images but I do want to give you them
just in case so there is a link right here you can see it says click here to
download the demo content all you’re gonna do is click on that it’s gonna
download a folder and then we’re gonna go back to our WordPress dashboard
and I want to show you how you can upload everything so on the wordpress
dashboard on the left hand side what I want you to do is hover over media and
then click on add new and once you’re on the upload new media page what you want
to do if you want to upload the demo content is just click on select files
and then go to where you downloaded the demo content and it might be a zip file
so if it is just double-click to open it up to make it a folder like this and
then open this up and then just choose the images or select them all and then
just select this button right here and you can see that we’re uploading
everything right here so we’re only uploading a slider image a
logo and a site icon there are a bunch of different demo images that are going
to be used with the Brizy page builder and I’ll show you how to replace those
and you can also upload some additional images one by one and we’ll show you how
to do that in our pages and posts when we make them okay so you can see right
here we uploaded our demo content and if you ever wanted to you can edit these
images by clicking on the link right here or you can go to your media library
if you click on this link right here and you’re gonna come to the media library
page and this is where you can see all of your uploads and if we click on this
you can see that we get this pop up and we can click on the edit button right
here and we can go to this little pop-up and if we wanted to we can crop this
image by clicking on this button we can rotate this image or we can change the
dimensions over here so if you do make any changes you want to click on the
Save button right here otherwise just click on the cancel button and then just
close out of this so we’re not going to edit any of these images but again this
is where you can go to see all of your images you can edit them delete them and
do whatever you want so that’s all we’re gonna do in this video section of this
WordPress tutorial but if you have any questions about your content or how to
upload stuff let me know otherwise we’re gonna move on to the next step so now
what we’re gonna do is go and create our first page which is going to be the home
page for our WordPress website so to create your first page you can hover
over new on the top and click on page or if you’re on your WordPress dashboard on
the left hand side you can hover over pages and click on add new and once you
come to this page all we’re gonna do right now is just create this page so
we’re creating the home page so I’ll type in a home right here for the title
and that’s all we’re gonna do we’re gonna talk about this page a little bit
later so right now just click on the publish button right at the top and you
do have to click it twice sometimes so you can see our page is published and if
we want we can go and check it out and once the page loads you can see it looks
just like our initial page after we installed our WordPress website so now
what we’re gonna do is go into our theme settings so you can click on the
customize link right at the top or what you can do is go back to your WordPress
dashboard and one you’re back on the WordPress dashboard
to go to the theme settings hover over appearance and you can click on the
customize link right here and once you come to this page you’re gonna see a
bunch of different tabs right here and these are your theme settings and you’re
gonna see a preview screen on the right hand side so whenever you make changes
to the theme settings this page is gonna refresh and show you what your WordPress
website would look like if you save the changes and then down here at the bottom
you should see some icons for different devices so we have our PC the tablet
device and the mobile device so you can always check these to make sure that
your website looks responsive so what I want to do is just go through the
settings that we select for our demo WordPress website and also just talk
about the other options that you have and then you can pause video customize
the theme settings however you want and just push play once you’re ready you can
also explore on your own so the first thing that we’re going to do is go to
the Layout tab and what you’re going to notice here are that we have a bunch of
different tabs so if we just go to the header tab right here and then click on
site identity this is where you can upload your logo so we have a demo logo
so if we click on select logo I’m in my media library and I can just select this
logo image right here if you want to upload your own logo click on upload
files and then click on select files and then upload your own logo if you want to
use the demo one just select this image and click select and if you need to you
can crop the image but we don’t need to do that so I’ll click on skip cropping
and now you should see the logo show up right here and you can see that the
website refreshes and now we have our logo right here if you want to get rid
of the site title you can see that that section is right here you can also
update the site title in the tagline but if you want to get rid of it just click
on this box to uncheck it and now the site title is going to disappear and if
you want to add a site icon which is the little logo that shows up over here and
sometimes next to your URL click on the cite icon tab right here and again you
can upload your own file if you want to use the demo one just select this one
right here and then just click on select and you’ll see that it gets uploaded
and down here now this is where the site icon would appear so if you do make any
changes I want you to always remember to click on the publish button or the Save
button to save everything so that’s how you upload your logo and you can also
customize your site title and tagline here so let’s go back and just really
quickly if I go into the primary header you can change the header layout right
over here and you have a bunch of different options over here so you can
always play around with this stuff on your own choose whatever you want see
how it looks on the preview screen and if you like it click on the blue button
right here same with the transparent header if you want to enable that go
ahead and do that again I like the default options so we’re not going to
change anything we’re going to come back to the layout page and just come down to
the footer section and come into the footer bar and if I scroll down here
this is the footer bar and I want to go into the first section drop-down right
here and change this to the footer menu which we’re going to create towards the
end of this video and then for the second section I want to add the custom
text and I just want to change some of this text right here so I’m gonna delete
where it says theme author and I’m just gonna type in NYC tech club and what
you’ll notice is that the section is going to refresh and now at the bottom
it says copyright 2019 my blog website powered by NYC tech club I think that
looks great and that’s all undo in this section so once you’re ready come back
to the main page and let’s go into the colors and background and what you can
do here is choose the colors for your theme so if we go to base colors you
have your theme colors your link colors that you see right here and when you
hover over your links they change to a different color so you can go in here
and customize the colors to be whatever you want just go in and change the color
or what you can do is click on the wheel and drag this around and then you can
change the colors that way so I’m gonna change this back to the default color
but if you ever want to change anything you can do that right here so again you
can just see right here if I change this link color then this is going to refresh
and my link colors are going to change to a different color
so pause the video if you need to play around with this stuff we’re not gonna
change anything here but you can also go in and change your transparent color or
add a background color and then same with the footer bar also I’m gonna go
back over here and just show you that you can change your font in the
typography if you wanted to you can also change the heading sizes and the font
sizes again we go with all of the default options we don’t really change
too much because again I’m making a demo website but if you want to customize
your own website you can do whatever you want we’re gonna go into the menus tab
towards the end of this video because that’s when we’re gonna create our menus
so we’ll skip that and we just have to go to the home page settings right now
and what I want to do is set the homepage and what I want to do is set
the homepage so I’m gonna click on a static page right here and then go into
your drop-down and select the home page that you just created and if you also
created a blog post page you can go in here and select that and what that’s
gonna do is set the home page and the blog post page so when someone goes to
your website URL they’re gonna go to your home page and then when someone
goes to the blog post page they’re gonna go to your blog page so since we haven’t
created a blog post page I’m going to leave this one blank but you can see
right here that I selected my home page right here and now if I click the
publish button the home page is gonna be set to just this page right here instead
of the blog post pages or the recent posts okay so let me just go back here
and you can’t add additional CSS which is code to customize your website if you
need to you can hire a developer you can create your own code you can do whatever
you want but this is your theme settings and I have just showed you how to add
your logo set the home page and then add your site icons and also change your
copyright we’ll come back in here and change our footer and our header menu a
little bit later but we are done with this section so we can move on to the
next step so if you need to pause the video otherwise let’s move on so let’s
click on the X right here and now you should be back on the WordPress
dashboard and now what we get to do is a lot of the fun stuff and the first thing
that we’re gonna do is customize our WordPress home page by using the Brizy
page builder in all the that they give you so what I want you to
do is hover over pages on the left hand side and let’s click on all pages and
you should see a list of all your pages right here that are created for you and
the one that we made is the home page and we just set it to the front page in
the settings so if you want to delete these other default pages that are
installed for you by WordPress we can just select these and then go into this
drop-down and select move to trash and click apply and that’s gonna delete
these pages for us and we can go into our trash and remove these you can
always add them back if you want but we’re gonna start with a clean slate
so the first page that we’re gonna create and customize is our home page so
let’s click on the edit button right here and once you’re back on the home
page that we made a little earlier remember we have our page title already
and we’re gonna go into the Brizy page builder to customize our page but first
what I want to do is come over here and make sure that you’re on the document
tab right here and then down here you should see some options so for sidebar
we’re gonna go with no sidebar for the home page and then for the content
layout we’ll go with the full width stretch option and we’re gonna disable
the page title for this page also and then there is an option for the
transparent header but we’re just gonna go with the default settings in our
customize settings section that we covered a little earlier or actually in
the last section so once we have our selections right here let’s click on the
Update button to save everything and we should see this notification that
everything is saved and now we are good to go and we can just click on this
button to edit with our Brizy page builder so click on this and once you
come to this page right here this is the template or the blank canvas for our
home page so we’re gonna customize this and we’re gonna go through all this
stuff but really quickly you can start building your page by just clicking on
the plus button right here and there are a bunch of pre-made blocks that we can
just click and add to our page so we’re actually going to do this for a lot of
our different pages you can see there are different types of blocks that we
can add and what we can do is we can just go into these and change the
background image or the images change the text change the colors change
whatever we want the icons and everything like that and there are
options here so there’s the light and the dark option I’m just
showing you a brief overview right now we’re gonna go in and actually select a
bunch of these in just a few seconds but first let me talk about these icons
right here if you ever want to add your own icons or specific ones you can click
on the plus button right here and you can just add whatever elements that you
want so you can just click and drag them in and this is going to be to reorder
blocks so once we have a bunch of different rows if we want to rearrange
them we can actually rearrange him here just click and drag them and then you
have styling options right here we’re gonna keep everything as a default but
you can go in here and just change your styling options if you want and over
here you can change the view so you can see what your website looks like on
different devices and then here is where you can change the template for the page
and we’re actually gonna do that right now so come down here and for each of
our pages we’re gonna come into the page template and I want you to go into this
drop-down and select the default option and what you’re gonna notice is the page
is gonna refresh and now we’re gonna have our header and our footer and the
reason is because when we use the default option it pulls the header and
the footer from our Astra theme if we use the Brizy template it’s gonna be a
blank canvas and we have to create our own header and footer for each of our
pages so what you want to do is select a theme that you like that has a nice
header and footer and then you can just go and use the default option okay and
if you ever want to go back to the wordpress dashboard just click back on
the hamburger icon and then click back to WordPress right here if you do make
changes you want to click on update to save everything you can preview the
website right here and then you can go back and just undo stuff or redo stuff
right here so again this is the preview screen and once you click the Update
button it saves everything and then you can go and check it out on your own so
let’s go and add different blocks for our homepage so the first thing I’m
gonna do is click on this plus button right here and what you’re gonna see are
these pre-made blocks right here from the Brizy developers and designers and
they’ve done a lot of research to create some really great blocks for you so
really you can just use these to create your website in WordPress and pretty
much that’s what we’re gonna do but we are gonna show you how to add
it’s also to customize some of these blocks and over here you can choose to
have light blocks or dark blocks you can add different stuff to your website it
doesn’t really matter it’s just personal preference and then over here is a
filter to show you different blocks so if you want to add a project section you
can just click on this and see what you can add if you want to add a testimonial
or contact section so what we’re going to do right now is just add our first
section for our home page so we’re gonna add a cover so I’m gonna click on this
and this is the one that I want so I’ll just click on this right here and you
can see that it gets added and down here if we wanted to we can add some
additional blocks and that’s what we’re gonna do we’re gonna add a bunch of
different layers of blocks for our home page but right now what I want to do is
just talk to you about this first block and it’s gonna cover pretty much
everything for all these other blocks also so we’ll spend a little bit more
time right here so if I hover over this you can see that we have some top
padding and if I come down here we also have some padding on the bottom you can
click and just move this so you can see that you can drag this to make it larger
or smaller and you can have lower padding and all that stuff and if you
ever want to just redo or undo this you can just click on this icon right here
so then it goes back to 250 right there so padding really is just what it sounds
like it’s padding so just push this down or pushes up where your elements are if
you want to edit your elements that are already here like this text box you can
just come in here click on it and then just change whatever you want to change
so maybe we’ll just type in design professional websites and we can also
change the color of this text right here whenever you click on any of these
elements you’re gonna get this little pop-up so it’s pretty I guess
self-explanatory this is the text option so if you want to change the typography
you can do that here if you wanted to change the text color you can do that
right here and then if you want to align the text or this element you can do that
you have these options and then over here you have this little wheel so if
you want to change the spacing you can do that here also and you can duplicate
this and you can also delete it and so what I want to do is just show you how
you can add so first I’m gonna change this text
right here to say learn more and then if you want to link a text or a button to
another page or anything like that all you have to do is click on this link
icon and you’ll get this pop-up and then you can just type in the URL right here
so what I’m gonna do is just type in the URL for my about page so I’m gonna make
a little bit later so it’s gonna be my website name so http://www.yourwebdomain.com so NYC Brizy dot com
slash about I almost said slash NYC Brizy or something like that so
sometimes I talk too fast anyways all you have to do is just type in your URL
right here and we’re linking to the about page that we’re gonna make in just
a little bit so if you want type in your website address and then put in slash
about and this is gonna link to the about page also so that’s all you have
to do and now if we click out of this and you can see my mouse turns to the
little icon for whenever there’s a link right there so if you do make any
changes you do want to click on the Update button you have the undo button
and the redo button and you can preview the website right here I talked about
some of this stuff earlier but what I want to do is just cover this little
button right here really quickly and if you open this up you’re gonna expand
this and you can click on these icons and you can see what they’re all about
the first one is if you want to make this a global block which means it’s
gonna show up on all your pages or you can make this into a slider so right now
we just have a one image cover but if you want to turn it into a slider turn
this on and down here you’re gonna see two buttons for your slider and if we go
back in here this is where you can change the background image click on
this and right here where it says background the first tab right here is
for the first slider image and then if you click on the second one this is for
the second slider image and you can just remove this and then you can click in
here and upload another image what I want to do is just turn the slider off
because I just wanted to show you that you do have the option but I do want to
show you how to change your background image from this
one to another one so if you want to do that and you do have the option here of
changing an image making a video or a location I believe we’re just gonna
change an image right here so I’m gonna delete this so click on the X and then
I’ll click in here again and you should see the media library and I’m gonna use
this image but if you want to upload your own images click on this tab and
click on select files and find your own image I’m gonna use this one and this is
a shutter stock photo so I actually have to pay for this so I am providing you a
free photo to use go ahead and select that and you can always update it or
change it on your own and then just click on select and you should see the
image show up right here and you can always add a video if you
want just put in the URL or you can add a location with a pin mark right there
so we’re gonna use the image and if you want to add a color or change the
transparency of this image what you want to do is go to this icon right here
which is your colors and first let me show you how you can just make this a
solid color so right now we have some transparency but if I drag this all the
way to the red in the corner over there and just drag this to 100% you can see
that this block is just all red and if you wanted to make this a gradient you
can just go in here and then you can change your gradient to whatever color
that you want so it’s pretty cool I’m gonna go back to the solid color and
change this back to white so I’m gonna make this a 90 percent transparency you
can always play around with this stuff the lower you go to 0 is going to be the
actual color of the photo so I’m gonna go up here and just change this to about
80% it doesn’t have to be perfect but you know this is what I have for the
demo website and that’s what I am trying to show you guys how to make so that’s
how you can change the colors for your image if you want to save this block so
that you can reuse it what you want to do is click on the heart right here and
you do have some additional settings I think we talked about this earlier maybe
we didn’t but you can change the width of this section you can make it full
width you can go into more settings right here and you have some additional
stuff such as the padding for the top and the bottom and then some advanced
stuff right here so this is pretty much all you have to
do to create a block and customize it add colors change your text so we’re
gonna really quickly just go through the rest of this homepage and again if you
miss anything you can always rewind and just rewatch this section or leave a
comment below and I’ll answer any of your questions so let’s go and add
another block let’s click on the plus button right here and again we’re gonna
see all of our blocks right here and let me just go to the demo website and show
you we’re gonna add this featured section right here with some text some
sections with icons and everything like that
so I’m gonna go back to the page builder and remember you can add a dark section
or you can actually go in and customize the background colors for all of these
different sections if you wanted to so I’m gonna go with the light option and
click on features and then I want to add this one but again you can add any of
these so I’m gonna click on this and you’ll see you get at it right here
so just remember we do have the icon over here if you wanted to go in here
and make any changes you can so if you wanted to change the color for the
section to maybe this color you can do that or this color you know you can
really do anything that you want and if you don’t like anything just click on
the undo button right here and it’ll bring you back just like this or you can
always go in here and delete this stuff and add something else and you also have
your options for padding and width and everything like that over here so I do
want to just remind you that you have this over here and I’m gonna talk a
little bit more about the elements a little bit later in this tutorial but we
can kind of go over it right now so let’s just change some text right here
so if I highlight this I can delete this and go to the demo website and maybe
I’ll just copy this text right here and paste it in and if I wanted to add a
button down here all you have to do is go up here to the add element button and
click on that and then all you have to do is click on the element that you want
drag it and you’ll see this bold gray bar this is where the button is going to
go so you can see we have our button here and if we want to customize it we
can go in here we can change the text we can
at a URL to link the button or we can move this to whichever side that we want
and we can also delete this and this icon right here if we click on this this
is for our buttons so we can change the size of the button we can make it
smaller we can not fill it you know there’s a bunch of different things that
you can do you can really customize your button however you want so I’m gonna
delete this but that’s how you can add elements and there are a bunch of
different elements here you’ll probably want to pause the video and just look at
all these different elements and play around with them they’re really really
easy to use and if you have any questions on these you can always just
leave a comment and I’ll get back to you so really quickly for each of these
columns right here if you hover over them you’ll see this little arrow and
what you can do is click on that and you can actually customize this column right
here so you can change the background image or the color so we can go in here
and you can just see that we can just change the color just like that or we
can undo this let me just click on that one more time there we go and you do
have other options such as linking this whole section to another page and you
have this plus button right here so you can add a new column if you want it in
between and all that stuff and if you wanted to again you have the delete
option also so creating this section is really easy all we did was you just
added a block and I went in here for my demo website and I just changed some of
the text you can pause the video and do that on your own or you can add another
block you can see that we have these icons here also this is an element that
was added into this section and if you want to change the icon just click on
this little button right here and then go in here and you have all these icons
that you can choose from you can search keywords and just select the one that
you want to use okay so you also have these ones right here so again this
Brizy page blur is really really easy to use you can actually change the size
or spacing here if you want to make this larger or smaller so many things that
you can do I really like this page builder and it’s really easy to use so
if you need to customize this section go ahead and pause the video and do that I
want to add some more sections and show you how you can reorder stuff if you
want to change the order of some of your blocks
so I’m gonna click on this plus button right here and what I want to do is add
a services section so I’ll click on this and I want to find this one but you can
always add any of these and you can go and customize them however you want so
once we add our services section right here again remember you can change the
background color by clicking on this icon and you can also change the padding
so you can change the row width over here and you can also go into more
settings and change the padding to make it larger or smaller it’s really up to
you so I’m gonna click out of this and just undo that change right there what I
really want to do in this section is just talk about how you can add a
background image or change the image and then also how you can edit these buttons
right here to hover and have another color so for the background image of
each of these columns what you want to do is just hover over this and click on
the arrow and then you can go and change the background image over here you can
see once you click on it you have your image and you can delete it and then you
can add a new image if you want and you can also just change it to a color if
you want also okay so we’re gonna click and undo that and
then for the buttons let’s click on this and we can just change the text if we
wanted to so we can type and learn more and if you wanted to link this to
another page just click on this icon right here and you’ll get this pop-up
and what we can do is just type in the URL for whatever page that we want to
link to so I’ll type in HTTP colon slash slash W WNYC Brizy com slash about and
this is gonna link this button to the about page so we can close that and what
we can also do is choose whether or not we want this to have a solid background
color or if we want to have it to have a hover color we can customize all so what
you want to do is click on this icon right here if you want to customize your
button you can change the sizes and you can also choose whether or not you want
to have a background color when you’re not hovering over it so you can see if I
choose this one this is the fill option this one is the one where it’s
transparent and once you actually choose your option
right here what you can do is go into the background color icon right here and
you’ll see that you have two tabs one for when you aren’t hovering over it so
we don’t have the background selected so that’s why it’s just transparent and
then this one is for when the button is transparent so right now it’s gonna be
this color but let’s say I want to change it to a red color like this so
now when I hover over it you can see that it changes to this red color and
you can also customize the border so you can see we have borders for all of our
buttons if you want to change those you can do that also okay so that’s all you
have to do to customize your buttons to have a different color to hover over
them or to make them a solid color so again we have some blocks here and
before I add any more to finish off this homepage if you ever want to rearrange
these blocks you want to click on this icon on the left hand side and you can
just reorder your blocks all you have to do is click and drag them and then you
can move them and you can see it just moves it just like that okay so before
we actually move on because you guys probably added some blocks to your own
homepage I want you guys to click on the Update button just to save everything
and once everything is saved we can add some additional blocks so let’s click on
the plus button and now what I want to do is just add a testimonial so I’ll
click on this one and maybe I’ll add this one right here so you can see now
we have a good contrast with different borders or background colors and we have
this section I’m not gonna customize it this time because it’s pretty easy and
then let me go to the demo website and see what we add we just add again touch
section with a button that says contact us that probably links to the contact
page and then we have another block right here for some social media buttons
so let’s go over here and we’ll add a new block and we’re gonna add a contact
block so we’ll do this one right here where it says again touch and I’ll just
come in here and maybe just customize this text really quickly so I’ll type in
contact us and I’ll link this to the contact page that will create a little
later so I’ll type in HTTP colon slash slash and you can do this also
ww your domain name and why see Brizy dot-com / contact / okay
and again if you wanted to edit the look and feel of the button you have these
options right here and also the background colors over here and if you
wanted to change the icons for your clients you can do that right here you
can also just delete these if you don’t like them we’re gonna leave everything
as is because again this is just a demo website and the last thing I’m gonna do
right now is just add the social media buttons so come over here and just click
this and now if you want to link all of these let me show you how to do that
what we’re gonna do is just click in here and what we can do is link this
button to our Google+ page which I don’t actually think exists anymore does
Google+ still exists let me know in the comments section I don’t actually think
it does but let’s pretend that it does and we want to link it to our page we
can just click on this icon and type in our URL for our Google+ page and same
with Facebook Twitter Instagram and all that stuff if you want to customize
these buttons you can actually change the text so we can just delete this text
and type in something else and then for the icon what you want to do to change
the icon is click on this button right here and then there’s an icon tab right
here and you can remove the icon and then search for the social media
platform that you want to have an icon for and for the button if you come over
here remember right now we have the fill so the background color fills up for
this button and you can see that the hover changes to a lighter color but the
color is the same so over here in this button or this color option over here we
have these two tabs this is when we don’t hover over it
so we have the color code right here and a hundred percent for the transparency
so there is no color change and then when we hover over it you can see the
transparency has brought down a little bit but the color code is the same which
causes this hover color and same with all these other ones so if you wanted to
add some additional buttons you can always go into your elements and just
drag a new button in and then format it you can also change the positioning of
this icon forgot to just show you that really
quickly you can see over here you can just move the icon to wherever you want
so if you do update this section so I’m gonna do it real quickly if I come here
and I type in my URL for my Facebook page I’m just gonna type in NYC tech
club and then I’m gonna copy this and then just go into Twitter and do the
same and I’ll just change the facebook to twitter and i’ll do it for instagram
too and i’m gonna show you how you can actually save this block so that you can
save time so you don’t have to re-create all of these urls each time so i have
links for these buttons right here and if i want to add this to every page but
i don’t want to go in and customize these buttons and link them what i can
do is just come over here and click on the heart and this is gonna save the
block so all the formatting and the URL is gonna be saved so when i go to a new
page i can just add this save block which is what i’m gonna do okay so
pretty much we have our home page right here we have our cover image at the top
with our header a section right here that we can customize another section
here that we can link buttons to testimonials if you want and a contact
section and then our social media buttons this is gonna disappear when we
sign out the page builder and also when we sign out a wordpress and we’re gonna
customize our footer a little bit later if you want to make some additional
changes go ahead and do that on your own make sure that you click on the Update
button down here to save everything and then once you’re ready push play and
we’ll move on to the next step so I’m done with this home page so what
I’m gonna do is go back to my WordPress dashboard so I’m gonna click on this
icon over here and then go back to the dashboard and once you come back to this
page right here if you want to view the homepage you can just go to your URL or
click on View page right here and you should be able to see the home page that
you just learned how to make so congrats if you have a beautiful home page now
but we are not done we’re gonna create some more pages
together so let’s just jump right into it and do the next page so now what
we’re gonna do is create our about page so again you can hover over pages and
click on add new or at the top over here hover over new and click on page and on
the new page right here let’s just type in about for our page title and then on
the Settings over here I’m gonna go in and select no sidebar and the full width
stretched option and disable the page title and all we have to do is just
publish this so let’s go ahead and do that and once the page is published we
can just turn on the page builder so click on this and once you come to the
Brizy page right here before we actually start I want to go to the demo
website and just remind you that this is what the about page looks like so we’re
gonna create all these different blocks by just picking and choosing them in the
Brizy page builder but I will show you how to use the Brizy page builder with
the elements in the section also so once we’re on the template the first thing
that we want to do is come over here and click on this icon and change the page
template to the default option so that we have our header and our footer so
we’ll just let that refresh and once that does let’s go and add our first
section so we’ll go in here and I think we’re gonna add a feature section so I’m
gonna click on this and I want this one right here so I’m gonna click on this
and now you should see this section right here but on the demo website what
I did was I move this image to the right-hand side and this text to the
left-hand side so if you want to do that what you can do to move a column is just
click on this arrow on the upper right for one of these columns and then just
drag it to whatever you want to place it and you can see we have our blue line
right here so I can just drop it in and now we have our formatting correctly and
we can just come in here and change some stuff so I can just change this to our
story and then I can go to my demo website and copy this text and put this
in right here and I don’t really need to do this because this is a demo website
but I thought just for fun just to show you that I can format this stuff pretty
quickly that I would do this just to show you how awesome the
a builder is so I’m gonna delete that button and maybe I’ll just type in some
additional text down here so this is my story section for my about page and if
you wanted to you can format this section with these buttons over here you
can also add some additional elements to this block you have all of these other
ones that I haven’t talked about so if you need to you can pause the video
check them out use them test them out and see which ones you like and once
you’re ready what I want you to do is just come down to the next section and
again just remember you don’t have to use the same blocks as I do you don’t
even have to have the same layout what I really want to do is have you walk away
knowing how to use the page builder to really build whatever type of layout and
webpage that you want for your WordPress website so now what we’re gonna do is
add another block so let’s click on the plus button and what I want to do is go
back to the featured section and I’m gonna scroll down and just find this one
right here so I’m gonna add this so I’m not gonna really format the session or
the button right here but you can see when you add two white blocks like this
it looks like one big section so what I want to do is just kind of separate
these by adding a little background color to this section so I’m gonna go in
here and just select this and maybe I’ll make it a little bit lighter so
something like this just so that you can see a little bit so now you can see that
we have some separation and that looks pretty good so let me add these other
sections for this about page again I’m just using some blocks right now and
then I’m gonna show you how to use the page builder to create a row of your own
so gonna come right back in here let’s add a testimonial and maybe we’ll use
this one again and we have that white section and then
we’ll go in here and this time I’ll add another contact section just like the
home page and then we’ll add our social media buttons but this time around
instead of going into the social link over here I’m gonna go to my save blocks
and it will populate the block that I already saved with the URLs for Facebook
Twitter and Instagram and I’ll just add this one so now if I click
this the only notice that we have our URLs already included for these buttons
that we changed already so this is what we did earlier we saved this block and
now I just added it back so we have our about page using blocks and what I want
to do is just show you how you can add another section so imagine you want to
add a section it doesn’t need to be at the bottom over here but if you want to
just create a page from scratch or a block from scratch
just click on this and once you see this section if anything looks different on
this page that’s because I kind of messed up and I spilled some orange
juice as I was recording this tutorial so my macbook that I was using needs to
get fixed so I had to swap out my computers so now we’re using a different
computer but the show must go on we got to finish this tutorial so we’re going
to do that right now so let’s click and add a blank block for this new section
that I want to create and you can see it right here I want to go in and just
change the background color so we have some separation so I’ll select this
right here and let me just show you what we’re gonna make we’re gonna make this
little section that you see right here and it’s pretty professional it’s just
something that I added to the about page right here so let me show you how to do
that with the elements and then you can go and create whatever you want so you
don’t have to copy or really follow along you can just watch and see what I
use to make something and then you can go and customize whatever blocks that
you want so the first thing I want to do is just add some text blocks into the
section so I’m gonna drop some in right over here so I’m gonna add two of them
because I want a headline and a sub-headline and so we have these two
right here and I can just go in here and maybe delete this and type in everything
you need and what we can do is format this text so we’ll click on the tee
right here and I’m gonna change this to a subtitle I’ll tell a size this I’m
gonna Center it and probably change it to this blue color and then what we can
do is come in here and put in our headline so we’ll type in perfectly
crafted and again we’ll change this to a heading 1 in here and we’ll make this
white and we’ll Center this and what you’ll notice is that there’s a little
bit too much space right here so I want to make this
action or this text be closer to this one so I’m gonna go into this one right
here and go into these settings and change the margins so you can see what
happens when I actually click on this one you can see it’s gonna change the
margin for the bottom right here so we’re gonna move this to maybe negative
10 or so and that looks a little bit better it looks a little tighter so I
kind of like how that looks better so that’s what you can do with the margin
and the padding and now what we’re gonna do is add some additional columns at the
bottom of here so I’m gonna click on this and duplicate this and we’ll do
that one more time and this is just gonna make some additional columns and I
actually want to make this full width so from one side to the other so going to
my settings over here and just change this to the full width option so now we
have columns all the way across okay so now what we can do is we can add our
text boxes and everything like that but what I want to do first is show you how
we can add a background image and then change the colors for these images so
we’re not go in here and click on this and you guys should already know how to
do this but we’re gonna walk you through it again so I’m gonna click on this
button to add a background image and click on this and what I want to do is
just choose my background image and click select and you should see the
image show up right here and we can add an overlay so we’ll go in
here and just change it to blue maybe I’ll change this to 75% or so so you can
see the image and then what we can do is go and change the padding and the margin
which you won’t see until we actually go and add an element right here so if you
click on this one this changes the padding on the inside so you see this
gray box right here that’s for the padding on the inside if you click on
this one right here it’s gonna change the padding and the margin on the
outside of this grey box so we’re working on this one right here and I
want to change the padding on the outside to 70 65 70 and 65 and then the
margin on the outside right here I want to put in 15 and then for the margin
right here I want to do 15 10 and 15 10 right here
and again you won’t see the changes until you put in an element so we’re
gonna click and drag in a text element right here so you can see the change so
I’ll just drop this right into the center and once we put that in let me
just scroll down and you can see once I hover over this you can see that we have
the spacing change so now right at the top we have some spacing over there and
you probably won’t notice it but I did change the padding here so now this text
box is formatted so I’m gonna go in here and just change the text to white and I
want to duplicate this text box because I want to have a title section up here
so I’m gonna click and try to highlight this text and just put it about us and
just change the formatting or the typography to the button option and now
you can see we have this first column like this so you can see that the Brizy
page Buller can pretty much do whatever you want and what I want to do is I’m
gonna delete this one right here and I’m not actually gonna duplicate this one
because I want to just have two of the same right here and I’m just gonna
change the text right here so I’m gonna click and move this over right over here
and we can just change the text that we wanted to to maybe team or something
like that and if we also want we can just go in here and format these two so
let me just do that really quickly so I’m gonna click in here again and click
on this and then go and choose a background image so we’re gonna use the
same image and just change the transparency so once we have our image
right here I’ll go into the styling and I’m gonna select um let’s go with this
one right here and maybe we’ll change this to about 50% or so let’s see what
that looks like this looks pretty good right so maybe we’ll do 60% I’m just
winging it right here and you can see right here we didn’t change the padding
or the margin yet so you can see it’s higher up and this time around what I
want to do is I want to put in the elements first just to show you what
happens and you can actually see the padding and the margin change so we have
our first element right here and we can just change the text color so maybe
we’ll make it navy blue and we can duplicate this again just so that we
have two of these and we can change this one to services
and we’ll put in the typography as button and the formatting looks a little
weird right so what I’m gonna do is click on this little icon and go in to
my settings and click more settings and then just put in the same padding so for
the outside I want to put in 70 65 70 and 65 and you should see things
starting to change for the margin for this one I want to put in 15 and then
over here for the outside margin it’s gonna be 15 10 15 and 10 and now you
should see the changes right over here so if we click out of it that’s what it
looks like if you don’t like how this looks or whatever you can always change
it you can maybe make this a little bit darker and what I want to do is actually
delete this one and then we’ll just put another duplicate on this side over here
so I’m gonna click and drag this one over right over here and maybe we’ll
just change the title for this one to contact and if I was actually building
the site maybe I would make these a little lighter so that you can actually
see the text but again this is just a demo block right here so what I want to
do is I want to add a button but I want to add some spacing in between these two
sections so I’m gonna click here and you can use all of these different types of
elements so what you probably want to do if you want to learn how to really use
the page builder is just play around with all these different elements and
drag them in and see what they do so I’m gonna add a spacer right over here and
I’m also gonna add a spacer below the section so down here and that’s just
gonna give me a little bit of gap and then I’m gonna add a button down here so
I’m gonna click and drag this element over underneath and once you see your
button right here we can just go in here and maybe we want to change the text to
say learn more and if you want to get rid of that icon or change it click on
this icon right here and then just go in here and remove that and again what you
can do to link this button is click on this type in your URL and we already
talked about how to format our buttons so I’m not going to go through that
again but again you can see your button right here and if you want to change the
colors you have the normal button color and then the
her color over here okay so that’s all we’re gonna do for this section really
what I wanted to do was just show you how to create this beautiful block here
with the Brizy page boiler to kind of give you an idea an overview of the
elements that you can use so if you do want something like this or if you’re
done creating your about page make sure that you always click on the Update
button right here so I’m gonna click on this just to save everything really
quickly and once everything is saved you should have your about page right here
so if you need to you can pause the video and go in and change whatever you
need to update the links update the images the text and I’ll probably delete
this section that I created with you guys before I go and move on to the next
step but again remember always click on the Update button to save everything and
then once you’re ready let’s go back to our WordPress dashboard so that we can
move on to the next step so I’m gonna click back to WordPress right over here
and once you’re back on this page right here if you want you can go and check
out your about page by clicking on view page and your about page should load
right here and you can see this just looks just like our Brizy page builder
we have all of our different sections so again pause the video if you need to to
update everything otherwise let’s move on and now what we’re gonna do is learn
how to create a portfolio or gallery page just like this using the Brizy
page builder so if you guys haven’t found out already
the Brizy page builder is super super easy to use even when you create blocks
yourself so if you want to create a gallery page let’s go and create a new
page so we can hover over new and just click on page and once you’re on the add
new page let’s type in portfolio for the page title and we’re gonna come to these
settings over here and I’m gonna select new sidebar and for the content layout
I’ll do the stretched option and disable the page title and that’s all we have to
do so let’s click on the publish button right here and once the page is
published you can check it out if you want but I’m gonna open up the Brizy
page builder so I’ll click on the button right here and once you’re on the Brizy
template for this portfolio page remember the first thing I’m going to do
is go into the page template and select the default option so that we have a
header and footer from the ash theme or any other theme that you
selected and all I’m gonna do here is just use some pre-made blocks from the
page builder but you already know how to use the elements to create your own
sections if you want for your gallery page or really any other page so a
services page a products page or anything like that and if you need some
additional help you can always leave a comment or you can just rewatch the
section before so for the portfolio page I’m gonna come in here and again we have
our premade blocks and I just want to add a gallery block so I’m gonna click
on this and this is the one that I selected but you have all these other
options so if I click on this you can see that it gets populated right here
and if you wanted to you can edit the text you can edit the padding the margin
how it’s formatted all I really want to do in this section is show you how you
can add a lightbox so when your visitor clicks on any of these image elements
it’s gonna pop up so if I go to the demo website right here I turned on the light
box for this one so if I click on this you can see that the image shows up like
this and it doesn’t for these other ones because the lightbox is not turned on so
if you want this option right here for your images what you want to do is for
each of these image elements you can just click on it and then you have your
menu right here click on this icon and right here where it says open and
lightbox you turn that on and now your gonna have that option that you saw on
the demo website for this image so you can do that for each one of these and
then you’re gonna have pop-ups for all of these images so that’s all I’m really
gonna cover here and I’m just gonna turn on a few of them so if you do make any
changes again make sure to click on the Update button right here the only other
thing that I want to do for this gallery page is come down here this is where you
can link your buttons to bring people to another page or what you can do is add
more rows or columns for additional images for your gallery or portfolio
here you can also customize it however you want a different layout you can
delete one of these buttons again remember this is just a premade Brizy
block so you want to go in and edit this stuff
well all I want to do down here is just add my social media buttons and remember
we have the option of using the pre-made blocks right here but we also have our
saved block right here with our links already create
for us so I’m gonna go in here and just select this one and we got this right
here and if you want to edit any of these you can remember Google+ isn’t a
real thing anymore at least I don’t think it is let me know so all I’m gonna
do here is just update this because this is my portfolio page and it’s really
easy to make I feel a little guilty at how simple it is and if you need any
help let me know because again this was really easy and sometimes I feel bad
because it’s so easy that you can probably learn how to do this on your
own and you don’t even need this video but that’s it this is the gallery page
and if you guys are ready go ahead and pause the video customize this however
you want and then once you’re ready push play and then we’ll create our last page
together and before we actually move on let me just click the Update button
again just to save everything and I’m gonna go back to my WordPress page right
here and once you’re back on this page if you want to check out what the
portfolio page looks like you can click on the link right here that says view
page otherwise let’s just move on and create the last page together which is
the contact us page and you can see right here again all we’re using is a
premade block and we might format it a little bit but we have some text at the
top we have a Google map right here with a pin for our address if you have a
physical location and then we have a contact form right here that actually
works and sends a message to your inbox whenever a visitor writes you a message
and down here we have our social media buttons and we’ll talk about our footer
and our header section after this so let’s go and create this last page for
our WordPress website that we’re learning how to make so we can hover
over new and click on page and once we’re back on this add new page let’s
type in contact or contact us for this new page title and then again you can
choose whatever options that you want but we’re gonna go with no sidebar the
stretched option and hide the page title and then we’ll just click on the publish
button twice just to publish this and now we can turn on the Brizy page
builder and once we’re on the page template let’s go in and change the
template to the default option and this is gonna change so that we have the
header and the footer and before we actually go on I know this is the last
page so if you guys are enjoying this video go ahead and give it a thumbs up I
really appreciate it if there’s anything that I
can do to make these better let me know in the comments section below I’m always
trying to improve so we have our header and our footer and we want to go and add
a contact block so I’m gonna go in here and just click contact and there’s a
bunch you can choose from so if you don’t have a physical location it
probably doesn’t make sense to choose one with a map you might just want one
with the contact form or some details or one with an image so I’m gonna select
this one right here so I’ll click on this and you’ll see that it gets added
and we already know how to format the text and the padding and all that stuff
so you can do that on your own all I want to do here is I want to show you
how you can change the address for your pin on the map so if you don’t have an
office on Wall Street you can just click on this and then click on the pin and
then type in your address right here so we’ll delete this and type in 1 2 3
first of New York New York and I don’t know the zip code for this area so I’m
just gonna push enter and now you can see that this map refreshes and has the
zip code right there and so yeah this is East Village it’s a cool area I kind of
was over there today cuz I dropped off my MacBook the one that I spilled orange
juice on but let me know what you guys think about East Village or I don’t know
you don’t have to say anything just this is where you go to update the location
for your map if you have one so the other thing on this contact block that I
want to talk about is if you have a contact form on your contact page you
can change any of these labels right here I guess that’s what you would call
them and you can also delete the subject lines here if you don’t want this so you
can delete all this stuff you can add some stuff this is just a drop-down with
subjects this is where you can type your message and I might show you in some
additional videos how you can actually customize these contact forms to look
really really awesome so if you want to check those out just subscribe and I’ll
upload some new videos with the Brizy page Buller and this is just me kind of
asking you to subscribe also because I am trying to get to a hundred thousand
subscribers YouTube gives you a really cool silver button a lot of stuff and I
kind of really want one so I’d appreciate if you guys subscribe but you
don’t have to what I really want to do in this contact section is show you how
you integrate this contact form to make sure that a message gets sent to
your email so that’s all over here in this button this is probably the most
important part of this contact form you can change the text right here if you
want so maybe we’ll just type in send instead of submit and you guys already
know how to get rid of this icon you just go in here and your icon is right
here what you want to do is you want to click into this button though and you
want to click on this little icon right here and you’re gonna give this pop-up
with these apps right here and you should see the WordPress button so if we
want to click on this and you’re gonna get this pop up with the form fields and
what you want to do is you want to put in the email address that you want the
messages to get sent to so I already have my email in here and then you want
to have a subject or a subject line if you want to know where these emails are
coming from so maybe a new message from my C Brizy and you can just put in
whatever message or subject line that you want this is going to be sent to
your own email address and then just click continue right here and you can
see that you get the success button right here and just click done and
that’s all you have to do if you want you can also go into these settings I
think and let me just see to make sure no it’s not this section but over here
in this link section when someone sends a message to you you can have a success
message so by default it’s gonna say message sent and then if there’s an
error it says messes not sent you can actually change this if you wanted to
also to say like congrats thanks for sending a message or whatever like that
okay so really all that I really wanted to
point out was this section right here this WordPress app click on that you’re
gonna go in here put in your email address and then put in a subject line
if you want so that you know that you get a message from your website and then
just click continue and that’s gonna integrate it and that’s all you have to
do the last thing that we’re going to do is come in here and click on the save’
box and add our social media buttons again you can always add your own stuff
this is just what I’m adding to my contact page right here and that’s all
I’m gonna do so I’m gonna click on the Update button to save everything and
once everything is saved we’re just gonna go back to our WordPress –
bored so if you’re ready go ahead and do that if you need to pause the video and
customize this page go ahead and do that also I’m gonna go to the WordPress
dashboard right here and once we’re back on the contact page I’m going to go and
check out this page really quickly so I’m gonna click on View page and once
the page loads you can see we have our map right here our contact form is going
to be integrated with our email address and we have our social media buttons at
the bottom so we have just completed all the pages that we’re gonna make for the
website in WordPress and using the Brizy page builder so what I wanted to
do now is move on and show you how to create the header menus or actually
customize them so we can change this and then down here at the bottom we can put
in a footer menu also so if you want to do that what we can do is hover over our
website name and we can click on menus right here or we can go back to our
WordPress dashboard and once we’re on the dashboard to go to the menus page we
can hover over appearance and click on menus right here and once you’re on the
menus page what you’re gonna do to create your header and your footer menu
is you want to create a new menu for each of these so right here we can just
type in a menu name so we can type in header and then click on create menu and
once the menu is created the first thing that we can do is come down to where it
says display location and we want to make this the primary menu that’s gonna
be the header menu and after we create our header menu we’re gonna create our
footer menu so we’ll select this one next and what you can do is you can add
all of your pages to your header menu if you want so I’m just gonna select the
pages right here and click Add to menu you also have the option of adding your
blog post or creating custom links over here so this is the label and these are
the URLs for your header menu items and if you had categories you can also add
those but I’m just gonna add these pages right here and I want to reorder these
so it’s gonna go from left to right from top to bottom so I’ll move this one over
here and I’ll move this one up here if you ever want to have any submenu items
you want to indent them so that this is the parent of this one and it becomes a
submenu item okay and that’s all you have to do and we’re gonna do the same
exact thing for our footer but once you rearrange the menu items for
your header menu click on save and once the header menu is saved you can go and
check out the website if you want and see that the header menu is updated but
what I want to do before we actually do that is I want to create the footer menu
so I’m gonna go here and click on create a new menu and my footer menu is gonna
be the same exact thing we’re gonna type in footer right here for a new menu and
click on create menu and once the menu is created we’re gonna come over here
and just click on footer menu and I’m just gonna add the same links that I
have for my header menu so I’m gonna click on this and I’ll just rearrange
these again and again you can add whatever links that you want maybe you
have different pages that’s fine you can have submenu items and all that stuff
and so once I rearrange everything I’m gonna click on save menu and once the
footer menu is saved we are good to go and if you ever want to edit any of
these menus that you created you have this drop-down right here just select
the one that you want to edit and click on the select button right here okay so
we have our header and our footer menu and they’re both created and pretty much
we are done because we’ve created all the pages that we want for our website
in WordPress and now we have our footer and our header so what I want to do is
just show you what the final website looks like and then we’re gonna talk a
little bit about the Brizy Pro which is the premium version of the page builder
so if you want you can just keep watching and see the premium functions
and whether or not you want to use that or not but let’s go and check out our
website that we learned how to make in WordPress today so I’m gonna click on
visit site and once the website loads let me be the first to say
congratulations on learning how to make your own WordPress website with the
Brizy page builder and at the top over here you can see that we have our header
menu that we just customized and we have all of these different blocks that we
learned how to create and customize using the Brizy page builder and then
at the bottom over here we have our footer menu right here also and we
created an about page a portfolio page and a Contact Us page if you want to
create some additional pages or need any help you can leave a comment in the
comment section below and I’ll get back to you before we talk about the Brizy
premium version I want say thank you so much for watching and
if you liked this video make sure to give it a big thumbs up and also make
sure to subscribe to the NYC tech club YouTube channel because we’re always
coming out with new videos just like this so what I want to do for a little
bit is just show you some of the premium features with the Brizy pro version in
case you want to upgrade your page builder but by no means you don’t have
to do this but I do want to talk about it just to give you the option so I’m
gonna open up a new tab right here and what I just did was I opened up a new
tab with the home page and the Brizy page builder right here and I actually
installed the pro version so I’ll show you some of the elements and the blocks
that you can choose from in just a moment but I also have a tab right here
with a comparison of the free version and the pro version and I don’t think
that you actually need the pro version in order to build something beautiful we
were able to create a beautiful WordPress website using just the free
Brizy option but if you want you can always select the pro option and upgrade
if you do want more tools and resources so you can see right here that we have
some additional pre-made blocks we have premium blocks right here so over 150 of
them you get some additional elements so if you wanted to have a blog website or
customize your headers or anything like that you’re going to be able to do that
with the Brizy pro so I’ll link you to this page in the video description and
you can come here and check it out now there is a fee for the Brizy pro
and some people don’t want to pay for it and I’m totally fine I’m not trying to
sell you on this I just want you to know that you do have the option to upgrade
your page builder with some additional tools and resources if you want to
customize your website some more so if you wanted just to have the Brizy pro
4-1 website then you’re gonna have to pay a license fee of $49 on a year and
then you can have some additional licenses if you want it to have the
studio option the one that I got because I create WordPress tutorials for a
living on this YouTube channel is I got the lifetime option so this one’s a
little steep it’s a little bit more expensive you have these options right
here and again take your time you don’t really need to decide today if
the pro version or not but what I want to do is just show you some of the tools
and premium features that you get with the pro version so I think what we’re
gonna do is just go and create a new page and just kind of start from scratch
so I’m gonna go back to my wordpress dashboard right here and create a new
page and show you a lot of the Brizy pro options so we’ll hover over new and
click on page and once we come to this page let’s just type in a title here for
our demo page so maybe we’ll just type in demo services and this time around
I’m gonna leave all this stuff as the default so I’m not gonna select anything
and I’ll show you why in just a little bit using the Brizy pro so i’m gonna
publish this page and just turn on the Brizy page builder and remember when we
created all of our different pages we came over here and we selected the
default options so that we had a header and footer what’s really cool with the
Brizy pro is if we click on the blocks over here now we have this category
right here for custom headers and footers that we didn’t have when we use
the free version so again I do have the pro version installed and what we can do
is just use some of these to create our header now so you don’t need to use a
theme header or footer with the Brizy Pro you can create your own custom
footers or use these custom blocks and we can just go in here and select the
menus so we’ll go in and select the header menu and if you wanted to you can
edit this stuff and change all of this again this is just the demo page and I’m
really just showcasing what the Brizy pros about so really quickly over here
in the elements you’re gonna have some additional elements that you don’t have
with the free version so really it’s just additional options for you the cool
thing is really with the add new block section so if we click on here you’re
gonna see that there is a layout tab right here if we click on this what
you’re gonna notice is that there are layouts for different types of websites
and you can just import these and what you’re gonna do is just have a whole
website already created for you and then you can just go in and customize images
and the text so that’s pretty awesome and again this is something that you get
with the Brizy pro so it just makes your life a lot easier then trying to
come up with your own layout for your different pages and then on the
blocks right here again you’re gonna have the header and footer you’re gonna
have some additional options here also so you have stuff such as the content
section so if you want to create pages with layouts like this you can do that
so we can just add this one maybe and then we can come down here and we can go
into this post section right here and maybe we will add something like this
and you can see we have a Content section and then what we can do is come
down here and just add a footer that we probably couldn’t add when we use the
free version so also like this one right here and again you want to come in here
and customize this stuff this is just using the blocks right here you can see
how easy it is to again build a web page using the Brizy page builder but we’re
using the pro features right here I don’t want to get into too many details
because this isn’t a real sales pitch for the Brizy Pro I’m gonna link you to
this page right here you can see the prices and again you can see the
comparison over here with the free version and the pro version some of the
things that jump out to me are that you get a pop-up builder with the pro
version so if you want to have some opt-in forms or anything that pops up on
your website you have that option with the pro version again you have over 150
premium layouts and blocks with the pro version so if you just want more options
then you want to upgrade if you’re happy with the options that we really have or
you want to go and create your own options or blocks you can do that with
the free version you also have the shape divider which is going to customize your
blocks a little bit custom fonts more Pro elements and really there’s just a
bunch of different things and the pro version is worth what you’re paying for
but again it’s really up to you it’s not free so I know sometimes you don’t want
to spend this money and just take your time if you don’t need it don’t get it
if you think you’re gonna make your website a little bit better or way
better with the Brizy Pro then maybe you want to invest in this but it’s not
a necessity it’s more of something that you can have if you really want okay
so again this is the Brizy pro we have a bunch of different elements that you
can add and then we also have some additional
blocks right here so different categories and you also have the layout
options and a bunch of other tools and resources that we’ll probably cover in
another video but that’s my little pitch on Brizy Pro I have it on my website or
I have it installed and maybe I’ll use it maybe I won’t but I’m pretty happy
with the website that we built today using the Brizy pro or Brizy free
version and I hope you guys are too if you guys need any help whatsoever just
leave a comment in the comment section below and I’ll get back to you otherwise
thanks for watching please give this video a big thumbs up if it helped you
out and make sure to subscribe because we’re gonna come out with new videos
just like this so again I appreciate you guys thanks for the support and I’ll see
you later

11 Comments

  • mira lifestyle

    Hi great tutorial i have a question plz🤗i want to create pages template and upload it on my website in a way that allow people to download it from my website how can i do that ?🤔 i want to make it like fredy korpshok the youtuber he create pages template and you go to funnel page to sign up then he send you the link to upload i do not want the funnel step i want to know how to download the template and how to make it accessible for others to upload from my website ☺thanks

  • Indrasith Ponniah

    First, thank you for a wonderful presentation using Brizy. Just one question, how do we place a blog post grid on our home page?

  • Dk picture films production

    https://youtu.be/x2SbIlSoo5A
    दिए गए लिंक पर क्लिक करके देख कर बताएं
    आखिर ऐसे वीडियो क्यों होते हैं वायरल(viral video 2019)
    अच्छे वीडियो क्यों नहीं होते वायरल

  • Dk picture films production

    https://youtu.be/x2SbIlSoo5A
    दिए गए लिंक पर क्लिक करके देख कर बताएं
    आखिर ऐसे वीडियो क्यों होते हैं वायरल(viral video 2019)
    अच्छे वीडियो क्यों नहीं होते वायरल

Leave a Reply

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