WordPress Blog with Elementor Full Tutorial for 2020 – A Customizable Personal Blog

–>


YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden


My WordPress Blog Tutorial for 2020. With the methods that I am showing you in this video you can create a wordpress blog without having to customize a theme.

The resources page for this video: https://livingwithpixels.com/resources/healthy-blog-tutorial/

Timestamps for the video
00:00:00 Intro
00:00:12 Overview of what we are going to build
00:01:21 What makes this technique better
00:03:55 Understanding what you are going to build
00:06:09 Installing WordPress & Basic setup
00:14:15 Activating Elementor & Elementor Pro
00:17:08 Prepare our visual styles
00:25:05 Building the header & menu with a template
00:41:06 The blogpost list
00:53:25 The sidebar
01:11:19 The category page
01:13:58 The blogpost page
01:21:01 The footer (with Instagram connection)
01:26:53 A few more details (Home page settings & Site icon)
01:29:29 The featured posts & Bonus step (blogpost list layout)
01:33:51 Email subscribe form
01:35:49 The contact page

→ Software that I use
Hosting & Domain provider I use on all my websites: https://www.siteground.com/go/lwp-youtube
Elementor Free version (download link): https://elementor.com/thankyou/?ref=4590&campaign=download
Elementor Pro (all 3 packages have the same features, I have the $199 one): https://elementor.com/pricing/?ref=4590&campaign=youtube
Adobe Xd: https://bit.ly/lwp-adobexd-yt
The whole list of software that I recommend: https://livingwithpixels.com/links/

→ Hardware that I use for videos
Macbook Pro 13 inch: https://amzn.to/2LUjDbG
Camera: RX100 Mark 3: https://amzn.to/2qQlqag
Microphone: Zoom H1: https://amzn.to/2tgTI7r
Mini Tripod (for the mic): https://amzn.to/2PJiODD

→ Helpful for beginner
How to Install Elementor and WordPress. Watch: https://youtu.be/SKyoKk9T4g4
Elementor Beginners Tutorial. Watch: https://youtu.be/E15iQEm9KF8

→ My social media
Instagram Livingwithpixels: https://www.instagram.com/livingwithpix/
Personal Instagram: https://www.instagram.com/rinodeboer/

Some of the above links are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn’t make all these videos without it.

LivingWithPixels

Share

Comments

  1. For everyone that can't find the "Theme styler" like I have in this video. It's now called "Site settings", but it's just (almost) the exact same thing. Global settings for your whole website.

  2. So much value in one video! I never usually comment on ant YT videos, but on this one, I wish I could give you 1000 more likes. I am about to set up my first blog, so definitely going to rewatch this video many times! Thanks so much Rino!

  3. This video is excellent. Yet, I'm freaking out since 2 hours… It just does not show the header on any of my pages… I have done everything step by step like you said, and I have saved the header with "display conditions / include / entire site"… Any idea what I am doing wrong…? Thanks a million in advance!!!

  4. GENIUS! Thank you so much for sharing this! I'm building my blog using these exact instructions. Now, I would love to see a tutorial on designing the actual blog post using Elementor. I have a hard time structuring a post by getting the pictures situated.

  5. how can i add page 1 page 2 on home page for latest blogs ?

  6. i have issue when click subscribe button the loading icon appears as square which missing the original animation
    do you have any fix for it ?

  7. Hi! Can I still build a good and working website using Elementor free?

  8. Genial. Gràcies!

  9. Subscribed, so much value. Keep it up please

  10. hallo rino, can you show me how to add attributes like color or size, on creating single product with elementor, i've looked at other tutorials and no one can make it. ?​

  11. Can we use these templates if we haven't bought the elementor pro!!!!!?????

  12. Very helpful. Thank you! Going to watch about 5 more times so I get it all down. 🙂

  13. Great tutorial! Dude just one question, which is the software you use to make the UX?

  14. Excellent tutorial. Thank you

  15. How do I find the templates to download? I don't see them in the resources links?

  16. When I'm trying to make the visual style – when I go to the new "site settings" and edit H1, H2, etc. – My headers do not update automatically and I cannot view what I am changing in that page. How do I fix this?

  17. You are a STAR, Reno!

  18. I do not see the images, just lots of codes on the link you sent us off to..

  19. I love that video so much, It's easy, organized, detailed and enjoyable thanks a lot for your effort
    You really deserve a BIG like, a BIG subscribe, a comment for appreciation and sharing with friends who need these kind of information
    note: don't worry about duration of the video I watched it all it's very useful for me and I'm able to watch more time and I like to find all information I need in one video whatever the duration is, so don't worry
    KEEP GOING

  20. I don't understand the add conditions parts? It is only in Elementor Pro. I'm doing a website for my Final Assessment Project. I'm not from a computer science background. Just want to create a simple blog. But at least like this blog. As it looks nice. If I don't have Elementor Pro, how do I do that. I meant, your home page have all the header and things you edited.

    Btw I will again ask if there are questions

  21. When we choose the elementor hello theme, all the links in the blog post become PINK!…Can you please tell us how to change this?

  22. So helpful, so delightful to watch! Thank you for this enlightening tutorial!!!

  23. at the risk of sounding cheesy, you literally made me cry because I finally found a tutorial that fixed ALL of my roadblocks. YOU ARE AN ANGEL

  24. I bought Elementor Pro but I don't have the option to download it to install to WordPress. Can anyone help with this?

  25. hey cant find the link for dropbox for elementor templates health blog.

  26. Thanks for doing this for us Rino. This is absolutely amazing. Really appreciate you sharing this information.

  27. Please make a tuitorial for Japan Tour…. please please

  28. I loved this video! It was packed with great information, and these longer videos are perfect. Please keep doing what you do.

  29. Thank you! Thank you! Thank you! I watched this video about 20 times until I have a website that I am proud of! After bouncing between your channel and 2 others, my website looks so professional. I could've paid hundreds of dollars to create the website I have now if I hadn't watched this video. This was wonderful and I can't thank you enough.

  30. Hi Rino, thanks very much for the great tutorial! Could you comment on the speed of elementor sites? I followed your steps to build the exact same website using the downloaded files and templates. The GTMetrix performance score is only 70% after completing site building.

  31. Hey, wondering if there is a URL where I can see this blog as a live demo? Thanks!

  32. Hi
    can you please mention all the websites from where I can get had pictures web design for free??

  33. Hi, I loved your video. It was very helpful. But I am stuck at the blog template page. After I create the single post template, my existing posts aren't showing up in that format. It is showing up in some weird Astra format. Can you or someone help?

  34. Fonts and colours on button and headings DON'T CHANGE on mine. Driving me nuts, can't figure it out.

  35. Can you make a video about how to add comments to a blog post? That would help me a lot!

  36. I couldn't get the featured loop to work so I gave up 🙁 Maybe a little video on this, and slow down a bit would be helpful. The rest of the content was great…. thanks.

  37. I'm really learning from you for creating my own blog for my work. Thank you mate. You are awesome

  38. You are a GOLDMINE.God bless you

  39. I'm liking it, but if I have to use the word press for the posts then I need to know how to change the background color. The few videos and posts I find on it don't work. Neither does the Custom plugins. I have a child theme set up but I cant get the background color to change. I don't understand why such a simple setting should be so much of a pain in the arse.

  40. Phenomenal!!! I did it!!!!!

  41. Hello, I am following the instructions in this video and also download the exercise files. however Elementor keeps insisting that the file uploads should not exceed 2500 pixels. What am i doing wrong ? the images are identical to the one you are using in this video so I'm not sure if Elementor changed their size image limitations or what. Can you please help or provide some suggestions? thank you

  42. i played it on 0.75 because some parts are just too fast lol

  43. Brother, i do not understand how to duplicate the home page. In my pages section from WP dashboard, does not appear the option to duplicate the pages…

  44. When trying to set the Typography using the site settings none of my headers are changing? Anyone else have this problem?

  45. Yes, lots of value! Thank you!

  46. geek niche

  47. Hi Rino, super blij met je video. Mooie blog kunnen bouwen. Ik loop er alleen tegen aan dat bijna al mijn tekst heel veel white spacing heeft en het ook niet compatible lijkt te zijn met safari. Hoor je dit soort dingen vaker?

  48. Thank you so much Rino! This is an amazing video that helped me start my blog. Cheers!

  49. Hello sir I need your help plz reply me
    I am starting my first blog site after watching your videos but i am stuck there in its final designing.

    I am using elementor free for creating my blog site and I want to create single post page template
    01:13:58

    Single blog post page template option is available in pro version of elementor but i want to do it by free plugings is there any free pluging for it or any other way to do it.

Comments are closed.