i will select this beautiful template
for my free website and this is how my
website looks
[Music]
hey guys i'm ron and today i'll be
showing you how to make a website for
free
and the best part is that you don't need
any coding skills whatsoever
so let's get started first things first
a website requires a domain name and a
hosting service to get live on the
internet now there are two ways to start
making a website either you can buy a
domain name
and a hosting service from a service
provider in this case you will get a
free domain name with extensions like
dot com.net and others you can get both
the services for free with some basic
limitation
name will have a second level domain
name which we will be seeing soon
as promised i will guide you through the
second way to make a free website
so without any further ado let's begin
for the sake of simplicity i have
divided this tutorial into three parts
getting a domain name and hosting
installing wordpress
and customizing our website apart from
the above i have a bonus step for you at
the end of this tutorial
it will guide you through on how to
optimize your site for your target
audience
so watch this video till the end to know
the secret recipe of making and
optimizing your free website before
getting started with the first part i
would like to tell you about the role of
the domain name
and the hosting service domain name is
the name of your website
in other words it's what the people will
type in the url
to search your website for instance
google's domain name is google.com
facebook is facebook.com and youtube is
youtube.com and a hosting service
provider provides you with the space
needed to store your web files
now that you know what's a domain name
and a hosting service
so let's begin with the first part of
this tutorial part one getting a free
domain name and hosting
a domain name can cost you anywhere from
99 cents and go up to hundreds and
thousands of dollars
however with pro free host you can get
it for free
further it also offers free hosting
services
so let's go to profreehose.com
we need to create an account first to do
that i will click on register now
all you need is an email address for
registration
and a password so i'll quickly type in
an email address and password
and click on tick and i've successfully
created my account
but i will have to activate it first to
do that i will login to my email first
and click on the email by profreehost
now i will click on activate account
now as you can see my account has been
activated
now that we have an account we can move
ahead with the next step
domain registration to choose a domain
name we need to click on
create new account now we need to choose
a domain name
i will try something random as it's just
a tutorial video
let's say cafe books
the domain name is available now we have
an option to change our domain names
extension
we have two options aziro.com and unox
however i will go with unox
and now let's scroll down and click on
the tick button over here to claim our
domain name
the best part is that pro free host also
offers a free hosting service
so we can directly move on to the next
step which is installing wordpress
for those who are new to wordpress it's
a platform that allows you to create and
customize your website
you don't need any coding skills to use
wordpress installation of wordpress will
also make our website live
so now we can directly go over to
installing wordpress let's click on
manage
and on control panel
now we have a disclaimer message asking
for my permission to enable
email notifications i will click on i
approve
and we are at pro free host control
panel
let's scroll down and click on the
softaculous apps installer
let's hover over wordpress and click on
install
now we can scroll down
and fill in the admin username
now you can either change the password
or use the same just make sure that you
save the credentials somewhere for the
future
i will copy them on my sticky notes app
for now
and after scrolling down i will click on
install
this setup takes a couple of minutes
and wordpress has been successfully
installed we have a link to our website
let's click on it
as you can see our website is now live
however it doesn't look good
it may seem too basic or may not even
look like a website to you now
don't worry we will edit it and make it
attractive in no time
and that brings us to the final part
which is customizing our website
to start editing we need to login to our
wordpress dashboard
i just need to add wp admin to my site's
name
and press enter now i need to copy the
username and password that i saved
earlier
on my sticky notes app and click on
login
and now i am redirected to the wordpress
dashboard
this is the place where we can modify
our site
i will show you how for the starters i
will show you how to install
a theme a theme is a design that allows
you to customize the appearance of your
site
the advantage of using a theme is that
we don't have to design
a site from scratch let me show you how
i will go to appearances and click on
themes and now let's click on
add new and let's search for the theme
astra
this is the theme that i am looking for
i will now click on install
our theme has now been installed i'll
click on activate
as you can see astra has been installed
let's click on get started
and now we need to select a website
builder from here
so i will choose elementor as my
preferred site builder
over here we have several designs that
we can use for our site
we can also filter out the design
categories by clicking on the drop down
box
over here i will click on block
as you can see we have filtered out all
the blog templates
however i like this one fashion
lifestyle block
this template has the home page the blog
page and the contact page
i like this template i'll click on
import complete site to import it
and click on import we can skip this
option
and our site is getting imported
let's now click on view site
as you can see this is the template that
we just imported
i'll scroll down and see the new look of
my site
let's have a look at other pages as well
i will click on
blog
let's also view the contact page
now you might have noted that the
default text has been imported along
with the theme
as well so how do we edit that don't
worry i will show you how to customize
your site's content next
edit the content of any page we just
need to click on the edit with elementor
option
present on the top over here let's say i
wish to edit my home page
to do that i will go to home page and
click on the edit with elementor option
and that brings us to elementor's
editing section
elementor allows one click editing
option to the users
let's check it out suppose i wish to
change the title
here all i need to do is select the text
and write my own version of the text
let's say
free website similarly we can also
change the other features of our title
such as the color or the alignment of
the text
for starters i will show you how to
change the color of this text
i will hover over to style and choose
the text color option
next we will click on the text color and
select a suitable color for our title
i will go with this one next i will show
you how we can edit this button
i will change it from read more to free
tutorial
and it's done
let's scroll a bit
next i wish to change the image over
here
let's click on this image and hover over
this option and select
choose image now i'll select files from
my computer
this is the image that i wish to choose
let's now click on insert media
as you can see the image has been
updated now i'll click on the update
button over here
the changes have been updated let's
click on preview changes to view
our site this is how our site looks now
next let's see how to edit our site's
header and the footer section
let's start with the header section
first to do that
i will click on customize
now we can edit the header by clicking
on the pencil icon
let's click on it and click on change
logo
we can now change the logo of our
website by choosing an image from our
computer
let's click on select files this is the
logo that i wish to use for my website
next i'll click on select
next we can rescale the logo as per our
needs once we are done rescaling we can
click on crop image
and we have the new logo over here
similarly you can edit
other header sections by just a clip i
will now adjust the logo width
to optimize the look of my site
to save the changes i will click on the
publish button over here
now let's click on the cross button to
verify the changes on our site
as you can see the changes have been
reflected on our site
moving on let's see how to edit the
footer section of our site
for that i will click on customize
and then i'll scroll down
this is the footer section of our site
to edit it i'll simply click on footer
and then on footaba now i wish to change
the section 1 custom text
to do that i'll simply delete the text
and change it to copyright at free
website
and the changes have been updated on our
site next to remove other photo elements
i'll click on section 2 and change it to
none and lastly i wish to move the
copyright free website option to the
center
to do that i'll simply click on this
option over here
now to save the changes i'll click on
the publish button on the top
i'll click on the cross button to go
back to our site
as you can see the changes have been
reflected on our site
moving on let me show you how to add a
new page to your site
to do that i'll hover over to new and
click on
page
next we need to add a page title for our
site
let's say free website design
i will design the rest of the page with
the help of elementor
so let's click on edit with elementor
this time i will introduce you to
elementor in some detail
i hope you have all your creative juices
flowing so let's begin
designing from scratch with elementor on
the left side of this page you can see
the various elements available in
elementor
the best part about these elements is
that you can just drag and drop them to
your page
let me show you how suppose i wish to
add a heading text
i can do so by dragging the heading text
element
from here and dropping it over here
i can also change the text
and change it to free website templates
let's say that i wish to change the
color of the heading
to do that i will click on style
and hover over to text color and click
on this box
and choose a suitable color for the
heading
and this color looks just fine next i
wish to add an image
to do that i'll simply click on this
plus icon over here
and select a suitable structure for my
page
i'll be selecting this structure for now
next i'll click on plus
and drag and drop the image element from
the left menu bar
now i'll click on choose image and
choose a suitable image from my computer
i'll click on select files
this is the image that i wish to use
next i'll click on insert media
and here's our website template now i
wish to add a new button next to our
image
to do that i'll simply hover over
and drag and drop a button element from
the left
and it's that simple so now i would like
to change the text of my button
to do that i'll just click on it
and simply type in click to download
now if i wish to change the color of my
button
i would simply hover over to style
and click on the box next to the
background color button
now you can try various combinations and
choose your favorite color
i will however go with black for now
now i wish to change the alignment of
this button
so i'll simply hover over to the button
and click on the layout icon
and then on the vertical align i'll set
the default to
middle
so this is how you change the alignment
of your button now this is one way to
design a page
there is another simpler way to use a
ready-made template
which i have intentionally saved for the
end of this video
which is using a ready-made template to
do that simply click on the starter
templates icon
over here and as you can see there are
many templates for us to choose from
let's select it
this is how the template looks
so now i'll click on import template to
import it to my site
as you can see this is how the design
template looks on our site
not bad right but however you might have
noticed
that the default text of our website has
been imported along with the template
now the best part about these design
templates is that they come with easy
editing features
you just need to select the section
which you choose to edit
for instance if i wish to change this
text i'll simply click on it
and change it to free website templates
let's scroll down
and let's say if you wish to remove an
entire section
then we'll simply click on the cross
icon on the top
and to update the changes i'll simply
click on the update button over here
you can view the page by clicking on
preview changes
so this is how our free website
templates page looks like
similarly you can add and edit other
pages on your website
now some of you might be wondering how
to get a dot com extension instead
of.aziro.com well there is a way for
that too
but it requires you to purchase a new
domain name
to know how to avail a fully custom
domain name you can check the i button
over here
now that we have discussed domain name
hosting service website building and
site migration
let's move on to the bonus step of this
tutorial search engine optimization
or popularly known as seo if you are new
to this then let me tell you about it
in brief the ultimate purpose of your
website is to reach
maximum number of audience your audience
can interact with your site
and its content if it ranks well on the
search results
and that's where seo helps seo is the
process of optimizing your website's
content so that people can easily
discover it
in their search results now that we have
understood the purpose of seo the next
question is
how do we go about doing it now seo is a
subject
on its own but i will tell you the key
practices that will help you boost your
site's ranking on a search engine try
using
images and videos to make your site
interactive visual content has better
reach than text
however don't forget to compress the
images and videos
as it will make your site light and load
faster refrain from the overuse of
plugins
plugins are analogous to software that
enhance the potential of your wordpress
site
for instance yoast is a great plugin for
seo
and i would recommend you to use it the
point is to keep a minimalistic approach
when it comes to using plugins
it will keep your site light and fast
include social media icons on your site
for instance the use of facebook and
twitter on your site can greatly enhance
the sharing potential of your site
further focusing on in-depth and
resourceful content is a great way to
enhance your organic reach
that's all for today i hope this video
helped you to design your own website
from scratch
feel free to write us in the comment
section if you still got any queries
also do share your experience making a
website with us
we will be glad to hear from you don't
forget to give this video a thumbs up if
you like this tutorial and also
subscribe to our channel for more
exciting content
till then have a great time bye bye
[Music]
English (auto-generated)
♥️♥️♥️♥️♥️♥️♥️♥️
ReplyDelete