How to Create a Website

An easy, step-by-step guide from a web developer

img
Walter Zorn
17

Years of website building expirience

<walter-zorn> Have you always wanted to create a website but don’t know how? Or maybe you always thought it was too hard? That would need to know programming and learn design?

Then this step-by-step tutorial is for you. It shows a fast and a simple way to create a website without having to learn HTML/CSS coding, or read long, boring tutorials. </walter-zorn>

Level of expertise needed:

beginner

Time needed to setup a website:

20-30 minutes

What you will get:

full website

Hey there!

We all know that these days, practically everything lives on the internet and if it’s not on the internet then it’s basically not relevant. So it’s no surprise that you’re also here looking for a quick and easy way to put your information on the internet, whatever it may be.

Well I’m here to tell you that you’ve come to the right place. Many people think that creating a website is a job that only programmers can handle but in reality, it’s something that anyone can tackle – with the right tools of course.

I’m here to give you those tools and more! I want to share my years of experience, the good and the bad, with you all so that you can avoid the pitfalls I already made and save yourself the stress and frustration. So let’s get started!

The main four things that you need to begin are a 1) domain, 2) web hosting,  3) WordPress and 4) Content

Creating & Purchasing a Domain

What’s a domain? Basically, it’s the name of your website or, in short, it’s what your visitors will see in the browser address bar when they visit your website. Next, you’re probably wondering – how do I choose a domain?

That’s a great question and it’s a pretty important one as well because once you choose a domain, you won’t be changing it. You want your domain to be catchy, easy to remember, and to reflect the content of your website. For example, if you already have a business that you’re creating a website for then you can play around with different versions of your business name. Once you have a couple of ideas, just head over to inMotion hosting or another similar website that allows you to check whether or not the domain is available for use.

When looking at the availability of the domain, you will notice that one domain may be available/not available as a .com, .net, .org, .info, and etc. Basically, to cut a long story short, domains come in two types: gTLD (generic top-level domain) and ccTLD (country code top-level domain). ccTLD is better for local websites that are only looking to reach an audience in one country. If that doesn’t sound like you then I recommend that you select gTLD, which are the domains ending in .com, .net, .org, and .info.

After you’ve thought of a domain name and checked that it’s available, it’s time to register your domain! You can do that here: check domain

Once you reach the website, find the “Claim Your Domain” button. When you click on it, you will be sent to the domain name selection page.

Here you enter the domain name that you thought of and hit Search.

You should now see all the available options for purchasing the domain. But wait, don’t hurry to purchase one right away because you may be able to get it for free! Many web hosting services provide the domain for free when you buy hosting with them. So let’s find out more about website hosting next and hopefully get you a free domain name!

Selecting Web Hosting

So what is best web hosting anyway? To put it in simple terms, it’s the place where all of your website files will live. It’s not really necessary to know much more than that about it. But you’re probably wondering how to select the right service for you. It’s actually pretty easy, if you’re creating just one website then shared hosting is the way to go. To register, you can go here: choose hosting plan

There are three plans: Launch, Power, and Pro. If you have the funds and you want to start off strong, we recommend you try out the Pro plan. It has a tremendous amount of functions and, most importantly, it has amazing Pro Level Customer Support. You definitely won’t be dissapointed.

However, I understand that oftentimes when starting a new project like this, funds can be limited, so don’t worry about choosing the Launch plan. You really can’t go wrong and the Launch plan will be enough to start a website, especially for a firstimer. Unlike the domain name, your hosting service you can change at any time. So as you get your bearings, you can always upgrade.

After you’ve chosen the plan you’d like to start out with, move to the page containing the additional services. Browse through and see if there are any that you’re interested in but don’t feel compelled to select anything. Remember, they are optional! Once you’re ready, hit continue.

Now we come back to the domain part of our guide. Click on “I would like to purchase a new domain”.

Enter the same domain name that you searched for earlier and hit “Search” once again.

You will see all the options available to you, choose the one that fits your needs best and hit “Add to cart” and then “Continue”.

Now you will see that you are being offered to buy Privacy Protection for your website platform. You may be wondering, what is Privacy Protection? It’s an opportunity to hide your personal data that are displayed in the open domain names WHOIS database.

If you want to ensure that your data is unavailable to the public, choose “Yes, protect my information “ and then click “Continue”.

You will then be lead to the Registration page. If you don’t already have an account, go ahead and create one by entering your email and then “Continue” once again.

Now fill in the rest of your details, including the payment information.

Once you’ve filled everything in, click on “Review my order”. Congrats! You’re now almost at the finish line. Go ahead and verify all the information of your order and look through the User Agreement. If you’re comfortable with everything, just tick the box and make the payment.

Now we just wait for the hosting account activation. Open your email and search for the administration panel that you should receive to your email address. Go ahead and open it.

Click on “cPanel”.

Are you ready to move to the next major part of setting up a website? Next we will discuss actually creating your website!

Building Your Website

Before we get into the nitty gritty of building your website, you need to know a little about Content Management System (CMS) to pick the one appropriate for you to use. Since this guide is really for newbies we won’t go into extensive details about all the options available to you, so let’s just discuss two of the simplest options for most individuals: 1) Website Builders and 2) CMS.

Website Builders

Website Builders is probably one of the most straightforward and simple to use options but it also has its drawbacks. One of the main drawbacks is that it’s very “cookie cutter” therefore making it difficult to make edits and adjustments to the website. This is done with a purpose though.

As you may be able to guess, this option is really best for individuals that want a simple, premade layout to just plug their information into and not spend much time on customization. If this sounds like you, then you can go here to find a great web hosting service: (тут ссилка).

However, if you’re looking for something a little more advanced and customizable then CMS is really the way to go. Read on to learn more about CMS!

CMS

CMS is a set of scripts for creating, editing, and managing the content on your website, to use more professional language, it’s called a “site engine”. Some examples of CMS that you may have heard of are WordPress, Joomla, PrestaShop, and Opencart. You’re probably wondering which one of these is the best.

Well, some may think that’s up for debate but figures show that most users prefer building their website in WordPress, with one-third of all sites based from this CMS.

WordPress is so popular because of its simplicity and the wide array of plugins and themes that are available to you as you’re creating your website. It’s ability to help you create a highly customizable and unique website is one of the reasons its often a top pick among users. Read on for a quick WordPress tutorial.

WordPress Installation

In order to install WordPress you need to open cPanel, to do that just follow my instructions:

  1. Scroll to the Top Application section
  2. You should see the list of different types of CMS. Select WordPress by clicking on the icon.
  3. Now you should be at the installation page.
    Press the “Install Now” button.
  4. Here you need to provide the necessary information for the installation. It’s always best to select the newest version. As of today, it’s 5.2.2. Then make sure to choose the https protocol – don’t worry it doesn’t cost anything! If you want to your site to work with SSL, you need to make sure to activate SSL in the user panel by clicking on the “Manage Free Basic SSL” option
    and selecting the “Enable Free SSL”
    and run a quick check. Finally, you can choose the https version during the WordPress installation – it will also work with http smoothly.
  5. Make sure to always leave the “In Director” field empty.

Now let’s move on to the next section:

Go ahead and fill in all the necessary information of your website. Make sure to not forget to write down your login and password! You can also install plugins using the screenshot below but don’t worry if you don’t want to choose anything now, it can be changed at any point later on as you get more comfortable with your site and the content you want to see on it.

Now press the “Install” button – wait for a couple of minutes to get the WordPress installed. Sign in by clicking on the link https://yourdomain.com/wp-admin where you will see yourdomain.com as the domain that you’ve chosen.

Once WordPress is installed you can move on to the next step of building your website.

WordPress Setup

If you’ve made it this far – Congrats! The most difficult part is now behind you and now we can start setting up your website. By setting up, I mean the installation of all the WordPress parameters and the installation of all the plugins to the website work smoothly.

Copy the link below to open the admin panel. You will be able to see the start page of WordPress (the dashboard)

Now let’s get into the details of setting up your WordPress website.

1) First, delete the standard pages and posts. To do this, click on the corresponding heading [Pages → All Pages; Posts → All Posts] 

Point the cursor over the page name and you will see a quick edit menu appears below. Click on the Trash to delete the page – do the same thing to delete posts as well.

2) Make sure to set up your website according to your time zone and topic of the site. In order to do this, go to the Settings section. You will see that the Settings section is managed by three parts: 1) General, 2) Discussion, and 3) Permalinks.

In the General section, you can customize the site name (if you didn’t set up the website name during the installation) as well as the time zone, date, time format, and other miscellaneous details. 

In the Discussion section you will see everything that is related to comments and moderation them. 

Now the Permalinks section is the most important one so make sure to pay attention here & try to not mess it up 😉 This is the form of your page’s addresses.

Google will show them according to how we manage this process now. But don’t worry too much because there is a convenient option for both users and Google, you can see it chosen here: 

3) Now let’s go over the basic setup of plugins. To begin, go to the section with plugins: Plugins → Installed Plugins. Look through the plugins quickly – what you see are standard plugins that are automatically installed by WordPress – feel free to remove the ones that you think aren’t applicable to you and the ones indicated here:

Tip: If you for some reason can’t remove a plugin, note that this is maybe due to the fact the it’s not deactivated. You can only remove the plugins that are deactivated.

Now you can go ahead and installed the necessary plugins. Begin with adding the list of these recommend plugins (see picture below) by clicking on the “Add Plugin” button. Then press “Install” and “Activate”. Using this process, you can remove and install any of the plugins at any time.

Required Plugins:

Now let’s move on to designing your website!

Designing the Website

In Step 2 we went through the basic settings of your website and now you have the infrastructure of your website completed. Now we can begin working with the design of the site and this is really the part that your visitors will see and pay attention to, so let’s make it as unique and interesting as possible.

Setting up a website using WordPress is both simple but also allows for customization due to the use of themes. There are more than 7,000 different themes at your disposal and more are being added every day.

Now you may be wondering “How do I activate a theme?” I’m here to walk you through it. First open the Dashboard of the website and go to the “Themes” section.

Appearances → Themes

Here you will be able to see any of the installed themes available for your website. You can activate them by clicking the corresponding button under the one you like most.

Tip: As soon as you activate a new theme, the old one is automatically deactivated.

In order to add a new theme just click the “Add” button at the top of the page – you will automatically be redirected to the WordPress Themes Library.

At the top you will see there are 3 options that allow you to search for a theme: Featured, Popular, and Latest. These  filters make it easier for you to search for the perfect theme for you! Don’t rush here, take some time to find a theme that will match your vision for the website.

Tip: Some themes are designed specifically for the task that the website is being created to serve. For example, there are themes for blogs, landing pages, and portfolios. Keep this in mind when choosing a theme. You don’t want to choose a theme that won’t match up to the purpose of your website and inadvertently make it more difficult for yourself.  If your website is a blog – look for themes that cater to that.

Once you’ve found a theme you like, click on the “Install” button and activate it.

You can also set a theme through other ways, using an archive with a theme, for example. You would use this method if you downloaded a theme from another website or bought a Premium (we will get to this later).

After the theme is found, just click on the “Install” button and activate it.

There is another way to set a theme, you can just use an archive with a theme. This method is necessary if you downloaded a theme from another site, or bought a Premium (we will review it later).

To set up a theme from the archive you will need to go to the Themes Library page and press the button “Upload Theme”, in the window that appears, select a theme from your computer and click on the “Install Now” button.  You’re done with installing a theme!

Free vs. Premium themes

Now let’s go back to the topic of Premium themes. Let me quickly discuss the difference between Free vs. Premium themes.

Free themes are usually good enough for most tasks, even if they don’t include a wide array of functions. These will work for simple websites like personal blogs but aren’t really the best for a full-fledged business website. These are the themes available in the WordPress Library.

Premium themes have an advanced sphere of use and are suitable for any task – business websites, portfolios, blogging, etc. Here you will have the ability to customize 99% of the website (however, the percentage may vary depending on the topic). In addition, one of the best features of these themes is the extra support that you get with them. These themes can be found at the TemplateMonster website.

Tip: Many of the themes will have a Free and Premium version, as I said, that means they will provide different functionality. So if you’re new to this and start with the Free version but then want to upgrade to the Premium, that’s totally fine! Do what works best for you and your abilities.

Once you’ve installed your chose theme, you need to customize it. However, this is best to do when your website has content already in it. So let’s talk about content now!

Content

Content can be posted on your page in two ways: 1) Pages and 2) Posts.

Pages usually contain information about the company (author), privacy policy, and the home page (if necessary). Comments are usually disabled on these pages and they aren’t added to the blog automatically.

Posts are used to post articles and news on the blog. These can be commented on and categorized.

Tip: In order to create a basic blog, you need to create a webpage with the name of the blog and then choose “Reading” as the page type in Settings.

Development of the Website

In order to better explain the process to you, I’m going to pretend that we are creating a website about an author. Follow along with me here to get some practice in creating a website. First, go to Pages → All Pages and click on “Add New”.

Note: We are creating a website with the help of Gutenberg editor [if this is your first time creating a website using WordPress, ignore this note, the information isn’t necessary for you at this stage].

Let’s begin by filling in the information here. Make sure to write in a catchy headline in the appropriate field. Next, you need to write some text – content that is hopefully going to be interesting or useful to your visitors.

You can also add an image or two to spice up the page. You can do that by clicking on the appropriate block.

Each page has a picture that appears at the beginning or in the preview (more relevant to blogs). Add it in the Featured image section.

To get a feel for how the editor functions, try adding different blocks, and  just playing around with it. Don’t worry about doing something wrong or messing up, it can always be deleted. It’s more important to get comfortable with the editor. No worries if u do smth wrong coz the page can always be deleted!

Once you’re done editing, click on the “Publish” button and our page will be published. You can see what it looks like by clicking on the “View Page” button.

You should see the following page:

Looks cool, doesn’t it?

How to make a home page and blog page

Basically, there are two types of home pages: dynamic and static.

A dynamic home page means the page updates right away. The page displays the latest posts, news, etc. This type suits blogs and sites that load with the new content regularly.

A static home page means that the content you place there, stays there for a while and doesn’t change. Suitable for business sites or landing pages.

WordPress by default makes all their home pages dynamic first, but if you want your page to be static it’s super easy to change. Just create a regular page or post and then go to Settings → Reading.

The default blog page works just the same. Simply create a page called Blog (or any other name) and set up a website menu.

Setting > Reading

Post

Creating a post isn’t too different from creating a page since you will use the same editor. But there are a few extra features that we will explain to make sure you’re fully prepared.

Open Posts → All and click on “Add New”. We fill out the same information that’s necessary for the page and move on to the new blocks.

Categories

If you’ve read any articles online, you’ve probably noticed that they’re usually sorted. The articles are usually sorted into categories by relevant themes or topics. Doing this is extremely easy! Just go to the Document tab in the right column and open the Category block. After that, press “Add New” and write the name of the category (for example, I wrote Life) and click “Add New Category”

Tags

Now let’s move on to tags. What are tags? These are words or phrases that can group posts together. For example, two travel articles can both be tagged with the word ‘travel’. Why is it important to tag? Because you want your readers to be able to search your site and find content easily. This will also ensure that they stay engaged with your website.

How to add a tag? Just select the right block, add tags that characterize your article with commas, and press “Enter”.

Comments

When creating a post, it’s up to you whether or not you want to allow comments. In today’s world where everyone has an opinion about everything, it’s sometimes easier to just disable comments and not deal with the headache. Do this by taking off the tick in the lower right block.

Tip: In order for the site to fit better, publish a minimum of three pages of content.

Menu

A menu is a must-have for any website! This really ensures that the website is easy to navigate for your visitors, regardless of the type of website you’re creating. This is particularly important for blogs, especially if your blog will have many posts.

So let’s discuss setting up the menu. There are two ways to set up a website menu, we’re going to use one of them.

  1. Dashboard → Appearance → Menu
  2. Go to the homepage of your website and create a menu with the visual editor. It is super easy to use since it shows you how the menu will look immediately.

https://your-site-name.com → Customize → Menus

Once you’ve completed this stage, click on the “Create New Menu” button. Now you have to come up with a name for your menu (note that it won’t be displayed though) and then choose where the menu will be placed.

WordPress website has a place for the primary menu in each theme. That’s the basic menu that appears at the top of the site. Advanced themes also can have additional places for menus in the footer of the site, in the sidebar, or the pull-down menu. The same menu can be attached to different places. So if you want different menus, just create extra menus.

After choosing a place for the menu, you can start setting it up: just hit “Next”.

Here you can select all the pages and posts that you want to see in the menu. Add the home page, blog, and page about the author.

Also, you can add posts that you’ve already created. I recommend making a drop-down list for posts.  It can be done in just a  few clicks: just move the item that you want to drop-down to the right of the menu.

The next important step is saving your hard work. To save, just click “Publish” and you’re done! You have an awesome menu that will help your visitors navigate through the website.

Tip: If you have a drop-down menu, don’t use it as the footer, because it won’t be displayed correctly. If that’s the case, you will need to create a separate menu for the footer.

Setting Up the Homepage in WordPress

At this point, you have a website with posts, an author page, and menu. But you still need to set up a homepage for the site to be complete, since it’s the face of your website and will be the first thing that your users see.

To set up the website homepage you will use the same section as you did for the menu, namely https://your-site-name.com → Customize

The settings for the homepage in each topic differ but several points are present almost everywhere: Logo; Website Title; Website Tagline; Header Image. These items will help make the website look good.

Let’s begin  with the logo. Where to get one? If you’re a creative mind and comfortable in Photoshop or another graphic editor, then you can create it yourself using those applications. If not, that’s no problem, there are dozens of services that can help you create your logo. You can use one of them to create a cool logo that will reflect the idea of your site.

Once you have your logo, you will need to install it on the website. Go to General Settings → Site Identity (sometimes this is hidden in the Settings, other times it’s immediately visible, don’t worry just look around and find it) 

Click on “Press Select Logo” and select the logo (download it, if you haven’t done so already)

Next, write the name of the site and tagline. Some themes allow you not to display the name of the site when there’s a logo. Do this by simply removing the correct checkmark.

After you’ve completed these steps, click on “publish” and check out the result.

Tip: Note that because of the different themes and different screens, the logo may appear in different sizes and locations.

In the same menu, you can set up the favicon (the image on the tab of your browser) by selecting the picture in the fitting field below.

Make a website title background

In order to adjust the image, go to the Header image section, add the image and save the settings.

Know that for most themes, the recommended image size is specified for the correct display on your site.

Setting up a Sidebar in WordPress

Hold on, we’re almost there; your website is almost ready!

One more step and you’ll have fully functioning website.

Do you know what a sidebar is? This special panel that helps to navigate the site as well as displaying current changes.

Setting up a sidebar is not that hard. The settings are located in the same place where the settings for the menu and the logo are. Find the Sidebar and finally let’s move to its setting.

The first thing to do is to delete Meta. Then, leave only those widgets you like. Let’s see what’s left.

You’re doing great! Now let’s move on to the last advice I have for your before you’re ready to go public with your website!

Sharing the Website through Social Media

As we all know, basically everyone and their grandmother are now on social media. It’s a pivotal part of our lives. So if you’d like to connect your social media to your website, I will tell you how to do that here.

The social network will be displayed on the sidebar. To add it, install the plug-in for the social network, let’s take, for example, Instagram.

Go to the plugin library as you did before.  Type “Instagram” in the search field. Also, you can use the respected WordPress Instagram Widget plugin.

You can choose any plugin that you like and play around  with it.

Tip: Some themes don’t work with all plugins. Often they don’t connect, so you need to pick different plugins.

After activation, you need to go to the settings. There are three ways. This works not only for social media plugins but also for all the others as well.

  1. In the list of all plugins, press Setting button, under the corresponding plug-in.
  2. A quick access point of the corresponding plugin appears on the left. Sometimes this  is hidden in Tools or Settings.
  3. The settings appear only in the sidebar widget settings.

You’ll connect Instagram to a well-known service for choosing eweb hosts

  1. Open the sidebar settings.
  2. Add a new element to the site “Instagram”.

3. Write a hashtag or Instagram username.

4. Save and close the settings.

You’re finally finished! You should now have a completed website ready for sharing. I hope that my information has been useful to you, if so, feel free to share it with others so that it could possibly be useful to someone in your network.

up
Here's how to start a blog in 3 simple steps:
     
  •  Decide what to start a blog about 
  •  Choose a hosting plan
  •  Go back to read our guide
 
Press to choose a hosting plan