Learn how to create a WordPress website from scratch using the free Elementor Page Builder and free Blocksy theme. Making a website has never been easier and in this video, I show you step by step how to create a professional WordPress website.
In this tutorial, we will work with the brand new flexbox container that comes with Elementor. I will also explain a lot about what (and what not) to say on your website in order to turn visitors into clients.
We will get a domain name and Webhosting, install WordPress, configure WordPress, download the Blocksy theme and Elementor page builder, create a fantastic header, create pages and a menu with submenu, create the homepage and other pages, optimize all the pages for all devices, create a portfolio with portfolio items / case studies, create blogposts and a blog page, optimize our website for. the search results, create a footer and much more.
Get A Domain And Webhosting (70% discount):
https://webhosting11.com
Download the Blocksy Theme:
https://ferdykorp.com/blocksy
Download Elementor:
https://ferdykorp.com/elementor
Timestamps:
00:00 Intro
07:37 Get A Domain name And Webhosting
10:10 Choose A Domain Name
WordPress
13:34 Install WordPress
17:17 The Frontend And Backend Of Your WordPress Website
19:03 Configure Your WordPress Website
The Blocksy Theme
25:48 Download The Blocksy Theme
29:48 Create A Menu With Pages
37:34 Create A Header Using The Blocksy Theme
42:33 Global Colors
45:56 Give Your Website A Site Title
Elementor
48:58 Download Elementor
51:27 The Basics Of Elementor
Create Your Homepage In WordPress And Elementor
01:01:23 Create The Hero
01:04:43 Global Fonts In Elementor
01:17:49 The Shape Divider
01:18:45 Entrance Animations
01:21:50 Mobile Responsiveness
01:25:24 Adjust an Elementor Element
01:29:27 Containers In Containers (Flexbox)
01:36:29 Adjust Images In WordPress
01:41:12 Adjust the Width Of Your Website
01:43:14 Duplicate Containers and Adjust The Look and Feel
01:49:39 Hide On Mobile, Tablet, Or Desktop
01:59:59 Create A Form In Your WordPress Website
Blocksy Header
02:10:43 Adjust Colors
02:11:51 Configure Your Blocksy Header
02:15:32 Make Your Header Sticky
02:18:07 Make Your Header Transparent
02:22:25 Mobile Header
Elementor
02:28:32 Be More Efficient In Elementor
02:43:28 Save Your Design As A Template
02:46:34 Download My Pages For Free
02:47:46 Import Elementor Templates
Portfolio / Case Studies
02:49:37 Create a Portfolio
Blog
02:50:58 Create Posts And A Blog Archive
The Homepage
02:53:12 Add Case Studies and Blogposts To Your Homepage
The Footer
03:01:04 Create The Footer Using The Blocksy Theme
Follow Up
03:14:39 What’s Next?
WooCommerce Tutorial:
RankMath Tutorial:
ConvertKit Tutorial:
Elementor Pro Tutorial:
Follow me on Instagram:
https://instagram.com/ferdykorpershoek
Follow me on Facebook:
https://facebook.com/ferdykorpershoek
