How To Make A WordPress Website | Elementor

Posted on
How To Make A WordPress Website | Elementor

Download video tutorial How To Make A WordPress Website | Elementor – Sebagai seseorang yang yang kesehariannya tidak lepas dari perangkat IT atau juga berkecimpung di bidang IT atau tehnik, tetunya pasti pernah menjumpai sebuah kerusakan atau error pada perangkat yang sedang Anda gunakan, baik itu pada bagian hardware maupun pada software. Dengan masalah tersebut tentunya akan sangat menganggu pekerjaan Anda. Untuk mengatasi kerusakan, Anda bisa meminta bantuan tenaga ahli atau juga bisa dilakukan oleh Anda sendiri.
Untuk masalah tutorial perbaikannya Anda tidak perlu khawatir karena untuk jaman sekarang ini sangat mudah untuk anda dapatkan secara online baik itu dari website-website, youtube atau dengan mengunjungi website ini Tutorial Tehnik
Untuk postingan ini kami membagikan sebuah video tutorial yaitu How To Make A WordPress Website | Elementor yang pada saat ini mungkin saja sedang anda butuhkan. Untuk video How To Make A WordPress Website | Elementor ini bisa Anda tonton secara online melalui halaman ini atau juga bisa Anda download sehingga bisa Anda tonton lagi dikemudian hari tanpa harus menonton secara online lagi.

Deskripsi video :
How To Make A WordPress Website | Elementor 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 or

Demo website:
Webhosting with 60% off:
PHLOX theme:
Elementor Page Builder:

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

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

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

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:

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!
Selain nonton video How To Make A WordPress Website | Elementor ini secara online, Anda juga bisa menyimpan video atau film ini sebagai koleksi video di komputer atau gadget Anda dengan cara mengunduh atau mendownload file videonya secara langsung melalui link download yang sudah kami sediakan berikut ini

Link Download Video


Silahkan temukan juga koleksi video tutorial lainnya hanya di Tutorial Tehnik. Anda juga bisa mencari video favorit Anda melalui tombol pencarian

50 thoughts on “How To Make A WordPress Website | Elementor

  1. A HUGE thank you to you, Ferdy. For this and all your videos. I'm just a begginer but I'm learning a lot with your tutorials… even if my first language is not english I can understand perfectly what you say! Thanks!!!

  2. Hello. Thank you for this nice tutorial. I have a question. I wonder if it is possible to create a category post pages from scratch with elementor plugin for every single category and link them in menu? If it is possible to do it I would appreciate an advice or video about it please. Thank you

  3. Hey Ferdy nice Tutorial,
    can you please tell me what do I have to do to shrink my Logo in the header when I scroll trough my website? And..
    How can I get an Arrow on the left below corner to get up to the beginning of the website.

    Thanke you very much for your help!

  4. Hi Ferdy,

    Great tutorial but I am stuck in one part, I have re done your tutorial step by step and still not the same. The first part with Edit with Elementor, you add a background image. When I do this it just pops up in a tiny section, full width but very thin and it doesn't scroll at all on the site when you do. I followed exactly all parts up to here and all settings are the same but no luck.
    Any ideas? Many thanks, Sally

  5. Hi Fery Kopershoek.

    I am follow your instruction in this tutorial, but a i have some doubts.

    At first my top header in my site was very close to the content titles including Post blog.
    And when I configure the portfolio menu. They don't appeare in my site. I don't know what i was doing wrong.

    If you could help, I'm really greatfull

  6. Thanks A million Ferdy. I am in the process of building a blog, and I am using your tutorial to help me along the way! Also, I had a question previously and you responded right away. I will certainly be telling others about the good work you are doing. I have two more questions, which I will send you subsequent to this message. Thanks again 🙏🏽

  7. Thank you very much for your work Ferdy.. your tutorials are so simple to follow and so well and detaily explained that creating a website with you is very very easy. Thanks!!!!!!!!

  8. Hey Ferdy! I know you're a busy guy, but if you could help me out with this issue I'm having using the Phlox Portfolio plug-in you'd be an angel. Hopefully this is an easy answer for you…when I re-size the window (responsive) the two portfolio images jump from side to side (horizontal) to top/bottom (vertical) and back again. any ideas? thank you!

  9. Hi Ferdy, Is there a way of linking an email to a button? so that if a visitor clicks on ( lets say a envelope icon ) and that takes them straight to their emails with my email ready to be sent too? If you or anyone could help that would be great.

  10. hi Ferdy, I had tried a few other tutorials but yours was by far the best one. I was able to create the basis of my website using both Elementor and the Phlox theme. I also added the "Elements" AddOn to Elementor so that I could use the animated text widget. In case you haven't seen it it's name is "EAE – Animated text".
    Now I'm just trying to tinker the site so it looks ok on tablet and mobile too.
    Thanks again Ferdy for the great work!

  11. Thanks Ferdy! By far you've made the best tutorial found on the web. Felt like you took me literally by the hand and explaining how it's done. With patience, easy to understand (no tech-terms!) and with a ton of extra tips and tricks. Awesome!

  12. Hello Ferdy,
    I hope this finds you well. I am Wanyoike from Nairobi- Kenya. To be honest, you are doing amazing work and thanks allot for your helpful tutorials. I personally do web with Elementor free with free themes, in combination with your help. So once more, thanks.
    I would like to check with you, since in your website I could not see the contact form or how one can contact you, I decide to comment here on YouTube. Kindly if you will not mind, reply to my comment or drop me an email on
    [email protected]
    and I will appreciate allot bro. Have a good day as you continue helping more and more people.

  13. Hello, i have cooler way theme of word press and i want to build up website as per my designer is giving psd Photoshop file can i do the website using eliminator plugin ? can i make changes as per given psd file which is provided ?

  14. Ferdy you seriously provide some of the very best tutorials anyone could ask for man! I don't know how to thank you enough man, this is truly the step by step tutorials I'd be willing to pay good money for. I appreciate all that you do man, keep up the awesome awesome amazing job.!

  15. Hi Ferdy thank you for you help by video. i have also created website as per my requirement but there is an issue in some pages that there are some space shown in white color after footer. please help to resolve this issue. kindly share the your email id i'll email you too with screens shot if require.

  16. Hi Ferdy if I want you to re Design my web site by elementor to be more flexible cause the information must updated every time
    ?can you help me and how much it cost you can

  17. Now that I pasted your contactform code to put the tekst in the boxes the tekst turned into English. Before it was in Dutch. Will I be able to change it back to Dutch? Name, message etc.

  18. At 28:08 you mention 'optimizing' the image, and then add spaces in the file name or something. You do a similar thing with the favicon a few minutes later. What is happening in this case? What are you 'optimizing' can I ask?

  19. Hey Ferdy, thank you so much for creating such a detailed and nice tutorial, finally i could follow it step by step and learn to create a website. It is one of the best wordpress tutorial. Thanks a lot.

  20. thanks for all is verry nice. please i have a question the images that we download on pexels site or unsplash site are sometimes very heavy (megabytes) how do you do to reduce their size before imported them into the wordpress media?
    thanks again.

Leave a Reply

Your email address will not be published. Required fields are marked *