Transcripts
1. Introduction: Welcome people,
welcome to this class. I'll teach you how to create your very own website with
a pretty page builder. So the first thing I'm
going to teach you is getting a hosting company. The second thing is he
so WordPress the dirty. Instead we're going to
implement blocks like this. You can select them and click on it and implemented what clique. So the main goal to projects of the Skillshare
project is to post your very own blocks into your website and published
in the project section. There are a lot of
blocks to choose from. You can also see the layout to implement them in one click. Edit to edit them
directly drove Facebook. Well, here's 100 blocks
are ready to use. If I click Mondays, e.g. it will be imported directly
through your website. So that's great. That's awesome. So all boys Seaway, Mike left.
2. How To Get A Hosting And Domain : In this video, I
will show you how to sign up for your
hosting account. You need hosting
because there you can place your website
and manage your website. Right over here, we got
three kinds of plants naturally plan the Baby
Plan and the Business Plan. A highly recommend to
take the baby then, because with the hatchling plan, you can chose, you can
host only one domain. But with the baby blend, you
can host unlimited websites. So right over here, I'm
going to click on by now. And I'll wait until it's loaded and enter here
desired domain name, e.g. websites, GTR S. And this is gonna be
your new domain name if it's available.
And it's available. So we can choose that one. And I'm going to scroll down. You can select one month or
two months or three months. And so you can fill in
here all your information. You'd need us to manage
your websites again. So right over here, you
have additional services. We don't need them. I'm
going to de-select them. Depends on what you want. Right over here. We are going to install
WordPress in the next lecture.
3. How To Install Wordpress: In this video, I'll show you
how to install WordPress. Wordpress is a content
management system that we're going to
use for this course. So you can manage and create
your website and WordPress. Right over here, I'm
going to scroll down. And I'm going to click on WordPress manager
by soft calculus. And I'm going to click on it and I'll wait until it's loaded. And whatever here, you've
got my installations. I'm going to click on Install. And I will select here
my primary domain, does Mario, yep, that's gum. And I'm going to enter
here a sub directory, but you can keep this empty. I'm then going to
enter e.g. of course. One, of course is to get
you right over here, you can enter your
username, e.g. user 12th, and your
password right over here. You can essentially installation
details to your email. So it is really a useful and I'm going to
click on Install. And we will wait
until it's loaded. So the system you're hosting a panel is now
installing WordPress. So I will pause the
video and come back. Okay, So right over here, your WordPress installation
is successful. So that's great. So I'm going to click a
mirror web courses too. And there we are. We are now nearly at the
WordPress dashboard. Congratulations. So that's nice. So I'm going to teach you a
lot of things in WordPress, how you create your very
own website with WordPress. So I hope to see you in the next lecture and keep
watching. And thank you.
4. How to create menus: So now, I'll show
you how to create menus for your WPress website. Right over here, I'm going
to navigate to dashboard. Okay. Click on the
left, right over here, you can select your
pages, right here, select page, all pages
or appearance and menu. You can use both of them. Right here, I'm going
to enter menu one. Primary menu and click
on the blue Save button. This is how you create the menu and I'm going to show you
how you add pages to it. Right over here, I'm going to add pages to
it. Let me think. Let's save it first, and right
over there by click on A. And click on Home
and sample page, and you've added a page
to the navigation. Congratulations.
This is a good step. Now you know now
how to create menu. This is really useful,
and we're going to make a beautiful
website, so don't worry. It's going to be amazing. Over here, I'll click on save
when I visit the website, we have those two
menu right over here. Thank you for watching.
5. The wordpress dashboard: Hello, people. Welcome to your
War Press desk part panel. In this panel, we're going
to cover a lot of new stuff. I'm going to take
you from a beginner to advanced Wpress user. I'm going to show you
how you add posts. And I'm going to show you
how you used media library. I'm also going to show
you how you create a new page and what a page is. We're going to manage the
comments way to plug in. And you're going to use this. But I'm going to
explain it later. Are we going to
customize our team? Are we going to install a team? So we're going to add plug ins. And I'm going to explain
what a plugin is and how you add some plugins
to your website. And I'm going to show
you what Optim Monster is right over here.
Here's Opt monster. We're going to change the
color of war Press test port. If you want to
change that color, maybe you like it to
give it another color. So I'm going to show
you how to do that. Click on Admin and Admin. Right above the screen. You
can choose a default color. Or you can choose a light color, or you can choose
the blue color. So feel free to look around a little bit and test
out what you like. And yeah, midnight color. I like this one very much, but I'm used to defilt
That's the best for me. So, we're going to cover a
lot of things in the scores. Okay. This was a quick overview about the War Press Dashboard. And I hope I will see
you in my next lecture. And now we're going to start with learning about
this dashboard. Okay, I will see you soon, and thanks for watching.
6. How to install they Astra theme: Alright people, in this lecture, I will show you how you
install the SDR team. So we need to SDR team for our page builder
called breezy. So I'm going to go to
Appearance Themes. And I'll wait until it's loaded. And I will click on Add New. And I think it's our
Paris here on the top. If you click, Click on poplar and right
over here yesterday. And I'm going to
click on install. And we're going to
install the SRD. And I'm gonna click Activate. Okay, so the SRE
team is activated. So I'm going to
click on visit site. Okay. This is your shot. You right now it looks
empty, pretty ugly. And we're going to change
a lot of things to make it a beautiful website
with a page builder. So I'm gonna go back
to the dashboard. And in the next lecture we
are going to create menus. And after the menu is,
we are going to install the page builder. So I
will see you all soon. Thanks.
7. Setting up Frontpage: In this quick lecture,
I'll also show you how you set up your homepage.
Right over here. I'll navigate to
appearance, customize. And once it's loaded, I will select right over here. I will select Homepage Settings. And wrote over here,
you can set up your menus right over here. So create menus and
enter your menus. And we go back. And Derrida's homepage settings you and so you need
to do this step. So we have to write page that shows on the homepage,
the front page. So select here your
homepage or sample page.
8. How to Install The Page Builder: So welcome at your
WordPress dashboard. In this video, I
will show you how you install the page
builder called brucei. Brucei is a free page
builder where you can create your own
custom website with. It's a drag-and-drop
page builder. So now let's get started. This is our website are now and I want to install
the page builder. I'm going to scroll
down, navigate to Plugins and Add New. And click here for
search here for breezy. And there it is. So it got a lot of
insults, 90,000. And I love this page builder. And I wrote over here, I'm
installing it and it's insult. I'm going to click on activate. And you've successfully
installed to your page builder. So don't worry, I'm
going to explain everything step-by-step,
how you misuse this. So I'll go on the top and I will see
you in the next lecture.
9. How To Implement Lay outs: Alright, so you get a lot of
templates to choose from, and I'm going to click on free. Right over here. I'm going to implement this one. And I will click on import
layout and it's very easy to import your team
and wallah, it's done. So you have your own
website right now. So if you want to trust things, you can click on, Delete. And in other lecture I will show you how you
edit your website. E.g. you can center this to something like this or
this, or like here. And there's also here. Yes. You can delete the button.
And we don't need this. Yes. So this was a
little bit about how you implement a
design, a layout. So yes. And I click on update. And if you decide, okay, is this looking amazing for your first website or
for your second website? I don't know how far you are, but you've got a great site
up and running in minutes. Okay, I want to see you, I'll see you in
the next lecture.
10. How To Use Brizy Blocks: In this section,
I'll also show you how I create blocks in breezy, in WordPress, the page builder. So the test for the project is that you built your own website, which are drag and drop builder and post it in
the project section. I'll teach you how to create your very own website
using blocks. Right over here. You've got a lot of
blocks to choose from. A, you can choose
from light to dark. And you have different
categories that you can use. E.g. I. Want to use this block. And it's just implemented
in a few clicks with no programming
language at all. So if you want to edit
something into work like this and just double-click
and type something. And you want to customize
this a little bit in Collect, select a different blocks
and Skillshare class. You can use your own blocks and poses in the
project section. So to show you, show the class what
you have created. So I'm really excited
to see what you create in class for class. And I wrote over here, I
can update the website. And let's take a look at our website where we
implemented blocks. That's looking amazing
in my opinion, we create awesome stuff. You create also amazing sight. So yes, you can also
use other blocks for your website and to create
your own custom website. And I'm going to scroll down. And then another block which shapes saves hours
of programming. Right over here. You've got your section. Work to get our section
right over here, you can add a new block. I'm going to scroll
all the way down. And it's something you
can choose a hundreds of free blocks to customize your website and to get up
and running in no time. So I will choose this
one and I will add the contact section to finish
this block, this website. And I just created in like
2 min or something else. So it's really amazing to
break to create your own for your own website with WordPress is the best system and
enrolled in my opinion. And right over here, I'm going to add some
content section. There it is, one
that we have it. Okay, so that was creating your own custom site
with breezy blocks. So I hope you've learned
a lot and I hope you post your project
in the class. And it will look like
your own custom.
11. Elementor How To make a Website With Elementor(9): So welcome at your
W Price despert. In this video, I
will show you how you install the page
builder called Briz. Brice is a free
page builder where you can create your own
custom website with. It's a Dragon Drop page builder. So now let's get started. This is our website right now, and I want to install
the page builder. I'm going to scroll down,
navigate to plugins and a new. I'm going to click Search
here for Brise there it is. So it gots a lot of
installs, 90,000, and I love this page
builder right over here. I'm installing it,
and it's installed. I'm going to click and activate. Okay. And you've successfully installed your page
builder. So don't worry. I'm going to explain
you everything step by step, how
you misuse this. So I'll go on the top and I will see you in
the next lecture. Okay.
12. Elementor How To make a Website With Elementor: Welcome, people. Welcome to this brand new Wopres Tutorial. In this tutorial, I'm
going to show you how you create exactly the
same website like me. You're going to create a
very beautiful website with Wopres and with the arpres
elementary page builder. Okay. In this video, I'm going to show you I
create a hosting cop. I'm going to navigate
to get started and we get our domain and
hosting the ho gated. Right over here, you
got three plans, the Hedling plan, the baby
plan, and the basic plan. I highly recome the baby plan
because with the baby plan, you host unlimited domains, and with the hesling plan
with nearly the same price, you host only one domain. This is a very important step. I should choose
for the baby plan. Right over here, you can
answer your domain name. I'm going to call
Jarret my design. Right over here. And you
can select pricing plan. Highly recommit to one month. And here, you can
select the glin or the baby or the
business plan. So I recommit the baby plan. And right over here. You
can enter your information. You can check out with your
credit card with Papal yes, right over here, you need it, and we want it so
cheap as possible. And right over here, you
can enter the coupon code Jared 26 and we'll give you a large discount
on the first month. So right over here,
is your discount, $28.29, right over here.
I'm going to agree. So let's install warps. Warpa as the cotton
management system that we need for this tutorial, so we are going to install
Warpres on your hosting panel. You need hosting
because you need to install wpress in it on it. So warps is completely
free, right over here. I'm going to click on Install. I'm going to select
my primary domain. Select here domain that you just purchased at a hostter.com. I'm going to call it
another tutorial. You can keep that
directory empty, or for practicing,
you can use it. Right over here, you're going
to enter your password. So I'm going to call
this, for example, my new site. And
right over here. And you can choose templates, design and click Install. If you want to e mail
your details to email, enter your email there
and click Install. So I'm not going to
say this puzzword Installing right now and I will come back when
it's finished. So now we're going to install
the Elementor page builder, a very popular page
builder for war Press. Right over here, I'm going
to search for Elementor. And I'm going to
click on the Install. I knew this plug in when
it got 100,000 installs. I got now more than
50 million installs. So right over here, I'm
going to activate it. And I'll wait until it's loaded. So we need to set up
this right over here. You can continue
with the hello team, so your team will automatically
install right now, your design, right over here. I'm going to call
it my tutorial. And I will go to the next step. If you have a logo, you can add it there and right over here. You can chop browse from 100 templates or
import your own. Link is in the description. Right over here, we're going to show you the
element or templates. So templates are actually
designs that you can implement. So I'm going to
navigate on popular. And I'll wait and you've
got free templates. So are going to navigate
to the free templates? They are not looking beautiful, but if you want a more
familiar better website that looks really more advanced, you can purchase the
Elementary page builder. So that is Lincon description. And you can make almost any
website with Elementor. If you want to create
a business website, you can select the template
and imported in one click. So it's much cheaper
than you go to web developer web
development company. Sorry. So holy
we're coming to us as Elementor because it's fast, good, clean and fresh designs. So, and now I'm going to
navigate to the plugins and new. I'm going to search for teams. So I searching right now, and we are going to install a team layout pack so you can implement
designs in just minutes. I'm going to navigate
to the plug in, and that is right over me look. There, SKT templates. Right over here, links
and description. I click Install and I'll
wait until it's installed. So I'm going to click on
elementary templates, and here you've got a lot of beautiful free designs that you can implement
in just one click. So you don't need any coding
else required for this. So I'm going to import one, you can make almost any
website in this tutorial. So I highly recommit to build
your website by your own. So right over here, you got beautiful designs, if you want to build Beautiful website. Yes yes. Let's look further
to all the designs to show you what you
can do with war press. War press is very easy. In the beginning, it's
maybe a little bit hard, but if you practice, it will become
easier and easier. Normally, you pay $60 for a template, and
here they are free. You only pay for the hosting, and if you want to implement
elementor templates, you pay for Elementary. But this is totally free. Right over here, I'm
going to implement one team to show
how it looks. Okay. It's loading. So this
is looking really professional for your
website in my opinion, so you can import it
also in one click. If I click on the blue Import
button right above there, you can import this templates. So I'm going to
search for another template to show you what you can do with this plug in. So you need this plug in to install the templates.
It's totally free. So I'm going to take this one because this one looks
very nice in my opinion, and So let me look. So, this is your site right now. It's looking really
professional, so you get your
up and running in just 10 minutes. So
right over here. I'm going to change this to show you how you customize
your website right now. I'm going to type here,
whatever you want. Just drag and drop. So much easier than programming your own website
right over here. I'm going to enter
something, for example, welcome to the site
or to my portfolio. Welcome people. So this
is your site right now. And we're going to
customize this. So I'm going to use an image, and I already download the
images from unsplash.com. Right over here,
I'm going to insert the media and take it
look how it looks. Okay, this is looking
beautiful in my opinion. It's fresh, clean, and modern, but we're going to
customize a lot of this. So I'm going to show
you how I create almost any website
with this page builder with this teams. Sorry. Right over here, you can trash something easily. Saves hours of programming,
right over here. You can click on it in search your YouTube link if you want to promote your video
on your website, So I want to show
you it's not hard. Maybe in the beginning. It looks always difficult
in the beginning with you but you will learn more and more about the
Elementary page builder, and first we time when I used the Elementary
page builder, it was really difficult for me. But now I have some knowledge about it, so it's really easy. Right over here, I want to show the beautiful website we
just created in minutes. So this is beautiful
in my opinion. So let's switch to the
Elementary page builder. Right over here, you can
insert blocks and pages. Most are premium blocks. So if you want to build a
fans website or more complex, you can implement pro blocks
if you purchase Elementor. Right over here. I'm going
to slide for testimonials, and I will import one. Let me look and I'll
import this one. This one is very
clean and modern. Okay, we're going to implement the last block for this website, and I'm going to click on
Insert and we are nearly done. So the last section
that we're going to add the block is this one
to the contact section. So enter here whatever you want and your email
in the green text. So let's take a look
how it looks right now. Okay. I earthly earthy.
Jenius L., Web Developer
