Get your *hosting + domain* here π https://wproads.com/hostinger
Get your *Elementor Pro* license here π https://wproads.com/elepro
Download the *Elementor Starter Kit 2025* π https://wproads.com/elementor-kit-25
#wordpresstutorial #elementortutorial #wproads
Boost your website creation flow using Elementor AI
π https://wproads.com/elementor-ai
In this *WordPress tutorial for beginners* we will learn how to make a WordPress website from scratch without touching a single line of code! This is a step by step *Elementor WordPress Tutorial 2025* : from beginners to Pro. In the video we will choose a plan on Hostinger, the platform to host and create your website with great security and performance at an affordable price. We will the get a free domain and a free email account. We will install Elementor, Hello Elementor theme and we will configure each aspect of your website! Home page, about, contact form page, blog page and blog post template.
-- *TIMESTAMPS* --
*Tutorial Intro*
00:00 WordPress Tutorial 2025 - Intro
00:16 The website we are creating in the tutorial
03:17 Elementor drag & drop WordPress page builder
05:26 Elementor AI for code, images, texts
06:21 Hostinger: WordPress hosting + domains and emails
*Hosting, domain and email*
Get your hosting + domain and email here π https://wproads.com/hostinger
07:05 Hostinger: lets' choose the right plan for you!
14:25 Hostinger first access to the hPanel
18:06 How to choose a good domain name for your website
23:06 Install WordPress from Hostinger hPanel
28:59 Verify domain ownership and status
31:54 Fist access to WordPress dashboard + important settings
35:33 Disable auto-updates system from Hostinger hPanel
38:12 Create a custom email account in Hostinger
*Install Elementor Free and Pro and Hello Elementor Theme*
Get your Elementor Pro license here π https://wproads.com/elepro
41:32 Let's install Elementor free and Hello Elementor theme
44:43 Elementor Pro: let's choose the right plan for you!
49:40 Elementor *important settings* !!!
*Coming soon page*
51:37 Create a "Coming Soon" template to hide the website
*Flexbox and grid container practice*
59:55 Flexbox and grid containers: let's practice together!
01:00:22 Flexbox container practice
01:16:05 Grid container practice
*Basic structure of the website + header and footer*
01:20:06 Create website pages: home, about, blog, contact
01:25:23 Create the header: basic elements and structure
01:34:18 Create the footer: basic elements and structure
*Download and apply the Elementor Starter Kit design settings*
Download the Elementor Starter Kit 2025 here π https://wproads.com/elementor-kit-25
01:37:29 Download the free Elementor Starter Kit !
01:41:43 How to proceed manually (without my Elementor Starter Kit)
01:56:58 Elementor Starter Kit: Style Guide and Global Settings
02:11:17 Applying Global Styles to your website
02:12:12 Customize your colors and fonts
*Styling header and footer*
02:16:14 Apply design settings to header
02:20:54 Apply design styles to the footer
*Home page*
02:26:59 Create the home page hero section
02:38:30 Generate animations using Elementor AI
02:44:05 Create a services section
02:53:52 Add interaction animation on mouse hover in services cards
03:00:55 Create about us section in home page
03:08:59 Anchor link connecting button to section
03:09:55 The testimonials section
03:13:49 Learn how to use less containers (advanced wrap method)
*Global CTA*
03:18:47 Create a global Call To Action before the footer
*Creating the other website pages*
03:29:02 Create a basic pages template
03:38:23 Create the about us page
03:59:40 Create the contact page
*Creating the blog*
04:32:31 Create the blog
04:33:06 Create the blog archive
04:45:50 Create the blog single post template
*Add animation effects to the website elements*
04:57:16 Add on scroll and entrance animations in the website
*Responsive settings*
05:09:21 Responsive settings for tablet and mobile devices
05:10:22 Header and footer responsive settings
05:26:04 Home page responsive settings
05:38:22 Contact and About page responsive settings
*End bonuses*
05:47:13 Create a transparent sticky header
06:01:32 Do this before publishing your website!
06:05:49 Share your feedback in the comments + SEO tutorial
*Disclosure*
This video is not sponsored and the opinions I express are personal. In this description box you find my affiliate links to the products and services I teach in the tutorial, if you click on this links before buying I might earn a commission, the price does not change for you, where possible I also share coupons and discounts.
*Let's connect!*
Newsletter π https://wproads.com/
Instagram π· https://wproads.com/instagram
Facebook group π₯ https://wproads.com/fbcommunity