skip to Main Content
How To Make A WordPress Website

how to create a wordpress website from scratch

1.Domain name


3.Installing WordPress Theme

4.Setup site theme

hello my name is Rakib Khan and in this
I’m going to take you through the process of setting up your own WordPress website or blog step by step we’re going to begin at the beginning with a domain
name which will be your site’s address on the internet you’ll be very familiar with other examples of domain names like or

how to create a WordPress website for beginners?

next, we’ll set up hosting which is where your website files will actually be stored on the internet for these two
I’ll show you our trusted partner Bluehost but more about them shortly once we have the domain name and hosting you’ll need to install WordPress then set it up using a theme we’ll add some
content to the site at this stage examples of posts and pages and we’ll run over the difference between the two for some key

functionality on your site you’ll need to add plugins these are
like apps that you add to a smartphone, each plug-in provides some functionality to the site like a contact page or email
list there are literally thousands to

choose from then the home stretch I’ll show you how to use menus and widgets to access and display content in specific areas of your site then lastly we’ll run over one or two housekeeping tips that will help for your site for the domain name and hosting I’m
going to work with Bluehost you’ll findgoing to work with Bluehost you'll find
the links to these guys plus other resources in the comment section below
you can choose the package that suits

you can choose the package that suits
you the main difference here is the number of web sites you can host you may decide that this is the start of your website Empire and take a large package straight off or if you do start small

then Bluehost will of course allow you to upgrade now it’s decision time and this is not to be taken lightly you’ll need to think about what your WordPress or blog is about and what name is descriptive catchy and memorable into your chosen name and Bluehost will
register it free for a year the regular charges will kick in after twelve months
I'll go ahead and enter my domain name

for this example quite a mouthful color
lib test site com the next part is
pretty standard personal details fill

pretty standard personal details fill
out the form and when you get to the package information we’re going to uncheck a few items I will opt out of domain privacy I don’t see the value and in my experience, the impact of potential spammers is minimal I’ll also remove backup in site security
the backup we can achieve for free using a WordPress plugin on WordPress itself

wordpress plugin on wordpress itself
we’re not covering those details in this but do check out our archive where there’s a dedicated on this topic once the package is where we want it into your cart details accept the terms and conditions and hit submit you’ll receive your login details via email and when you log in you’ll land here on the control panel from here

land here on the control panel from herewe’ll be kicking off the WordPress installation but first, we have to do some slight technical things around the domain name particularly if you decided to take multiple website packages click on domains if you see only one domain name and it’s marked as primary you can probably skip forward a minute or so on
this and pick up with us again when we actually start installing WordPress otherwise if your domain
the section looks like this with the new domain showing as unassigned let’s keep going click on the domain name and ensure that the ad

on radio button is selected here and then further down the page that the create new directory is also selected the new directory name does not have to be the same as the domain name but it certainly does cut down on confusion with these two items
verified click assign if we take a look we see there is a placeholder page where our website should be so now it’s time
for us to install WordPress click

for us to install WordPress click
WordPress tools from the top menu and
then new install from the menu on the

then new install from the menu on the
Left select the domain in question give your site a title which you can change later and then choose an admin username and password and enter a suitable email address now this email address will be important as password recovery and
important information emails are sent to this address click install WordPress and the system will work its magic to the site and click refresh the hosting page is gone and it’s replaced by a WordPress holding page which is progress there is a button here to login

progress there is a button here to login
as admin which we will click and enter
the admin dashboard section of WordPress
to access this directly just type in

to access this directly just type in
your domain name followed by a forward slash and then add WP – admin this is the interface where we’ll do all the config and set up for the WordPress website down the left-hand side are all
the dashboard sections and we’ll touch on most of these during this so we have a domain name and hosting and
WordPress installed now we need to set

wordpress installed now we need to set
it up how we want it to look the theme
we choose will play a big part here go
to appearance then themes scroll down

to appearance then themes scroll down
and click add new I’m going to work with the theme that I recommend called shapely so in the search bar on the
right enter shapely when you see it in the search results click install and

the search results click install and
then click activate with the new theme now active we’d expect to see something happening on that actual website but when we navigate there it’s still the holding page with Bluehost, we need to switch off the coming soon mode so that we can see the
an actual website that we’re creating to do this select setting from the Left menu and then general and right at the bottom
is a button to turn this off

back at the websites if we click refresh or f5 on the keyboard will reload the website and the bare bones of the Shapley theme are now showing on our WordPress website the next few steps
we’ll cover we’ll put some meat on these bones of the theme specifically configuring the theme and adding some content in the form of posts and pages navigate to the appearance and then
custom menus and you’ll see the

custom menus and you'll see the
the customizing window for this theme each of the menus on the left are customizable options for the site we’ll work through them now themes can vary greatly in how much they let you

greatly in how much they let you
customize and how flexible that customization can be if you’re not sure what to do it’s often a case of trial and error in selecting options but the nice thing is that this live preview window lets you see what it will look like before it’s actually live on the site taking the first option we can edit the theme options here you can change
the website display name the title in this section you can set up a
call-to-action button in the bottom area called the footer this could be an invitation to sign up to your newsletter or to buy your product this section also allows you to pick your color scheme if you don’t like how it looks you can reset by clicking

default in the blog settings section you can change the blog page title Plus decide the alignment of the sidebar either to the left to the right or none the sidebar is an area of the website reserved for widgets and we’ll cover this in a bit more detail later also in this section you can pick a header image let’s do that now click on the add new image button and the WordPress media library will open being a new installation of WordPress your library is most likely going to be empty so select the upload files tab and choose a picture from your local machine once it’s uploaded you can select it for the header image background-image follows a similar
pattern to the header image selecting it

from your machine and uploading and it displays across the whole back of the website pretty straightforward stuff in the footer section you can enter text that will appear at the bottom of each and every page on your site although commonly used for copyright notices you can put anything in here really menus and widgets I’m going to cover separately in a moment so the last one for me to cover in this section is the home page the choices here are your

latest posts or a static page if this is going to be a blog type website where you write posts that will be displayed in a chronological order like the entries in a diary then you can stick to the post option the static page allows you to set up a home page or a welcome page that viewers will see when they first land on the site this is most often used on more commercial sites if you choose the

static page option then a drop-down menu will become available and you can choose the page you want to show in my case I’ve only got a sample page created right now but as I want this as a blog style website I’m going to keep it as the post options here I’m not
going to cover the advanced CSS in this as

the name suggests it’s for advanced users and while it can be a
powerful feature it’s also pretty easy to get wrong and risk breaking the site I’m happy with all those settings so I will click publish and check out the site and among other things here we have our header image so those settings have all taken effect so let’s turn our attention to populating the site with some content

specifically some posts and pages in this section I’ll show you how to create content including adding text via the editor highlighting a section as a quote adding some bullets making a link to a web page adding images and lastly adding a from the dashboard navigate to the posts menu and select add new this
is the post editing page in the top I will paste the title for my post

and in the editor section below I will paste some content that I’ve prepared or you can just go ahead and start typing in this section as well I’ll select a passage of text that I want to stand out as a quote or a more highlighted piece of text then from the toolbar I’ll click this speech marks icon and the text is indented to make a bullet list select the text and then click this bullet icon and the bullets are added to make a word or a phrase into a
hyperlink you select it and then click

this link button into the URL you want to link to and for more options you can click this Settings icon in the screen we see that we can set the target page to open in a new window this is probably the way to go a it means your website will also remain open in the browser and the visitor can return and see more of your site when
they’re done the section below allows you to link to an internal page on your website here you enter a search term to

narrow down the selection of pages and then you would click on one to choose it I now want to add an image to this blog post so I will place my cursor at the point I’m on the image to appear and
click add media from the top menu here I’ll choose the upload image tab and find a suitable image on my computer which I’ll upload to the WordPress media library once selected I click insert and can position the image within the post

these controls deter how the text will wrap around the image either to the right centered or to the left WordPress natively supports embedding YouTube Themeprobably. coms this means there’s no
complex coding required to add a to this blog navigate to your on YouTube and copy the whole address then switch back to your post editor and paste the code where you want the to appear okay

I’m happy with this post the next step is to publish it you can use these controls on the upper right section to set the publication date and time in the future this is really helpful if you’re writing a series of posts now that you want to trickle feed to your site over the time I’m happy to publish this one immediately so I’ll revert the date-time and click publish to see the post we’ve just written click on this link and it will open in the browser the image looks good

we see the quotation text shows up nicely compared to the regular text the link we set up is blue to indicate that it links somewhere and when we click it it works so too does the which starts playing when clicked as well I want to take a moment to distinguish between a post and a page within WordPress the post like the one we just completed is meant to be displayed in chronological order on a blog it features the publication date the

the author often people add comments as well a page on the other
the hand is more static and mostly used for information type content that perhaps doesn’t change this would include about our details and maybe a contact page we’ll go ahead and create these two examples of pages now back on the dashboard click pages this time and click add new the editor is the same one as for the posts allowing you the same editing and formatting options that we saw a moment ago I’ll once again

paste in some prepared content and this time show you one other editor feature the preset formats select your text and then select from the list of preset formats these are great because they
help you keep your main headings and subheadings all uniform across the site I’m happy with the rest of this page so I’ll go ahead and click publish the second page I mentioned was a contact a page for this we’ll have to extend WordPress a little and install a plugin

now you’ll remember these plugins are like apps on a smartphone you install little pieces of functionality to the site with each one in this case a contact form we need that will capture the visitor details and a message and send it to me in an email to install we’ll need to go to the plugins menu on the left and click add new then in the the search bar on the right into contact form 7 when the results return click install and then click activate when

it’s done WordPress opens the main plug-in screen and we see the contact form plug-in is listed here click the settings and we’ll see how it’s set up there is one default contact form that
comes with the installation and for our needs, it will work just fine if you wanted to edit this one you can click Edit and you can change the headings of the fields here you can see that the
the form is currently set up to ask for the name
email address and aus customize the mail we receive where it gets

sent and how the data is presented then on the third tab we car I don’t need to change any of these but you could choose to personalize it if you wish perhaps your message could mention your commitment to replying to their message I don’t have any additional settings to add so I’ll click Save to keep my changes to get this form on to my contact web page all I need to do is

copy this shortcode and paste it onto the page in the editor the shortcode is a little bit of code that lets you use some functional feature without having to actually code it yourself as the name sounds it’s a shortcut to a code so we’ll create a new page give it a title contact us and paste the shortcode from the forms plug-in into the editor click publish and then click the preview link and presto the contact form is up and running including the edits I made to the button text you can slot this shortcode on to any page at any

point or equally add some text around it which I’ll do here just to make it a little bit more personal hit the Update button and return to the webpage click refresh and the changes are present i’ll into my details and when I Click Submit I get the successful
feedback message so I said earlier that posts were blog entries that were displayed chronologically and this means as we publish more they’ll automatically show up on the website the pages we’ve just

created don’t do this so we need to make a menu structure so visitors can access them setting up menus is found in the appearance section and then click menus give the menu a name and click create now the page shows us the elements we can add to the menu here on the left is the list of pages we just created put a tick in the box to select them and then click Add to menu expand
each one and there are some settings you can make the menu item name different to the page name if you want and you can also delete the item from the menu by clicking here I tend to keep this box unchecked I don’t want every page I create to end

up as a menu item automatically I’ll rather choose them and lastly this box determines where on the page the menu will be shown in this case in the primary menu slot click Save and let’s have a look at the results each page i now a menu item and when you click it it
opens the correct page but we’re missing a homepage item on
this menu so back to the menu section this time we’ll choose a custom link and input the homepage address we’ll call this menu

item home and add it to the menu like we did the other two we can
drag and drop menu items around to get the order that we want and home is most commonly found as the first menu option on websites so we’ll move it to the top click Save and back on the website after I click to refresh the home button is visible and it takes me home the next part of WordPress I’m going to show you
is widgets and you’ll find these in the appearance menu a widget is a little block that performs specific function examples include a search bar or a listing of categories or a newsletter

signup box these are added and displayed in widget-ready areas known as sidebars the widgets we have available are shown
on the left of this screen and the sidebar real estate where we can have them shown is on the right if we quickly go back to our site this area over here is the sidebar and within it is a search
bar archived categories recent posts and a few more back in the widget section these are shown as blocks here in the sidebar if you expand them often there is some configurable settings in this

case the recent post widget allows you to change the number of posts shown at the moment it’s 5 to remove a widget just drag and drop it back over to the left I’ve decided to thin these out a little so I only want 3 on my sidebar back on the site and when I click refresh there are now only three the search bar at the top and then these other two there are loads of widgets to choose from you can have a listing of your pages or this one could be useful it allows you to simply place text in a block let’s try adding a widget this
time to the footer sidebar area adding is the same drag-and-drop action that removing was

I’ll pick the recent comments widget and drag it over to the right and drop it in the footer sidebar where I want it to
appear after a refresh on the website when I scroll all the way down to the bottom of the page the footer sidebar
displays this recent comments widget here before I wrap up there are two quick housekeeping things that I want to
mention that are often overlooked the first is how the website address bar looks by default WordPress shows this format with the date and then the post name making up the address but this is fairly ugly so we tend to change it in the dashboard click settings menu and then choose permalinks this is the one that’s set and my preference is to have just the post name showing and not to
worry about the date which is this one select it click Save and when we reload

the page the date part of the address isn’t showing anymore while we’re in the settings menu the other thing I’d like
to show you is the search engine setting click the reading menu and scroll down to the bottom to find the search engine visibility setting this should not have a tick in it as we want to be found
why else are we creating this website Click Save and the settings will be changed thank you very much for watching
this on setting up your WordPress website in to end here’s a quick recap on what we’ve covered in the last 30 minutes or so we set up a domain name your address on the Internet we selected a hosting package which is where your

website files live on the Internet within that package we installed
WordPress using themes and plugins we customized and expanded the website we published posts and pages setup menus
and added functions to the site via widgets in the sidebar I hope you found this useful in your journey to create an
online presence if you have any questions or comments please add them to the discussion below and please like our do check out the rest of our website
we’ve got loads of s focusing on a range of specific WordPress related topics which I’m sure you’ll find really useful bye for now you

This Post Has 9 Comments

  1. Hello


    I just checked out your website, and wanted to find out if you need help for SEO Link Building ?


    Build an unlimited number of Backlinks and increase Traffic to your websites which will lead to a higher number of customers and much more sales for you.

    If You Are Interested, I’m waiting for your response here =>

    Thanks, Gina Moyes

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back To Top