How To Create A Wordpress Website | Divi Theme
Vložit
- čas přidán 5. 09. 2024
- In this tutorial I show you how to make an amazing website using the Divi theme! I will show you step by step how to create a website using the Divi Theme. An amazing theme that contains a front end editor that makes creating websites easier and faster than ever before! Divi came with a recent update that enables you to make websites even faster! I wil cover that in this tutorial!
Example website: divi5.com
Demo Files: ferdykorpersho...
Webhosting: webhosting126.com
Like me on Facebook: / ferdykorpershoek
The Divi builder is a front end editor that shows the result of your editing immediately. The Divi theme comes with 80+ other themes and a few amazing plugins!
Making websites was never so easy as it is this day! If you have a question, please leave a comment!
Overview with Timestamps:
Intro
00:00:15 Overview of the tutorial
00:07:08 For who’s is this tutorial?
00:08:13 Get a domain and webhosting
00:12:53 Install Wordpress
00:15:49 Clean Up Wordpress
00:16:40 Configure the Permalinks
00:17:24 Remove blogposts
00:17:47 Change User Settings
00:19:23 Create Pages
00:20:53 Create and Assign the menu
00:24:00 Change the homepage to.a static page
00:24:41 Introduction on Themes
00:25:39 Get the Divi Theme
00:25:56 What do you get with the Divi theme?
00:28:25Install the Divi theme
00:29:44 Configure the API Key
00:30:34 Use images I use in the tutorial
00:31:02 Upload a logo and Configure the Theme Options
00:32:25 Social Icons
00:32:25 Other Options
00:33:27 Google Analytics
00:34:27 Change the logo size
The Visual Builder
00:35:10 Explenation of the layout
00:37:05 Creating a blurb
00:39:09 Duplicate Modules
00:39:51 The Editor View
00:40:46 Overview of the options in the Visual Builder
00:42:27 Display options of the Visual Builder
00:42:48 Zoom Out To Drag and Drop
00:43:14 Change to tablet or smartphone view
Create The Homepage
00:43:47 HeaderSlider
00:45:54 How to work with backgrounds
00:49:51 Create a Video Slide
00:54:52 Import Custom CSS to style your website extra
00:57:06 Import Section Options
00:58:18 The Blurb Module
01:03:46 The Video Module Explained
01:04:48 The Text Module Explained
01:07:17 The Gallery Module Explained
01:10:01 The Button Module Explained
01:13:04 Save a Module/Section to your library
01:14:11 Change the look and feel of sections and modules
01:18:11 Use Custom CSS to style your modules
01:23:40 Create a simple clients section
01:25:16 Zoom out to drag and drop areas in your website
01:26:35 Configure the responsive visibility of areas in your website
01:26:55 Work with animations
01:29:04 Load From Library | Pre Made Layouts
01:35:14:16 Divi Theme Settings
01:35:53 Boxed Layout
01:36:20 Website Width
01:36:30 Gutter Width, Section Height and Row Height
01:38:26 Typography
01:40:15 Configure the background of the website
01:41:19 Configure the Menu
01:42:01 The Primary Menu
01:44:27 The Fixed Menu
01:46:25 The Secundary Header
01:48:14 Button Styles
01:48:49 Responsive Settings
01:50:24 Additional CSS
01:50:31 Create beautiful dividers
01:53:12 Verify Your Domain
01:53:50 Add SSL to your website
About Page
01:55:24 Import Pre Made Layouts
01:56:50 Import a Video Background
02:03:24 Create A Custom Footer
02:08:12 Adjust the Socket in the Footer
02:09:08 Add links to your Socket
02:10:54 Change the look and feel of an area in a few clicks
The Services Page
02:13:10 Import a Pre Made Template
02:14:08 Change images using the Divi Filter
02:15:43 Use Fluid Styles to save a lot of time
The Portfolio Page
02:18:36 Create a Portfolio Item
02:20:15 Create a Gallery
02:20:42 Optimise Images | SEO
02:23:16 Create a related projects section
02:26:25 Save your project as a template
02:26:49 Create a second portfolio item
02:29:03 Create a third portfolio item
02:31:18 Configure the portfolio page
The Blog Page
02:36:34 Configure the blog page
02:37:00 Create a fblogpost
02:38:40 The excerpt text
02:39:10 The Text Editor | headers | paragraphs
02:43:22 Style your blogpost
02:46:45 Add a link
02:48:15 Add Images
02:52:17 Use custom CSS to get rid of the sidebar border
02:54:02 Use the live editor to make a blogpost
02:56:32 The Countdown module
02:58:27 Change the postdate or schedule blogposts
03:00:05 Configure the blog page
The Sidebar
03:07:44 Sidebar Widgets
03:08:49 The Facebook Likebox Widget
03:10:33 Blogpost Comments
The Contact Page
03:12:44 Add a free image and optimise it in Wordpress
03:15:26. The Call To Action Module
03:16:36 Add 3 blurbs
03:19:30 The Google Maps Module
03:19:43 Get the Google API Key
03:21:11 Configure the Google Maps Module
03:23:19 The Contact Form Module
The Homepage
03:25:19 Add Most Recent Posts on the homepage
03:26:34 Add Most Recent Projects on the homepage
Responsiveness
03:28:05 Make your website even more responsive
03:37:05 What is next?
03:37:22 Thank you so much
This tutorial is AMAZING! I literally created my site while watching this without any previous knowledge of WordPress. I could NOT have done it without this tutorial! THANK YOU!
Wow! That is a huge compliment! Thank you so much! Goodluck with your website!
I dont forget to like when people spend so much time to help others... Thanks mate!😀
he makes money through helping others. here times is "investment"
كط🚫🛇🏴🚫🏴🛂🚰🚰🚩🏴🏴🏳🏁🏁🏁🛇🛇🏁🏁🏳🏳🚰🛇🏳🚰🚰🏳🚰🏴🏴🛂🚩🚩🚰🚩🚰🚰🚰🚫🚰🚰🚰🛅🚹🚰🚹🚰🚰☴☴☴♫☞☴☴☴☴☴☴☴☴☴☴☴☴☴☴♫تقرير
ي
ث
يؤنثليؤايثي
3حثثثثثثثءننءنثثيوثء
This is indeed the best tutorial ever I seen. It is so into details, step by step and guidance from the start.
I respect your hard work making this video!
If you want to have 20% discount for divi theme , here you go :upucuza.com/elegantthemes-20-off-for-87-beautiful-themes/
Fantastic teaching. I don’t know Divi is having this much power. I am working with RapidWeaver from last 3 years. Really you are the best teacher.
Ferdy...I'm a Wordpress newbie coming from Wix. This video alone is a Godsend in helping me understand Wordpress along with the Divi theme and builder because prior to this, I was pulling my hair out a bit. Thank you, thank you, THANK YOU!! Now onto my site design!
45 minutes in and I'm only pausing for sleep. From start to finish, there is so much knowledge here and this is extremely helpful. Thank you for this. Most tutorials waste time but you get straight to the point! Love it.
I'm pasting Robin Brennan's comment because I couldn't say it better myself. I'm half way through the 2018 version of this tutorial and just discovered the 2019 version! Love the timestamps. Ferdy, you are a Master Teacher. Can hardly wait to dig into the newest tutorial.
"You have saved me! I created a page in Divi without understanding the modules. With this information I understand what I need to do to get it the way I envision my blog. I so appreciate you sharing your knowledge. You rock!"
from village with no information no wifi, now i can built my landingpage, its make me very happy, thank u so much for your effort to make this content, godbless
Before I watched your video, I would look at Divi, know it had the power to help me create my website, but I was just sssssoooo overwhelmed and didn't know where to go, what to do first. I had no clue what option did what and the advice of a friend to "just play with it" was utterly inefficient. I'm not even completely done with your tutorial yet, but I can now say I understand! Finally! Thank you so much for all your hard work, Ferdy. You have helped me beyond my wildest dream, and turned me into someone who is confident enough to build her own website, and maybe even create a quick page or two for someone else's! Thank you, thank you, thank you! I can't say it enough!
This is brilliant!! I never thought I'd watch a video tutorial that lasts this long on CZcams or anywhere else for that matter. It's literally given me so much value! I work with Wordpress and more recently the Divi theme and I wish I'd watched this 6 months ago as it's been so incredibly helpful! I might even start my own website. I highly recommend this whether you are setting up your own website or just work using wordpress/divi - just fab! Thank you so much!
I want to tell you thank you for taking the time to do such a detailed video. I am building my first website and was so lost and extremely frustrated I was almost in tears. After much research, I found your video on youtube. I've spent the last week following your video step by step. I am so overwhelmed with joy because this video was so thorough, detailed and easy to follow. I learned so much I cannot believe it!!! I am so happy and thankful for content creators like yourself. God Bless You and please continue to make great videos. I will be following all of your content (youtube, facebook, udemy, website, etc......) Thank you!!!!!!
ferdy, you are an excellent teacher. The easy way you explain things, just amazing... SINCERE THANKS
A Really good Man who told everything about WordPress Web Site. I Saw very first time to the man on this You tube and i inspire to see this guy. Thanks Ferdy Korpershoek send me your more videos to make knowledge for us..
This guy's video helped me in 2018 when i was working with a client. His video on newspaper 8 was a game changer.
#1 hands down best divi theme tutorial! Thank you Ferdy!👌👌👌
Timestamps - is the biggest tip you could give with this LONG video tutorial. I landed on this page referred by one blogger, saying this video is 1 hour long, which is not true, and I got pissed off when I saw it's nearly 4 hours in length, but then I saw these timestamps and that made my day. I will subscribe, like and share your videos now and in the future, as far as you will keep the format that way. Highly appreciated man !!!
BEST TUTORIAL EVER. This video is longer than a movie. I really appreciate the maker of this video! Thank you so much
-From Indonesia
This video has been beyond helpful - I was having a nightmare getting to grips with Divi, thank you so much Ferdy!
i dont mean to be so offtopic but does someone know a method to log back into an Instagram account?
I was dumb forgot the account password. I would appreciate any tips you can offer me
The good news is that, without this tutorial I would probably have wasted my money on Divi so thank you for doing this. The bad news is, Divi has changed a lot since you posted this video. It's 12/27/2018 today and as I'm walking through the tutorial with my web site side by side, there are a great deal of differences in features between the divi you used and the one I now have and it's adding confusion and a bit of frustration. I will get over it but it's an unexpected challenge.
Thank you so much for taking the time to do this. I wasn't getting anywhere with the tutorials on the Elegant Themes site.
Hi, than I need to update the tutorisl asap! Thanks for letting me know!
This is literally a whole course, very thorough. Thank you, it helped me a lot!
Great to hear that Stella!
I started with this tutorial and now I'm quite good with Divi and even have clients to build their websites with Divi. Thank you for this awesome tutorial man :)
This video is tremendous. I was in despair over giving my website the major overhaul that it needed but this video really does show, step-by-step, how to use Divi from the ground up. Thank you so much!!!
Thank you! I am really happy to hear that 😊
This was the best tutorial I've seen to date! Thank you for doing such a great job being precise and reviewing so many features so thoroughly.
you are awesome, the explanation is just a spoon feeding and anyone can learn or design a website using your tutorials. you are the ultimate authority in web design
This man is a legend
You are the ABSOLUTE BEST at these tutorials. Rock on Ferdy! ✌🏼
This is a great tutorial and introduction to the Divi theme Ferdy. I will be purchasing it later on this week through your link. Thank you.
Welcome back to the wonderful world of Divi.
I discovered the amazing Divi through your previous exceptional tutorials and
I must be honest...I never came across of a better way of learning.
Thank you! - Augusto
Thank you for your kind words!
This was the best tutorial I've seen to date! Thank you for doing such a great job being precise and reviewing so many features so thoroughly.
😎😎😎
Thank you for your kind words Eden!
Thanks Ferdy for this Fantastic Tutorial
Most detailed tutorial I have ever seen on Divi. Excellent!
Thank you Eric!
Fantastic video. I was hesitant to buy Divi but now, I think all the features and possibilities you've shown me have convinced me. Thank you!
You are the answer to all my questions and the solution to all my problems with Tutorial. God placed ahead of me to solve this one. You are a legend. Thanks
Coming from the family geek and novice website builder, this was an excellent tutorial. Thank you so much for Sharing!
Ferdy, You Rock ! This is the best Divi Tutorial out there. It's fast but you cover all the bases and I learned more with this one video than all the others put together. Thanks Ferdy
Ferdy. Thank you so much for this amazing video which covers such a wide range of things in a lot of detail but which is very simple and straight forward to understand. And that has your 'menu showing the time what section of your course you can find specific information for. Thank you for your time and effort bringing us this. I hope Divi is paying your effort here. ;)
This is my first time using Divi and your instructions are absolutely awesome! Thank you for sharing your knowledge with the world! My website is 10 times better already...
You are a legend bro !! Keep sharing your experience .. Purchased Divi builder from your affiliate link 😇
.
I recommend you hundreds of times. Thanks.
My friend, thanks a lot. This is the best tutorial for DIVI!
superb video..excellently explained all things..Was able to fix my errors with this tutorial.. hats off
Thank you for this amazingly helpful content Ferdy! I'm about to start from ground zero with Divi after building my blog with a horrible free WP theme ! Once I got to around 100 posts the page load time sucks and to be honest pretty much everything about the theme and appearance of my site looks horrible to me !
You have set ,my mind at ease and now I think that I can possibly make my website much more presentable and functional with Divi! I will be consuming much more of your content I'm sure!
Thanks again!
Mike
Ferdy, this is a excellent job. I like most your fluent speaking style. You show the divi theme install, design step by step. Thats was a really nice job.
Thanks.
Thank you Ferdy! You have provided us with so much helpful information I am building a new website with your great tips and teachings! Excellent video, I can highly recommend it to anyone anytime. Thanks for sharing!
Wow I was in the dark and now I can make a website! Thank you! Your Divi video is the best!
Great to hear that!
Ferdy, you are awesome man. Thanks for the tutorial.
Superb Ferdy - thank you! Just a note, the css snipped used at '00:54:52 - Import Custom CSS to style your website extra' caused problems when previewing my site via the visual builder for smartphone and tablet devices. It seemed to stretch the site to infinity. It took me a while to figure out why my site wasn't previewing correctly and deleted your piece of code and voila - everything fine again! Apart from that, excellent!
Ferdy je bent echt een held, super bedankt voor deze tutorial!! (heb Divi gedownload via je website)
I liked your tutorials on WPML. And now I'm really anticipating to have finished watching this video (hopefully having learned a lot from you). Thanks!
Ferdy, excellent and thorough work. You have saved me soooooo much time! Thank you, thank you, thank you. :-)
Mr. Ferdy, you're a good man with a good heart, and it shows. Such an amazing Divi Tutorial, and such attention to details, thank you !!
Merry Christmas 2019 :) Happy New Year 2020 :)
Hey bro! Do you know why he doesn't upload videos anymore?
Been waiting for this tutorial update, great work as usual Ferdy!
Thank you C Monster!
I'm having fits trying to link content with a button. Where do I type the content?? How do I get to it when I click on the button? If anybody can make me understand, I think you can, Ferdy. Your videos are great, I'm so glad I found them.
Please make a video on HTML/PHP to Wordpress conversion process.
Thanks for this tutorial it was suuuuuuper useful! you're the best!
Gonna buy Divi through your site due to this great video, thanks!
Thank you Simon!
Hey Ferdy!!
Great Tutuorial.
This is my first time with wordpress. Someone suggested me Divi. I purchased it and going through your this tutorial......You are amazing Teacher.Your instructions are clear and so helpfull. I am making my website and it looks so awesome only because of you.
I just stucked at one place. As comment section appears after the post in your blog posts , In the my website's blog posts I am unable to have that comment section .
It will be greatfull if you help.
Thanks for the tutorial again.
ferdy your tutorials are very nice..keep it up...
Thank you very much for this amazing tutorial...i am so excited to put the skills I have learned in this video into real life projects.... Best regards
Thank you Ferdy, you literally taught me how to use Divi, thank you.
Indeed you are the best mentor i have ever met. Great work.
You are a very good instructor. I learned many things which I didn't found ago.please make tutorial more....I am waiting..... Thank you..
fantastisch! nooit zo' n uitgebreide uitleg ooit gezien!
A very good tutorial on divi. It helps me to learn divi.
It's very helpful tutorial for me. Thank you Josh.
Amazing tutorial, thank you!
great great job ... I feel like I should have paid for this. watched it all day.
This is a great tutorial ,Thanks mate
Amazing tutorials. Perfectly delivered.
Your videos are awesome, I now have a Divi website!!
Really this guys is so so talented. thanks a lot for your awesome video
The best tutorial. Amazing !
U r a Goooood teacher!!!! Please keep it up. When u r teach us, we r understand easily ur's learning system.
Sorry but its about FAVICON. At 31:34 time... Divi ... maybe with last update, as always, favicon dissapered. I'm lost a several minutes chat with Divi. They put at another position. Nice. I started with this and a half hour first problem. Nothing about you Ferdy. You're great. Thanks!!!
Thanks a lot for the video. It's very very helpful. I don't know how could someone dislike this video.... By the way you got a new subscriber. Keep up the good work.
This is the best tutorial! Thanks for this!! Would be nice if you add another tutorial about DIVI THEME DYNAMIC CONTENT!
Thank you Kevin! I have been checking the source of my subscribers and a lot of them come from Divi related tutorials. That is why I decided to do a Divi series! It starts this month! I will put it on my tutorial list!
I have been working on a website it seems like forever and I started watching your video and I am now truly inspired! What I would like to ask you is can I transfer my domain name to your webhosting recommendation? I would also like to know if I should just delete everything that I currently have on Wordpress and start from scratch.
Dag volgens mijn ben je uit Nederland, weet ik niet zeker. ik schrijf in ned omdat beter is dan mijn eng. ik vin je geweldig. ik heb stap per stap je elementor uitleg gevolgd. nu ga ik Divi met je hulp ook proberen. ik zou echt leuk vinden je mening te weten: wat gebruik je zelf? elementen of divi? how Divi rates on a Google speed test? ... jij bent de BESTE!
Thank you so much, this video has been a lifesaver as I too thought I was in a for a frustrating afternoon but your fantastic tutorial helped me build a basic site in a matter of hours. Big Thanks!
Awesome to hear that Emma!
Thanks so much for this tutorial. I love that it's really easy to follow along. This is my 3rd time watching. I'm taking notes now 😊. I'm excited to get my website looking exactly like I imagine.
Hello Ferdy Korpershoek, Very interesting to listen to your work and really empowering videos. May God bless you with happy and long life. Cheers
I have learned a lot in covering this tutorial..thanks
Watched it all. Thanks. At 1.75 speed though. Thanks for sharing.
Awesome tutorial Ferdy!! Thank you for sharing.
Hi Ferdy, your videos help me a lot. Thank for sharing.
Really well done tutorial. Extremely informative and done at a very efficient pace.
I learn Much In This Video and get more and more tips
thank you Ferdy!
Ik dacht eerst t*ring wat een lange video, maar die timestamps zijn perfect. Thanks!!
Thank you so much for this video. It really helped me to understand WordPress and Divi.
You are a legend bro !! Keep sharing your experience .. Purchased Divi builder from your affiliate link 😇
I will Rakesh! Thank you!
Brilliant video . You explain every detail very well
Brilliant video. Thank you.
Just fyi I rarely like and subscribe! You gave a shit load of value before asking for a like and sub! You got a new sub! 🙏🏼
Thank you! Great to hear that!
This has helped me so much - thank you! Question for anyone - my default wordpress blog editor looks nothing like Ferdy's. I can't figure out why, but I don't have nearly as many options to customize. I can't even change the color of a word... I can change the color of text in a while paragraph but am really limited on what I can do.
OK, I sort of found the answer to my problem. When you go to add a new block, I was adding a new "paragraph". Instead you need to add "classic". This gives you more editing options within the paragraph, though still doesn't look like Ferdy's.
Thanks for doing this Ferdy, I still wish Divi would make it easier to adjust the full width slider height tho, thats a massive problem and as far as i know can't be fixed without CSS code. I copied the code from your page and it still doesnt work and could be really easy to be fixed if Divi wanted to.
It's such a great tutorial I ever have seen. I became your fan bro..
Ferdy, Very well done. I will recommend you to my friends. God bless you, Pastor Ed Brady.
Thank you Pastor Ed
Very nice tutorial, i love it.
Thank you. Nice tutorial. Very detailed.