How to Make a WordPress Website in 2023 | Step-by-step Divi Tutorial
HTML-код
- Опубликовано: 27 июл 2024
- In this video we will be creating a beautiful and professional website using all powers of Divi without ANY plugin. We will be going trough the process step by step! 👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Do you want to support my channel? Leave a like or buy Divi with 10% discount via the link below. That will help me enormously to create these free videos for you and keep going!
⇒ Software that I recommend:
✅ Hosting & domain ⇒ wp.discount/host/
✅ Best caching plugin ⇒ wp.discount/cache/
✅ Divi with 10% discount ⇒ wp.discount/divi/
⇒ Top video's I recommend:
• Yoast SEO vs RankMath ...
• Secure Your WordPress ...
• BEST Mailchimp Alterna...
• How to Migrate WordPre...
• How to Make a WordPres...
I want you to succeed with your website, so lets get started.
⏱️ Timestamps⏱️
0:00 Intro
0:40 Overview
2:24 Get the files
Fase 1: Preperation
3:09 Get hosting & Domainname
7:19 Install WordPress
8:33 Get Divi
Fase 2: Building
11:36 Header & Footer
28:14 Homepage
50:57 Project page
1:05:17 Sub page
1:22:28 Contact page
1:31:26 404 page
1:35:32 Search page
1:38:03 About us page
1:47:26 Finishing the website
Fase 3: Finishing
👉🏼 • Secure Your WordPress ...
👉🏼 • Rank Math SEO Tutorial...
👉🏼 • How to Speed up Divi i...
👉🏼 • Gravity Forms Tutorial...
👉🏼 • Divi Carousel Tutorial...
Thank you for watching! 😀
✅For tips and tricks on getting the most out of WordPress, don't forget to subscribe: wpressdoctor.com/sub
📖Transscript📖
Coming soon...
📖 Read the rest of the transcript at wpressdoctor.com/
#WordPress #makewebsite #divi
💪🏼Download the ZIP file here: wpressdoctor.com/buildit - If you have any questions, don't hesitate to ask them here. I really hope this tutorial helps you out creating better websites and maybe you can also just use the template, your allowed to do so. Have a great day! 😊
Well to use form template makes no sense... But when someone rebuilt and watched a video slowly and exactly, they will learn a lot from you. 😁
So true Heiko! But some of my RUclips friends already know how to make Divi websites and just want to get the layout. So I just also want to thank my subscribers for their support by giving them a great design for free! 👍🏻😀
@@WPressDoctor your Design is really amazing, I prefer to rebuild, because in different ways you show people to do it different. Do use the modules it's always more options available. My experience in divi it's not bad, but I like to learn as well complex ways to build for clients, great websites. 🥰
Hi Matt. Thanks for an nice video. I have learned a lot. 🙂 Could you please create a video about a blog post with WP, using the Divi theme builder, use dynamic content and how to create an attractive blog? 🙂
Cool points! Yeah I’ll add it to my video list. However that’s a very long list, so it might take a while 😀👍🏻
a work of art
Hi Adolfo! Thanks for your kind words, it makes me happy to read your comment, thank you for taking some time out of your day to write me about this tutorial! I'm glad I could help you out with your website. Your 👍🏼 and subscribe would be very helpful if you haven't already done so. Have a great day and take care, greetings
Thank you for sharing. Have a wonderful weekend!
Hi Diamantino again! Just read your other wise words. Thanks for this comment also, really appreciate it 👍🏻😀
always the best
Thank you very much! I’m glad you liked the video 😀
This is onze of the best video’s i have steen on this topic for a long time. Awesome design And that checklist is really gold. You are a true Hero!
Hi there, thank you for your comment! Really appreciate it. I hope you can create your awesome website with this! Keep up the good work 😊
Oops, thank you very much for your most thorough Divi tutorial.
Best,
Heidi von Weitzer
Hi Heidi! You are very welcome 😁 Have a great day and take care!
Very helpful, I understand the framework of how using Divi, Thanks.
Hi there! You are very welcome. I’m glad I could be of help understanding the framework of Divi. I’m working right now on a new video about creating a awesome Divi website! Stay tuned 😀👍🏻
Hi Matt. Thank you so much! this video is all I needed. From Argentina😉
Hi Carla! You are very welcome! I’m glad I could help you out with the video! Have a great day 👍🏻😀
Hi Matt,
That was an AMAZING video - I love it when you create Divi Toturials.
I wanted to ask,
Can you PLEASE create a Divi Toturial about how to setup a Serious looking Blog with Categories and How to build the pages for each Category?
How to add Ads in the main Blog and posts and even on the Side bar?
It seems like there aren't any Divi toturials that show that on RUclips, at least not ones like yours.
Thank you and I love your channel.
Hi James! That’s a real nice comment, thanks for your kind words, really appreciate it 👍🏻😀 That’s a great idea, I will add it to my list. Have a great day!
Please keep making videos of full tutorials! Please make a full blog tutorial like the Harvard Public Health blog! I would keep watching!
Hi There! Sure thing blue hero! A new tutorial about making a blog will come up in the near future. 👍🏻😀
Best instructor out there. Elegant Themes should give you profit rates
Thank you very much! I really appreciate it. They already do commissions on sales, so I am very happy with them 👍🏻😀 It’s just a great product and it’s only getting better with the new versions coming out!
Thanks again...from Canada!
You are very welcome again…. From the Netherlands 😀 How’s life there!
@@WPressDoctor So far so good...dealing with wildfire smog across the whole country. Talk soon!
Oh wauw! Yeah that’s something we don’t have! Stay safe!
I am watching from Bangladesh. it's really great video for learning DIVI. Best Of Luck Brother. I am Also Laravel Developer.
Hi there! Thanks for your kind words, it makes me happy that you enjoy it 👍🏻😀 you also the best of luck! What is Laravel? Sounds interesting…
thanks to replying...Laravel is open-source PHP web framework. this is following the model-view-controller architectural pattern. MVC@@WPressDoctor
I was really enjoying to rebuild your website you did a really fantastic performance. But I also want ask you how you dit The Logo & Video.... I hope you continue to build beautiful websites tutorials on RUclips. 🥰
Thanks Heiko, really appreciate your comment! The logo can be created in Photoshop or some online tool, doesn’t have to be so complicated. The video are stock videos put toghether with some part of the logo on it. Also not that complicated 👍🏻😀
Hi Matt! Love your videos! ... Maybe a silly question... Can you help me understand, (maybe you even have a video explaining) why to use WordPress vs just regular web hosting. I bought Divi, now looking for the easiest, quickest, most economical way to host it. Happy to use your code... just curious about why using WP, their interface confuses me. lol Thank you!
Hi Troy! No it’s a good question and a fair one also! In terms of hosting, take a look here; I think its the cheapest and best hosting provider in 2023: wp.discount/hostinger-discount/
hope to see advanced project with divi like custom post types -ACF and woocommerce - booking system things drive us out elementor and jet engine
That’s a good one! I will add it to my list 👍🏻 thanks for the tip!
This is a very good tutorial, but I would have liked to see the mobile version worked on. Anyway, really good tutorial and I learned a couple of really valuable things here. Great job.
Hi James! That’s a very good idea! I do cover it somewhere if I recall correctly ☺️
@@WPressDoctor Well let me know, I would like to see the video. It is obvious you know your way around DIVI and how to design sites.
I do have a question though. In some cases you seem to use fairly small font sizes. For example the paragraph size I think was 15. Don't you think it would be better to have a larger font size, which makes it easier to read?
Anyway, I subscribed. You make excellent videos and tutorials.
Thanks for the sub, I really appreciate it! Ok it’s a good idea! I’ll add it to my list to make it fully responsive on mobile and tablets ☺️
I have just read your Bio. If you value people, and give value to people, people will value you, and give back value to you.
Thank you Diamantino for these wise words! Really appreciate it and yes I totally agree with them! Keep up the good work, i will let those words sink in deep. Talk to you later!
I'm experience in building websites but new to wp cms so I assume at this point elemontor is far better because we can customize it on starter templates
Hi there! Thanks for your question. Well Divi also has a LOT of starter templates. This video however teaches you how to create your OWN website, and after it, you can actually build your own completely personalized website 😀
Hi Matt,
Hi Jay! How are you doing?
Hi Matt, I am now building my own first website thanks to your tutorial! I have noticed that you put an email address in your footer and on the contact page, this seems sensitive for being picked up by scam bots. Do you know how to protect this in Divi or do I need a plugin for this? If so, which one do you recommend?
Hi Maurice! That’s really great to hear 👍🏻😀 You can do it! Well you could keep
Your e-mail adres away there, but most hosting providers have good anti-spam systems in place. Never had any issues using these email addresses over there 👍🏻😀 But feel free to remove them of course.
Hoi Matt, very nice tutorial and it made me confident that I can build my own website and have started already! I am wondering how it is possible that the contact button of the header disappears when opening the website on a mobile phone and it reappears when you put the mobile phone in landscape mode. I cannot make it following your tutorial and the button stays under the menu, claiming to much screen space. Do you know how to fix this?
Hi Maurice! Good question! I show exactly this in this video: ruclips.net/video/2ATYG9EPkFw/видео.html go to the timestamp about “Responisveness” 👍🏻😀
Hello
I have a question.
I recently removed divi builder from my website. It was conflicting with my af theme.
I am still showing divi product wrapper in chrome and google page speed. I am trying to fix the images with no alt text. Every time I do this nothing changes in google page speed. It keep the text divi product wrapper no alt text. I have reloaded an entirely new photo but google chrome/google page speed still shows the information on divi.
I do I get rid of this. It is affecting my page speed.
Hi there! Thanks for your question. Never use the Divi Builder plugin - only use the theme itself 👍🏻😀 However it’s hard to keep it clean now. This plugin, It leaves traces and shortcodes everywhere. You could try cleaning the cache of your website or your plugin, also clean the caches of your hosting company. That might help. You could also do it manually, edit a page and switch to HTML mode and strip any ET shortcodes… sorry mate.
hey! I've seen on your website you have the option for light and dark mode. can you do tutorial for it in divi pls
now i see you already did it
Hi Anna! I’m glad you found the video, well done! Was it what you were expecting from it?
Hello Matt
I built my first website with Divi in 2019. Training for a marathon, my dog was with me. Unfortunately, she crossed my path. I had a bad fall and I ended up with brain damage. It took several years to heal so I could not create content, and most importantly I forgot everything I had learned in Divi. Recently I started to create content again. Doing that I realized very quickly that Divi has had many updates I am not familiar with.
My question should I install a new version of Divi or what do you advise?
Hi Heidi! Thanks for your question. That's some story there! I'm glad you recovered! Yeah you should just install the latest version of Divi and take it from there. Should be good!
Hey Matt, I am facing issues with my WordPress website. The changes that I am making in the footer are only visible to me on my computer but on all other devices, there is some overlapping in the sections. Now this issue is visible only while testing on different devices. At the backend, everything looks good. How can I make the changes in this case if I cannot see what's happening at the backend? Please help me.
Hi there! Thanks for your question. That’s indeed a bit annoying. Can you share the URL with me? Then I can have a look this Monday 😀
Please make one tutorial for images type website, post template with include social share and image download button, download count, share count, like and dislike button.
Hi Koshi! Thanks for posting this exact same comment on 3 of my video's. You must be very desperate for this tutorial haha. I'll add it to my video list, but I cannot give you any promises.
divi have a problem with. I upload a image or create a post on the home page but also show on the product page show. if image upload the product page then also show on the home page. and reading also select Home. Plz solve this issue.
Hi there and thank you for your question! I would love to help but I don’t understand your question. Can you rephrase it for me? Thank you in advance!
i upload the photo on home page. same photo show on the other page
@@WPressDoctor
you are an expert in WordPress please do not waste your time on basic tutorials I request to you please bring a tutorial on WordPress security-related.
Hi Muzamil! I really appreciate your comment and thoughts about this video 👍🏻😀 it’s really a big compliment. I also want to help the people who are just starting out, so yeah it’s a bit of both worlds!
I have created 5 tutorials already about iThrmes, WordFence and how to clean hacked websites 😀👍🏻 another one is coming up I think next week, but it’s my wish also that people can start on a good foot with there websites 🤗😀
@Matt - WPress Doctor Thank you so much for your reply.
I have watched all of your videos.
One of my website getting hacked every week then i install 3 plugins and with help of that now my site is safe and secure.
Could you make a video how to change wp-admin slug with help of free plugin or with custom code?
Well you can change this following my iThemes security tutorial. I literally talk about that subject 🤗
He is the only one help me to build my website. This video is absolutely needed
@Motivation_One88 thanks! Stay tuned, another in-depth Divi tutorial is coming soon 😀
can i do this with free DIVI?
Hi there! Thanks for your question. Divi is not a free theme or plugin I’m afraid. But if you buy it once, you don’t have to pay for it anymore 👍🏻😀
Really ? You have to use custom CSS to vertically center the button in a column ? In the header ? Is Divi that late in 2023 ? Nice video by the way
Haha yes. It’s that’s bad 😂. BUT Divi 5 is around the corner so can’t wait for that… bit late indeed 👍🏻
@@WPressDoctor it seems so basic ! I am not even mentioning flexbox ! Thanks for your quick answer ! I love your content
@YvesDOUILLOT thanks! Yeah I know, it’s a basic feature… well you have to know Divi’s history since 2014 but… ok
Ik krijg de mail met de link voor de pdf end.. niet toegestuurd en heb mijn email adres wel degelijk goed ingevuld?
Goedemiddag! Dat is gek, controleer je spam folder?
@@WPressDoctor Zeer gek nergens te vinden , is niet binnen gekomen
heb het nogmaals geprobeerd maar krijg dan de melding dat de ingevoerde waarden reeds gebuikt zijn. Dat klopt ook , heb dit emailadres reeds ingevuld gehad maar niets ontvangen , in geen enkele map (ook spam nagezien , staatv er ook niet in
Ik zal je de link handmatig toesturen via de e-mail. Momentje!