how to make a wordpress website elementor

how to make a wordpress website elementor

learn how to make a wordpress website in 2019: https://youtu.be/a7ec6woub48

learn from scratch how to create an amazing website! in this tutorial we will work with free tools and free images! after watching this video you are able to create powerfull websites and even become a webdesigner for a living!

we will work with the free phlox theme that has a lot of customisation options. we will also make use of elementor. a free page builder with premium possibilites! see it for yourself in the first 7 minutes of the video! we can use professional images from pexels.com or unsplash.com

demo website: http://elementor2018.com
webhosting with 60% off: https://www.siteground.com/go/special-discount-ferdy
phlox theme: http://averta.net/phlox/wordpress-theme/
elementor page builder: https://ferdykorpershoek.com/elementor/

brief overview of the tutorial:
0:00 overview of the tutorial
7:10 the 4 steps to get up and running
7:37 get a domain name and webhosting
11:09 install wordpress
13:40 clean up the wordpress backend
17:18 create pages for your website
19:26 create and configure the menu
23:27 configure the wordpress settings
24:20 get the sydney theme
26:44 custome the phlox theme
27:15 get the images i use in the tutorial
29:55 download the images i use in this tutorial
32:42 add google analytics to your website
45:10 download elementor

elementor
46:26 edit the homepage using elementor
46:42 the basics of elementor
48:37 get free stock images from unsplash or pexels
49:13 how to resize, crop and optimize images using wordpress (no photoshop needed :))
50:40 add and configure the background of a section in elementor
52:26 setup a header area with text and 2 call to actions buttons that animate
1:07:53 adjust the header background. add a gradient overlay.
1:09:13 how to use the shape divider in elementor
1:10:36 configure an icon box
1:13:14 configure the image carousel
1:16:39 use padding and margin to style your website
1:19:39 duplicate columns
1:21:31 use the video element
1:23:23create an about us section with background and floating text area
1:28:39 create a testimonial sections
1:42:43 create a section with animating images fullwidth
1:45:09 create a section with a text and image about yourself (fullwidth)
1:48:46 duplicate a section
1:49:36 create a section with a video background and contact form
1:57:39 add a button with an anchor link (link to a place within the page)
2:00:40 configure a image gallery
2:07:09 add a toggle element
2:11:44 add a counter
2:14:25 configure the progress bar
2:20:25 how to export pages and sections to a different page or website
2:23:24 create a maps element

portfolio
2:29:15 install the portfolio plugin that comes with phlox
2:29:51 create a portfolio item
2:31:42 configure the portfolio page
2:39:18 configure the portfolio page even more

blog
2:43:53 create a blogpost
2:46:35 paragraphs and headers within a blog post
2:49:05 style your blogpost
2:52:46 add images to your blogpost
2:55:33 add custom css to your post/page/website
2:59:07 add a recent post with thumbnails plugin
3:01:50 optimize your images for google (seo)
3:07:53 configure the blogpage
3:11:04 blogposts and comments
3:12:17 create a gravatar

footer area
3:14:31 activate the footer area
3:15:34 add a instagram widget
3:17:54 add a facebook widget
3:19:21 add a recent post widget

3:22:59 mobile friendly responsive (this is amazing about elementor). optimize your website for tablets and smartphones

3:31:18 more about elementor pro

follow up tutorial: https://www.youtube.com/watch?v=fxcjovtjkbo

how to create a website? in this video i show you step by step how to create a website! creating a website is easy these days! get a domain name and webhosting, install wordpress, create pages, assign a menu, get a free theme, install elementor as page builder and build your pages one by one. add a blogpage with blogposts, add portfolio items and optimize everything for google! in 3.5 hour i will show you how to create your website from scratch! it is easy! besides a domainname and webhosting you will create a free website with a free theme, free page builder and free stock images!

you can even install wordpress on your own computer using serverpress. in that case you can create your website for free. no cost! not even 1 dollar! but when you want a domain name and webhosting there are costs involved.

well, goodluck! if you have any question, please leave a comment!

learn how to make a wordpress website in 2019: https://youtu.be/a7ec6woub48learn from scratch how to create an amazing website! in this tutorial we will work with free tools and free images! after watching this video you are able to create powerfull websites and even become a webdesigner for a living!we will work with the free phlox theme that has a lot of customisation options. we will also make use of elementor. a free page builder with premium possibilites! see it for yourself in the first 7 minutes of the video! we can use professional images from pexels.com or unsplash.comdemo website: http://elementor2018.comwebhosting with 60% off: https://www.siteground.com/go/special-discount-ferdyphlox theme: http://averta.net/phlox/wordpress-theme/elementor page builder: https://ferdykorpershoek.com/elementor/brief overview of the tutorial:0:00 overview of the tutorial7:10 the 4 steps to get up and running7:37 get a domain name and webhosting11:09 install wordpress13:40 clean up the wordpress backend17:18 create pages for your website19:26 create and configure the menu23:27 configure the wordpress settings24:20 get the sydney theme26:44 custome the phlox theme27:15 get the images i use in the tutorial29:55 download the images i use in this tutorial32:42 add google analytics to your website45:10 download elementorelementor46:26 edit the homepage using elementor46:42 the basics of elementor48:37 get free stock images from unsplash or pexels49:13 how to resize, crop and optimize images using wordpress (no photoshop needed :))50:40 add and configure the background of a section in elementor52:26 setup a header area with text and 2 call to actions buttons that animate1:07:53 adjust the header background. add a gradient overlay.1:09:13 how to use the shape divider in elementor 1:10:36 configure an icon box1:13:14 configure the image carousel1:16:39 use padding and margin to style your website1:19:39 duplicate columns1:21:31 use the video element1:23:23create an about us section with background and floating text area1:28:39 create a testimonial sections1:42:43 create a section with animating images fullwidth1:45:09 create a section with a text and image about yourself (fullwidth)1:48:46 duplicate a section1:49:36 create a section with a video background and contact form1:57:39 add a button with an anchor link (link to a place within the page)2:00:40 configure a image gallery2:07:09 add a toggle element2:11:44 add a counter2:14:25 configure the progress bar2:20:25 how to export pages and sections to a different page or website2:23:24 create a maps elementportfolio2:29:15 install the portfolio plugin that comes with phlox2:29:51 create a portfolio item2:31:42 configure the portfolio page2:39:18 configure the portfolio page even moreblog2:43:53 create a blogpost2:46:35 paragraphs and headers within a blog post2:49:05 style your blogpost2:52:46 add images to your blogpost2:55:33 add custom css to your post/page/website2:59:07 add a recent post with thumbnails plugin3:01:50 optimize your images for google (seo)3:07:53 configure the blogpage3:11:04 blogposts and comments3:12:17 create a gravatarfooter area3:14:31 activate the footer area3:15:34 add a instagram widget3:17:54 add a facebook widget3:19:21 add a recent post widget3:22:59 mobile friendly responsive (this is amazing about elementor). optimize your website for tablets and smartphones3:31:18 more about elementor profollow up tutorial: https://www.youtube.com/watch?v=fxcjovtjkbohow to create a website? in this video i show you step by step how to create a website! creating a website is easy these days! get a domain name and webhosting, install wordpress, create pages, assign a menu, get a free theme, install elementor as page builder and build your pages one by one. add a blogpage with blogposts, add portfolio items and optimize everything for google! in 3.5 hour i will show you how to create your website from scratch! it is easy! besides a domainname and webhosting you will create a free website with a free theme, free page builder and free stock images!you can even install wordpress on your own computer using serverpress. in that case you can create your website for free. no cost! not even 1 dollar! but when you want a domain name and webhosting there are costs involved.well, goodluck! if you have any question, please leave a comment!

how to make a wordpress website 2019how to make a wordpress website with divi divi builder tutorial 2019how to use wordpress wordpress tutorial for beginners 2018complete astra theme tutorial free wordpress themehow to make an online ecommerce store website with wordpresshow to create an ecommerce website with wordpress online store 2018how to create an ecommerce website online store in wordpress for beginnerswoocommerce reviews compare woocommerce vs shopify reviewelementor complete tutorial 2020 build a full one page website with elementorhow to make a wordpress website elementorelementor wordpress tutorial 2022 a complete elementor page builder for wordpress tutorialelementor wordpress page builder tutorial15 vs code extensions for front end developers in 2019web developer roadmap 2020 a guide to starting a career in web developmentthe future of javascript new features and disruptive trends in 2020easily speed up wordpress how to optimize your website make it load fasthow to become a web developer in 2020how to become a web developer in 2020how to become a web developer in 2020backend web developer guide 2020ultimate freelancing guide for web developers make money through freelance programmingmicrosoft homepage clone css grid flex media queriesupdated 2019 setup billplz payment gateway di woocommerce online shopthe complete woocommerce elementor tutorial 2020flatsome wordpress theme review 2018 best ecommerce wordpress themeflatsome tutorial how to install flatsome woocommerce theme like official shop demoshow to create an ecommerce website with wordpress 2020 online storehow to customize wordpress footer sectionhow to create product size chart in woocommerceproduct size charts plugins for woocommercehow to create an ecommerce website with wordpress online store 2019how to make a dropshipping website with wordpress woocommerce alidropship flatsomehow to create a dropshipping website with wordpress and aliexpress 2019top 12 best woocommerce plugins for wordpress 2019 must have woocommerce pluginscustom woocommerce shop design with elementor pro oceanwptop 10 plugins for wordpress 2019 must have plugins for wordpresstutorial alidropship woocommerce store create a woocommerce dropshipping store updated 2018how to create an ecommerce website with wordpress 2020 online storehow to make an online ecommerce store website with wordpresswoocommerce pdf invoices plugin tutorialwoocommerce not sending emails easy fixyoast seo tutorial 2020 how to setup yoast seo plugin wordpress seo by yoastdropshipping mistakes to avoid while choosing a nichehow to use alidropship plugin for wordpress alidropship plugin review and tutorialtutorial alidropship woocommerce store create a woocommerce dropshipping store updated 2018tutorial alidropship woocommerce store create a woocommerce dropshipping store updated 2018how to build a one product dropshipping store with clickfunnels free funnel examples 2020how to set up a facebook pixel in wordpress easy 2019 step by step tutorialhow to create an aliexpress invoice profitario3 best wordpress website hosting companies that include free ssl certificateswoocommerce composite products product bundles mix match builder wizard for wordpressadd extra woocommerce product options for freehow to create an ecommerce website with wordpress free online store 2018 newhow to make a wordpress online store step by stephow to create a free ecommerce website with wordpress online store 2019top 7 best free woocommerce themes for wordpress 2019 must have themes for ecommerce websiteswordpress booking plugin free appointment system with calendargoogle site kit plugin for wordpress setup settings for analytics adsense search console etcbest free wordpress theme 2021 for elementor or gutenberg build better sites fasterbest free elementor plugins and addons for wordpress templates widgets custom header footer

learn how to make a wordpress website in 2019: https://youtu.be/a7ec6woub48

learn from scratch how to create an amazing website! in this tutorial we will work with free tools and free images! after watching this video you are able to create powerfull websites and even become a webdesigner for a living!

we will work with the free phlox theme that has a lot of customisation options. we will also make use of elementor. a free page builder with premium possibilites! see it for yourself in the first 7 minutes of the video! we can use professional images from pexels.com or unsplash.com

demo website: http://elementor2018.com
webhosting with 60% off: https://www.siteground.com/go/special-discount-ferdy
phlox theme: http://averta.net/phlox/wordpress-theme/
elementor page builder: https://ferdykorpershoek.com/elementor/

brief overview of the tutorial:
0:00 overview of the tutorial
7:10 the 4 steps to get up and running
7:37 get a domain name and webhosting
11:09 install wordpress
13:40 clean up the wordpress backend
17:18 create pages for your website
19:26 create and configure the menu
23:27 configure the wordpress settings
24:20 get the sydney theme
26:44 custome the phlox theme
27:15 get the images i use in the tutorial
29:55 download the images i use in this tutorial
32:42 add google analytics to your website
45:10 download elementor

elementor
46:26 edit the homepage using elementor
46:42 the basics of elementor
48:37 get free stock images from unsplash or pexels
49:13 how to resize, crop and optimize images using wordpress (no photoshop needed :))
50:40 add and configure the background of a section in elementor
52:26 setup a header area with text and 2 call to actions buttons that animate
1:07:53 adjust the header background. add a gradient overlay.
1:09:13 how to use the shape divider in elementor
1:10:36 configure an icon box
1:13:14 configure the image carousel
1:16:39 use padding and margin to style your website
1:19:39 duplicate columns
1:21:31 use the video element
1:23:23create an about us section with background and floating text area
1:28:39 create a testimonial sections
1:42:43 create a section with animating images fullwidth
1:45:09 create a section with a text and image about yourself (fullwidth)
1:48:46 duplicate a section
1:49:36 create a section with a video background and contact form
1:57:39 add a button with an anchor link (link to a place within the page)
2:00:40 configure a image gallery
2:07:09 add a toggle element
2:11:44 add a counter
2:14:25 configure the progress bar
2:20:25 how to export pages and sections to a different page or website
2:23:24 create a maps element

portfolio
2:29:15 install the portfolio plugin that comes with phlox
2:29:51 create a portfolio item
2:31:42 configure the portfolio page
2:39:18 configure the portfolio page even more

blog
2:43:53 create a blogpost
2:46:35 paragraphs and headers within a blog post
2:49:05 style your blogpost
2:52:46 add images to your blogpost
2:55:33 add custom css to your post/page/website
2:59:07 add a recent post with thumbnails plugin
3:01:50 optimize your images for google (seo)
3:07:53 configure the blogpage
3:11:04 blogposts and comments
3:12:17 create a gravatar

footer area
3:14:31 activate the footer area
3:15:34 add a instagram widget
3:17:54 add a facebook widget
3:19:21 add a recent post widget

3:22:59 mobile friendly responsive (this is amazing about elementor). optimize your website for tablets and smartphones

3:31:18 more about elementor pro

follow up tutorial: https://www.youtube.com/watch?v=fxcjovtjkbo

how to create a website? in this video i show you step by step how to create a website! creating a website is easy these days! get a domain name and webhosting, install wordpress, create pages, assign a menu, get a free theme, install elementor as page builder and build your pages one by one. add a blogpage with blogposts, add portfolio items and optimize everything for google! in 3.5 hour i will show you how to create your website from scratch! it is easy! besides a domainname and webhosting you will create a free website with a free theme, free page builder and free stock images!

you can even install wordpress on your own computer using serverpress. in that case you can create your website for free. no cost! not even 1 dollar! but when you want a domain name and webhosting there are costs involved.

well, goodluck! if you have any question, please leave a comment!