MENU

Fun & Interesting

Elementor WordPress Tutorial 2025 β€’ For Beginners β€’ How To Make A WordPress Website

Video Not Working? Fix It Now

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

Comment