Skip to main content

How To Create A Website in 15 Minutes (Using WordPress) - #13


Published: April 27, 2020 | DevDrawer


Estimated Reading Time
3 minutes
Video Duration
32:05 minutes

Become a Patreon to show support and get exclusive access to content: https://www.patreon.com/devdrawer

Now that we know how to build a custom theme, let's try something quicker for businesses or individuals who do not know how to code. Let's create a website in 15 minutes or less.

Step Hosting

Either have website hosting, use a local development server, or purchase hosting. It is required for this tutorial.

To have a website that people can access online, you need a domain (your .com address) and hosting. Hosting is where the files go that display your website. We use A2Hosting, but you can get hosting from other companies like GoDaddy, Bluehost, HostGator, etc.

Own your domain and website with A2Hosting by quickly signing up for their service using my link above.

Step Install WordPress

If you have never installed WordPress or would like to learn how I created a tutorial in a previous episode that details how to manually install it. You can do this on your own server or locally. View the video here:

https://youtu.be/VWi2ztBnj2Y

Step Add a Theme

We will be using the Astra in this tutorial.

Step Install Plugins

We will be using Astra Starter Templates. this plugin will allow you to select a pre-built template you can customize. As part of the template, Astra will install all required plugins and customizations for you to modify on your own.

1) Go to Appearance -- Starter Templates and find a theme you like by searching for your industry type. They have free and paid templates, so find the one that works best for you.

2) Once you find it, you can import the entire theme to make your website 100% look like their template. You can import images and the text from their demos.

3) View your website, now you have the exact site you previewed when you were looking for a template. Ta-Da. Now you can get started with your edits.

Step Customize Your Website.

Customizing your website with WordPress's builtin Customizer (Appearance -- Customize) and Elementor for the individual pages.

1) Browse to one of the existing pages or create a new page, click on the "Edit with Elementor" button.

2) Replace the images and text with your own!

3) Save changes

4) You're done.

Congratulations! You now have a fully responsive website for your business or client. It is as easy to 1-2-3. Just don't forget to view our duplicator video for details on how to get your website from a dev server to the domain and hosting you purchased (https://youtu.be/MdVIV0y922M). If you didn't use a dev server, you should be good to go.

Applications Used

Visual Studio Code v1.43: https://code.visualstudio.com/

WAMP v3.2.0: http://www.wampserver.com/en/

WordPress: https://wordpress.org

Astra: https://wpastra.com/

Elementor: https://elementor.com/

Computer Hardware:

Windows 10 Pro: https://amzn.to/3q5TyZw (Amazon)

Samsung 500GB External SSD: https://amzn.to/2ViAAAF (Amazon)

Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: https://amzn.to/36jDwDy (Amazon)

Rosewill Hive-750S R750W PSU: https://amzn.to/36jiDbs (Amazon)

Phanteks Eclipse Tempered Glass Case: https://amzn.to/39qou0B (Amazon)

MSI Arsenal Gaming AMD Ryzen Motherboard: https://amzn.to/36hpAKm (Amazon)

MSI Gaming GeForce RTX 2060 Super 8GB: https://amzn.to/36hMyRm (Amazon)

LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: https://amzn.to/2HSRxyI (Amazon)

Corsair 64GB (4 x 16GB) DDR4 Memory: https://amzn.to/3mlmQkI (Amazon)

AMD Ryzen 7 2700X Processor: https://amzn.to/3qdQIBF (Amazon)

Dell XPS 15 9500 15.6" Laptop / Windows: https://amzn.to/3fKEz2w (Amazon)

Lenovo ThinkPad T15 15.6" Laptop / Linux: https://amzn.to/2Jnmn33 (Amazon)

Camera:

Fujifilm X-T3: https://amzn.to/3llKBb5 (Amazon)

Fujinon XF18-55mmF2.8-4: https://amzn.to/3mfTkNb (Amazon)

Audio:

Audio Technica AT2020: https://amzn.to/2VgxU6K (Amazon)

Blue Snowball iCE: https://amzn.to/3lo1jGC (Amazon)

DISCLAIMERS:

I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.