Hey hey hey! We are back with a completely new how to make a wordpress website for free tutorial using one of the BEST themes available: Empire Theme by Soho Themes

In this how to make a wordpress website for free video, we’re going to show you how to make and how to build your own wordpress website from scratch. You don’t need to know any type of coding. It’s just going to be copy and paste and drag and drop. By the end of the video, you’re going to be a wordpress expert!

So without further adieu, let’s learn how to make our wordpress website for free and start creating the wordpress website of your dreams!

Step 1: Register a Domain and Get Hosting Service

Step 2: Go to Email Inbox

Step 3: Log Into Cpanel

Step 4: Install WordPress

Step 5: Download Empire Theme (WordPress Theme)

Step 6: Install WordPress Theme

Step 7: Install WordPress Plugins

Step 8: Download Demo Content

Step 9: Upload Demo Content

Step 10: Create WordPress Website Homepage

We need to create a new page. Right now we have the wordpress blog page showing, which isn’t the page we want.

  1. Go to your wordpress dashboard
  2. Hover over page
  3. Click Add New

Now you should be on a new page. And what we want to do is title this page.

  1. Title the page Home
  2. Select Backend Editor for Visual Composer
  3. Click Publish

Now once you’re back on your wordpress website homepage after the page has been published…let’s do the following

  1. Click Change Permalinks
  2. Select the option you want
  3. Click Save

Update WordPress settings

We’re going to set the homepage and add WWW. to your website domain now.

  1. Go to your dashboard > settings > reading
  2. Click A Static Page Option
  3. Select Homepage for Homepage
  4. We’ll come back and select the blogpost page later
  5. Click Save

Now let’s go to the General Settings

  1. Hover over settings > general
  2. Add “www.” for WordPress Address and Site Address
  3. Double and triple check you added http://www.domain.com
  4. If you mess up, your site is going to crash so be extra careful!
  5. Click Save
  6. Log back in and you’re good to go!

 

Step 11: Customize Theme Settings

Before we start creating and making our wordpress website homepage, I want to select our options for our wordpress website.

  1. Go to your dashboard
  2. Hover over Empire
  3. Click on Theme Options

Here I will just type out the options that we use for our demo wordpress website that we make together.

General Tab

Header Tab

404 Page Tab

Blog Tab

We keep everything as the default

Footer Tab

Typography Tab

We leave everything else as is …if that changes…I will update it here.

Make sure you click the SAVE button!

Step 11: Learn How to Use Slider Revolution

Before we learn how to make our homepage for our wordpress website, we are going to make the slider for the top of the homepage. To do that, we’re going to use the premium theme, Slider Revolution, which I can offer to you for free.

  1. Go to your dashboard
  2. Find Slider Revolution and click on Slider Revolution
  3. Click on Add New
  4. Title your slider – we’ll name our’s “Slider 1”
  5. Put the same name in the Alias
  6. Select Default Slider option
  7. For this tutorial we’ll use the Full Screen¬†option
  8. Click Save Settings

Now you should be on the slide editor

  1. Go to main background and select the button titled Main/Background Image > click the button to choose your image
  2. Select the image you want and upload it
  3. Now add some text boxes for the header and subheadline (change the font sizes)
  4. Add some buttons if you want (watch the video to learn how to customize the buttons)

Click save when you’re done!

We can add additional slider images if we want. But for this tutorial, we’re only going to add one. ¬†You can watch this more detailed tutorial if you’d like to learn how to really use the slider revolution to it’s fullest potential.

Step 12: Customize and Build WordPress Homepage

Now it’s time to go back to our homepage and start making our wordpress website! I’m really excited to show you how to do this.

  1. Go back to your wordpress dashboard
  2. Hover over pages and click on that link
  3. Find your home page link and click on it

Now you’re back on the edit homepage

  1. First, you can go to the bottom and select hide your page title
  2. Then you can change the transparency of the header if you want. We want to make the header transparent for the demo site.

Now let’s go back up to the top and make sure that we have the backend editor selected for the visual composer

Add Slider to WordPress Homepage

  1. Click the + icon and find the revolution slider 5 and click to add that to the top of your homepage
  2. Just select the slider you created and click “Add selected slider”
  3. Click on the pencil for the row settings
  4. Select Stretch Row and Content (no padding) for Row Stretch
  5. Click save

Add About Section to WordPress Homepage

  1. Add a Heading module
  2. Click save
  3. Now to to the rows tab on the left and click custom and add “4/12 + 8/12” to split¬†the row widths
  4. Now edit the heading and add your text
  5. Add the following options: H3, Headying Style – Style 1, Heading Alignment – Left
  6. Click save
  7. Click the + and add a text block below and add a description
  8. Click save
  9. Click the + and add a buton
  10. Add your button text
  11. Add your URL for the button
  12. Align the button Left
  13. Click save

Create blogpost page and set blog post page

Create About Page

  1. Go to your wordpress dashboard
  2. Hover over pages
  3. Click Add new
  4. Title the page “About”
  5. Click the Backend Editor for the Visual Composer
  6. Add a text box for the Page Title (-20px for the top padding)
  7. Add a separator
  8. Add a new column and add a custom row option of 5/12 + 7/12
  9. Add text and image to each row – add large to the image size
  10. Add a new row (stretch row)
  11. Add a Heading
  12. Add a new row and make it 3 rows
  13. Add three service widgets
  14. Add a button
  15. Add a new row and change it to two rows (stretch row)
  16. Add a single image – add large to image size and center it
  17. Add a text block
  18. Add a button below the text block (left)
  19. Add a new row and make it 4 rows (stretch row)
  20. 0px for the bottom margin
  21. Add counters for each row for icons
  22. Add another row (stretch row and content)
  23. Add 0px to the bottom margin for the row
  24. Add a heading
  25. Add a button

Now you’re done building¬†your About page for your WordPress website! I hope this section helped you learn how to make a wordpress website about page!

Create Team Page

  1. Create a new page and name it Team
  2. Turn on the visual composer backend builder
  3. Add a text box for the Page Title (-20px for the top padding)
  4. Add a separator
  5. Now let’s add a row and make¬†4 rows
  6. Add team members into each and add details
  7. Add another row (row stretch and content)
  8. Add heading
  9. Add button

Create Contact Page

  1. Add a row and make it 4 columns
  2. Add contact info widgets
  3. Add a new row
  4. Add a heading widget
  5. Add another row and make it custom (1/4 + 1/2 + 1/4)
  6. Add a contact form widget into the middle row
  7. Add another row (stretch row and content – no padding)
  8. Add 0px to the bottom margin
  9. Add a map widget (zoom 12, height 400)
  10. Add another row (stretch row and content)
  11. Add a heading
  12. Add a button or newsletter widget

For your contact form, go to the contact tab and click on contact form and replace the text with this code

<div class="form-group">
[text* your-name placeholder "Name"]
</div>
<div class="form-group">
[email* your-email placeholder "Email"]
</div>
<div class="form-group wpcf7-message">
[textarea your-message placeholder "Message"]
</div>
<div id="recaptcha_response" class="g-recaptcha" data-sitekey="6LcUERkTAAAAAKj94Lv1HoeLspJykDfslIqF4Fyx"></div>
<div class="btn-wrapper mt-40">
[submit "Send"]
</div>

Create Testimonials / Success Stories Page

  1. Create a row and change it to however many rows you want (three for the wordpress website demo)
  2. Add single testimonials in each row
  3. Add additional rows if you want
  4. Add another row (stretch row) – change the background color for this row if you want
  5. 0px bottom padding
  6. Add a heading
  7. Add another row and change the columns to 4
  8. Add logo blocks to each row
  9. Add another row and change the background color (if you want)
  10. 0px bottom padding
  11. Add a heading
  12. Add a button

Create Blog Post Page

  1. Add a new page
  2. Title the page
  3. Go to the blog template and change it to blog masonary
  4. Turn on the builder (back end)
  5. Add a row (stretch row and content – no paddings)
  6. Add a heading
  7. Add a newsletter form
  8. Click publish

Now we need to set our blog post page

  1. Go to settings > reading > set blog post page
  2. Save changes

Make sure your theme settings are set for the masonry view

Now let’s customize our sidebar

Appearance > Widgets