WordPress Tutorial for Beginners (Make a Website Step-by-Step) - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Ray DelVecchio Video: WordPress Tutorial for Beginners (Make a Website Step-by-Step).
Get Web Hosting - https://www.hostgator.com/wpc1
Use coupon code: WPC1 (45% OFF your 1st year)

15 Tools to Start Your Web Design Business - https://goo.gl/hARsLV

Web Design Business Plan Membership - https://goo.gl/CLuN39

Watch NEW Tutorial - https://websiteprofitcourse.com/how-to-make-a-wordpress-website-divi-2019/

In this WordPress tutorial for beginners, learn step-by-step how to make a website from scratch.

Download all project resources used to build this WordPress website (ZIP File): https://websiteprofitcourse.com/how-to-make-a-website-with-wordpress/

This website isn't just a blog, you will create a professional WordPress website that is perfect for any small business.

I'm going to show you exactly how, and we're going to use a free WordPress theme.

All you pay are domain registration at $10-20/year and website hosting, starting under $10/month.

HostGator is my preferred web host, and you can signup from the link below:

http://websiteprofitcourse.com/hostgator
(Use code "1WPHOSTING" to start for $0.01)

We are going to customize this design with HTML & CSS, and I'll make a logo in Photoshop.

The end result will be a modern business website created with WordPress.

Tutorial goals:

- Build a coffee shop website (NOT a real business)

- Create standard pages: About, Gallery, Contact

- Learn how to create a WordPress website that is unique

- I recommend using a paid theme for clients, but you could use this method for small business websites with WordPress

Step #1 - Install WordPress

Using QuickInstall within cPanel, we install WordPress in minutes and begin working on the web design.

Step #2 - Install Theme

For this WordPress tutorial, GeneratePress is our theme. This is a highly rated minimalist theme. That's what I like to start with because you don't have to override CSS settings or their design decisions.

Different themes have custom theme options, & sometimes you are limited or customize differently each time.

If you understand how the WordPress system works (themes and plugins), it becomes easier to create websites & manage several websites.

Step #3 - Create Child Theme

When learning how to make a WordPress website, the first thing you need to do is create a child theme for your custom edits. In our case, we're using GeneratePress as the "parent" theme, but because we are going to customize the web design to a coffee shop business, we must create a GeneratePress child theme so we don't lose our custom CSS if the parent theme is updated.

Child Theme Tutorial:

https://www.youtube.com/watch?v=LRw2BmRPNH0

Step #4 - Pick Color Scheme

For this website, we are going to using an earthy color scheme. I don't spend much time creating color palettes, instead, I use resources that have ready-made color schemes.

You can visit my "Resources" page to see the tools that I use when building a website with WordPress:

http://websiteprofitcourse.com/resources/

Step #5 - Create Logo

I make a logo in Photoshop in less than 5 minutes. If you know a bit of web design technique through experience, making your WordPress website look great because easy. Don't be fooled, I'm not skilled with graphic design, but I do know my way around Photoshop.

Step #6 - Update Header

We add our logo to the WordPress header using the "Appearance - Customize" section, and make our CSS color updates.

Step #7 - Update Permalinks

This is a setting that determines the URL structure of the posts/pages on your website. I like to set this to name only so that your URL structure is short and easier to share which helps SEO (Search Engine Optimization).

Step #8 - Create Pages

We create all of the pages that we want to include on the WordPress website.

Step #9 - Set Front Page + Blog

We set our home page and link the WordPress posts to our Events page, which allows us to show recent events using the blog.

Step #10 - Create Main Navigation Menu

With the pages in place and the homepage set, it's time to create our main navigation menu that will be used in the header area on every page of the site.

Step #11 - Build Sidebar

The sidebar for our coffee business website will include social media icons and hours.

Step #12 - Build Pages

We go through each page and add content, which includes the use of WordPress plugins. They are specifically used to display photos as a slideshow and for the lightbox effect for the full-sized image when thumbnails are clicked.

Step #13 - Edit Footer Area

We focus on the bottom portion of the website which gives us a quick look at how to edit the WordPress PHP theme files.

Step #14 - Check for Responsiveness

Thankfully the WordPress theme that we have selected is mobile responsive, meaning that our website doesn't need much customizing to reach a great look on phone or tablet devices.

Hope you learned a few things from my step-by-step WordPress tutorial for beginners. Now get out there in 2017 and start building websites to further your website development and WordPress skills!

Published: Thursday, August 15, 2019 7:56 PM
Category: Ray DelVecchio

118 Views

Related Videos

Popular
How to Make a WordPress Website | 2019 Step-by-Step Beginners Guide

by Best Webhosting Added 4 years ago 112 Views / 0 Likes

Learn how to make a BEAUTIFUL WordPress website with this quick and easy step-by-step tutorial! Where to get a Domain Name and Web Hosting: https://createaprowebsite.com/hosting Website Template and Follow Along Images: https://drive.google.com/open?id=1Ecgqive4b-Y52Eenz_R09FxgFVtZSds3 TIMESTAMPS: Step #1 Get a Domain Name and Web Hosting 1:05 Step #2 Install WordPress 7:33 Step #3 Activate a New Theme 11:35 Step #4 Activate Plugins 13:05 Step #5 Cust
Popular
How to Make a WordPress Website | 2020 Step-By-Step Guide for Beginners!

by Best Webhosting Added 4 years ago 118 Views / 0 Likes

Learn How to Make an AMAZING WordPress Website in 2020 with this easy STEP-BY-STEP TUTORIAL for Beginners! Get a Domain Name and Web Hosting: https://createaprowebsite.com/hosting Website Template (Elementor): https://drive.google.com/open?id=1iDID7iXwcHQOJgEYjBQlp5454_MhqZnf Follow Along Images: https://drive.google.com/open?id=1hXiWr46mmM1jKqvpEd3ZudggcIeFHprM TIMESTAMPS: Step #1 Get a Domain Name and Web Hosting 2:57 Step #2 Install WordPress 8:57
NEW Affiliate Marketing Tutorial For Beginners 2020 - How I Make $35,000 A Month (Step by Step)

by Best Webhosting Added 3 years ago 71 Views / 0 Likes

Want To Create a Website That Generates You Recurring Revenue? No BS, watch us do it step by step: https://www.youtube.com/watch?v=j5EgHukZxpk Want an exclusive discount for hosting to start your website? (ONLY HERE, PROMISE) https://www.darrelwilson.com/namehero-discount 10 BEST Affiliate Niches! https://www.youtube.com/watch?v=OzPv3x34qgE Important Links: Get High DA Backlinks to Sky Rocket Your Website Ranking: https://accessily.com/ Create a websi
How to Make a Business Website with WordPress & Divi (Step-by-Step Tutorial)

by Best Webhosting Added 1 year ago 24 Views / 0 Likes

Watch this WordPress tutorial and learn how to make a business website from scratch using Divi, the #1 most popular WordPress theme! Download the free tutorial resources 👉 https://websiteprofitcourse.com/roofing-assets Buy the Divi roofing layout pack 👉 https://websiteprofitcourse.com/diviroofing The best way to support or say "thanks" is to start your website idea now! If you use my affiliate links, I get a small cut (no extra cost to you) that helps
How to Make a WordPress Website with Elementor | Step-By-Step Tutorial 2021

by Best Webhosting Added 1 year ago 23 Views / 0 Likes

Get a Domain Name & Hosting for Your Website: https://createaprowebsite.com/hosting Learn how to make a stunning WordPress website using the Elementor page builder plugin with this step-by-step tutorial! This easy, follow-along tutorial is great for beginners or anyone looking to create their own website using a simple and free drag and drop page builder for WordPress. Or use coupon code at checkout: CREATEAPROWEBSITE Grab Elementor Pro here https://c
Popular
Fastest Way to Make a WordPress Website 2019 - Step by Step Tutorial!

by Best Webhosting Added 4 years ago 152 Views / 0 Likes

Start Here • https://learn2create.co/website-tutorial/ Learn how to create a beautiful website using the world's most popular platform, WordPress. This tutorial is perfect for beginners or future web developers! Timestamps 1) Introduction 0:00 2) Get Domain & Hosting 1:45 (Use learn2create for big discount!) 3) Install WordPress 4:40 4) Login to WordPress 05:42 5) Install Theme 7:30 6) Add Pages 8:42 7) Set Static Homepage & Menu 9:50 8) Choose Websit
BASIC EDITING FOR BEGINNERS - Adobe Premiere Pro [Full, Step, by Step, Easy Tutorial] - Make Videos!

by Best Webhosting Added 3 years ago 63 Views / 0 Likes

This video is a step by step tutorial, in which I show you how I edit my videos using Adobe Premiere Pro. After watching this video, you will know all of the basics you need to start creating professional videos for Youtube. In this video, I talk about: How to import and organize your files in the Assembly Tab in Premiere Pro How to create a timeline (simply drag your highest resolution clip into the timeline region) How to line up audio and video tra
Popular
How to Make a Website With Wix - Step by Step Guide For Beginners [2019]

by Best Webhosting Added 4 years ago 145 Views / 0 Likes

• Start Creating Your Website With Wix • https://hosting.review/go/wix-2019/ Learn how to make a website with Wix fast. I'll teach you the EXACT tools and techniques that will allow you to create any website you like in minutes. *************************************** - Time Table - 1. Getting Started 00:25 2. Editing Text Elements 02:00 3. Adding Images to Your Website 02:55 4. Changing the Background 04:01 5. Adding & Editing Buttons 04:35 6. Adding
How to Make a Website from Scratch: Step-by-Step for Beginners 2018

by Best Webhosting Added 4 years ago 91 Views / 0 Likes

Whats up peeps! If you're looking to make a website with WordPress in 2018 then I just updated my free tutorial on exactly how to do it! I'm going to show you everything from getting hosting, to getting your own domain name, to setting up WordPress, customizing your website from top to bottom, how to make a free logo for your site, and much more! *I worked out an insanely special deal with HostGator to get you 60% DISCOUNT off web hosting and a custom
Popular
How to Make a Photography Website | 2020 Step-By-Step For Beginners

by Best Webhosting Added 4 years ago 117 Views / 0 Likes

Need a website to show off your photography or help land new gigs/clients? Well this tutorial will show you STEP-BY-STEP How to Make a Photography Website! AND, there's is no coding involved so it's perfect for beginners! Where to get a DOMAIN NAME and WEB HOSTING: https://createaprowebsite.com/hosting Download the FOLLOW ALONG IMAGES here: https://drive.google.com/uc?export=download&id=1OlVG08DhXQ4MyqH4sVYF6lQ-SDR_IlKl TIMESTAMPS: Step 1: Get a Domai
How To Make a Website - Absolute Beginners - All in One Step by Step - 2019

by Best Webhosting Added 4 years ago 100 Views / 0 Likes

Learn how to make a website step by step with no step skipped! You will learn how to create a WordPress website, a shopping cart to take payments, how to make a blog, how to setup affiliate links to earn money, how to setup a newsletter to capture peoples emails and track how many people go to your website with google analytics. That’s why I call it the ALL IN ONE website. It really does have everything you will need in one video. Visit https:www.happ
How to Make a Website using Wordpress - Step by Step Tutorial

by Best Webhosting Added 4 years ago 100 Views / 0 Likes

Check out the finished website http://www.wpeagledemo.com - Post questions in the comments or tweet me @wordpresseagle or @alexcooper. For more videos check: http://www.wpeagle.com In this video show everythig need to make a website from scratch from start to finish. I'd love to see your work. Post them in the comments! Hostgator code is : WPEAGLE25OFF - GET 25% off! Add a phone number to the header - http://www.wpeagle.com/wordpress-tutorials/themes/