How To Create A Wordpress Website | Divi Theme
Vložit
- čas přidán 21. 07. 2024
- NEW TUTORIAL AVAIALBLE: • How To Create A Wordpr...
Create an amazing website using the Divi theme! In this tutorial 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!
Demo Website: divi2018.com
Demo Files: ferdykorpershoek.com/how-to-ma...
Webhosting: webhosting125.com
First I will show you how to get a domain name and webhosting. After getting that I will show you how to install and configure Wordpress and get the Divi theme. After installing the Divi theme we will create the homepage using the Divi Builder.
The Divi builder is a front end editor that shows the result of your editing immediately. The Divi Builder works with Sections. In those sections you can place rows. Rows can have different amount of columns, and in those columns you can place modules. Modules like images, gallery, text, counter, contact form and more. Using Sections, Rows and Modules you can create your website with ease and save a lot of time im comparison with other themes and builders and editors.
Divi also has the possibility to import premade pages with a few clicks. That is a real timesaver! So just look at what kind of page you want to create, import a page like that and adjust it.
Besides the Divi theme you will get access to 80 other themes and a few amazing plugins! You can use the themes and plugins on unlimited websites and even can pay a one time fee so you can use all the themes and plugins inlimited times for the rest of your life! A great choice for webbuilders!
Overview with Timestamps:
00:00:00 Intro
00:00:17 What we will make
00:07:12 Get A Domain and Webhosting
00:10:37 Install Wordpress
00:11:54 Optimize the urls for Search Engines
00:13:07 Change your username display
00:13:49 Clean up your Wordpress website
00:14:42 Get the Divi Theme
00:16:24 Download and install Divi
00:17:37 Use your API key for automatic updates
00:18:24 Download the images I use in the video
00:19:16 Create Pages
00:21:17 Create A Menu
00:25:00 Change the Homepage settings
Create The Homepage Using Divi
00:25:48 Enable the Visual Builder of Divi
00:26:17 How Does The Visual Builder Work?
00:28:14 Create A Fullwidth Slider
00:37:37 Create a Services Section
00:42:25 Add an animation to a module
00:43:05 Create A Why Choose Us Section
00:45:11 Add Custom CSS to your module
00:47:40 Create A Who We Work For Section
Import Pages and Sections
00:49:52 Import a pre build page
00:51:37 Export a section as a template
Divi Theme Settings and Customizations
00:55:24 The Divi Theme Options / Upload a logo
00:56:12 The Divi Custom Colors
00:56:51 Add Social Media Links
The Them Customizer
00:57:53 The Them Customizer
00:58:59 Add a Site Icon
00:59:22 Change The size of the website and the boxed layout option
01:00:16 Adjust the website gutter width
01:01:26 Change the theme accent color
01:01:42 Typography
01:05:01 Change the menu appearance
01:10:59 Add and configure the top bar
01:12:52 The Footer Settings
The About Page
01:16:00:22 Create the about page
01:16:37:16 Import a premade page
01:18:16:19 Create a video background
01:19:50:17 Adjust the premade page
01:21:44:13 The Bar Counters Module
The Blogpage
01:27:13 Create a blogpost
01:28:00 Headers and Paragraphs explained
01:31:28 Style the text
01:32:11 Add an image
01:33:52 Add more modules to your blogpost
01:36:46 Add categories to your blogpost
01:37:25 Select a featured image
01:38:02 Create a blogpost using the Wordpress editor
01:41:44 Change the publishing date
01:42:52 Change the blogpost view
01:47:01 Add a custom excerpt
01:49:33 Add a comment to a blogpost
The Sidebar
01:50:16 Add sidebar widgets
01:51:16 Add the Facebook Likebox widget
Latest Project/Portfolio Page
01:53:48 Add a portfolio item
01:59:56 Save the portfolio item page as a template
02:03:49 Import the Portfolio page
02:12:21 Add custom CSS to the portfolio page
02:15:33 Finish the homepage
02:20:38 Add the footer (and footer widgets)
02:24:08 Create the services page
02:29:36 Create a contact form
02:32:10 Create the contact page
02:36:41 Create a Google Api key for Google Maps
Definitely the best Divi TUT I have come across, I have bought the life time package and it was just sitting there for 4 months unused... Your video gave me the push I needed, I can't thank you enough!
Wow! Awesome to hear that! Thank you bro!
Hi, I have 5 years of experience in developing websites using Wordpress. Let me know if I can help you in any website development related work.
i feel the same. Thank u Ferdy Korpershoek. God bless u
@@ferdykorpershoek ...
You are amazing Ferdy, your teaching style is really fantastic and especially the topics which are outlined in the description with
the timeline, with this I can reach directly to that topic whenever required. I am a great fan of you and your work. I have started developing the websites professionally and getting all the ideas from your work. keep it up the good word for the humanity.
I built my entire website recently (which I launched on 10 September) using your tutorial! I used it step by step and currently re watching to make changes to the blog page and the projects pages. People like you are a life saver!! Thank you, thank you, thank you!! Brilliant and 5 out 5 stars!! :)
Congrats on the launch!!
Thank you so much Ferdy, I am only 23 minutes in on your tutorial and am understanding so much better than others. What I love about your tutorial is that I have been searching everywhere to help me build a site that offers multiples services. I cant wait to see what I build with your help.
Thank you Jazmin! Great to hear!
Great tutorial Ferdy! I bought Divi during a sale and I've been dragging my feet in starting. Your tutorial showed me how easy it is!
Every day I am Waiting for your new tutorial, really every tutorial awesome. also waiting for a tutorial on real estate. Thanks, again Ferdy Korpershoek
Imran Ahmed me too😀
Almost 19,000 views and only under 2% of the viewers giving it a thumbs up? I can not relate to that. This video is excellent Ferdy! Even if the viewer will not build a site alike your demo, one get so many ideas due to your presentation of features and possibilities. It is really extremly helpful to watch your moves. Unfortunately I have bought all my stuff already (domain, hosting and Divi license) so I can not affiliate you this way for your effort. :-(
యజ బబు ు బబు బబు తల జ యకయ చేయఛిన్నాభిన్నము
లుగాబడు జనక💽೧
౦
Thanks Fredy Korpershoek.
I use this video tutorial to build my own website.
I know nothing about wordpress and DIVI but with your explanation in this tutorial video, I become clear...
Now I'm still building my own website with your video tutorial next besides my laptop.
Thanks a lot mr.Korpershoek..!
Salam dari Jakarta, Indonesia.
I am watching right now and hopefully will buy Divi and start creating my website. Thank you so much, Ferdy, for all the help.
Thank you, Ferdy. I'm new to Wordpress and Divy. I learned so much. Your teaching style is clear and easy to follow. Much, much appreciated!
thanks for this video, I've learned a lot! What I missed however is making sure the site looks good on mobile and tablet, I hope you will cover that in another video
Namaz thad k tariqa
Thanks so much bro, this tutorial is definitely among the best i have ever watched. I just found something i have been looking for long to do. Thumbs up for you my man.
Thank you very much, I've learned lot's of "missing pieces" of how to use Divi and WP. This is an awesome step by step video!
Man, you killed it! The best video I ever seen of an theme. Very good!
You are cool, man! Thanks for posting such a useful video in a wonderful tone!
I must confess Ferdy! Have learnt a lot from you and your several amazing videos. Just want to say thank you and keep up the good works. Thumbs Up.
It's the best tutorial I've ever seen in my life, thanks for being very professional, greetings from Barcelona
Thank you very much for this tutorial. This is awesome even for us Developers. Your presentation was awesome & thorough. Iturned my notification ON. You my new teacher now. Thank you!
Ferdy, I don't know you but I love you already. Thank you for your tutorial!
Thank you Maria
This is gifted hands, thank you for your tutorial...I have never seen good explanation as yours
Hi, and thank you for posting this. I have a Divi website that I have been working on, but I would like to start over, keep my old one, and work on this new one, how would I do that?
Reinstall into the new domain and put in the api again
Best Tutorial of WP theme Customization have ever seen. Thanks a lot
This was incredibly useful! Thank you very much for taking the time to do a thorough tutorial! :-)
Awesome work Ferdy, I have avoided WordPress for a long time simply because I don't have the time to sit and build web site in it manually. DIVI theme makes life much easier but your tutorials save me Soooo much more time, Thanks Man! :-)
Hi, thank you for this amazing comment! I am glad you like Wordpress, Divi and this tutorial!
Nice tutorial man, you teach us to step by step on how to master divi theme. I hope more videos to come.
Thanks buddy.. It was really fantastic tutorial, you have covered everything in details the same way I was looking for!
Dear Ferdy, thanks for this great tutorial. I am working with divi 3.0 and I am wondering why the predefined layouts in your video don't show up in my library. Do I need to import them from some source? Thanks
Thank you for your video - it was very helpful. I have a question about the images used for the website portfolio section - the ones that display your clients' sites on different devices. How are those made? thanks.
Your website designing tutorials are just amazing. I want to know if there is any way to add google map in Divi theme without using an API Key? As google is not offering an API Key free of cost now.
Excellent tutorial
Hi Ferdi thank you so much for the great tutorial very detailed. I already have domain name via Wordpress and i like to add divi theme with it. so far this is the best tutorial how to make from beginning to end the website i wish i would found you before i got the WordPress plan , thank you
Great tutorial! Could you please disclose where we can buy the New York picture that you use for your homepage? Thanks
Hi Ferdy, would I use this theme to install panorama pictures instead normal pictures on the slide? Thanks!
The best training I've seen on Divi todate, cheers
You're the best man! Really great tutorial!
great video, thank you! so great to have such pro people to guide! Following your steps, but cant manage to make those background photos to be as big as yours. it is on Cover mode like yours too but only half of photo shows up. width is fullscreen but when I try to adjust size pulling down only module gets bigger but not the photo.. hmm any ideas?
i don't know but the image slider not working for me no file selecting option or background color feature isn't showing up may be the glitch in this version
update my divi and error got fix
Like your style, Ferdy. Thanks for the tutorial.
*Great tutorial for beginners.*
Thank you for this it's great cos you show the common path to do things while providing extra stuff to go further all in a relatively short video I will check the 2019 tutorial to find out new stuff hopefully
Amazing tutorial Ferdy. I got one question, how do you create the "website portofolio" images, the way we can see them in your tutorial. The way they show up on a screen, pad and cellphone. is there a addin or tutorial for that? Apresiate the help.
Hay Ferdy I am loving your tutorials, I am stuck at 2:21:04 adding a Widget for Facebook Lightbox, following "How To Create A Wordpress Website 2018 | Divi Theme" I do not have it in my list of addon widgets in my latest version of DIVI, where do I get it? will it come if I add Bloom or another WS Facebook Like Box Widget?
Thanks for a reply
Dean
I have the Elegant Theme bundle along with a hosting account is there any other add ons that will cost me? For example a premium child theme, etc.? Also, do you go over how to create a parent and child theme for this website design? Thanks...
Curious as to which version of Divi you are using as the Visual Builder edit boxes look different than the ones I have
Thank you so much for this video Ferdy Korpershoek, its been life savinging!
Is there any chance you can list the topics in the description like you do in your other videos?
It would be so helpful to be able to go back to a specific chapter. I know i will need to do so.
Keep up the good work!
Hi, I just discover your YT channel and I thank you so much for your tutorials. I'm a brand new subscriber. Merci encore pour tout. C'est très apprécié.
Bonjour! Merci! 😊
Hi Ferdy, I'm about to finish building my website and I wanted to take the time to thank you soooo much for your help. You make me save money and you make me realize my web developing skills... You are such a great guy! Merci énormément pour cet altruisme et pour nous faire profiter de vos compétences.
Awesome Content, awesome training. I use divi, and everything is in parts, but this video really explains a lot that I have been missing...A big thumbs Up!!!
Ferdy I am truly grateful for this tutorial, I have worked throughout and I finished it but my CTA button do not link anywhere. Any idea how to solve the problem I have looked around the web for posible answers or help without any success. Please if you know how to sort it please let me know. I even when back to the contact form and try to correct but apparently everything was entered as guided.
Many thanks and have a great day!
Ferdy is it possible to create a world map with markers on it for a location based search engine using Divi theme?
Thanks for all the great help for everyone.
just thanking you for making a well explained tutorial
OMG Thank you soooo much, you are an excellent Tutor for this very green student. I'm so appreciative.
the css is
border: 1px solid #ffffff;
padding: 25px;
border-radius: 4px;
Hey! Ferdy i just wanna ask i wanted to make a website related to gadgets review and updates do you have some advice for me???
I need some help !!!
This tutorial helps me a lot but still lots of works to do any thing else which i can do ........
I have a question, once I have developed the page to a client, what I do when the client wants to manage the page after it’s done... Do I have to teach him how to use Divi and Wordpress or what do you recommend doing in those cases Thanks
Amazing! Thank you for going fast after you covered most elements. It's easy to stop, pause or rewind - it's impossible to speed something up in CZcams - if that makes sense LOL
This is one of the best tutorial I've ever seen, Thanks brother.
Thank you Muhbub!
Great tutorial, Ferdi!!
Question: I couldn't upload a background video because of the max of 32Mb. In your tutorial you have a max of 128Mb. How do I change it?
Every day I am Waiting for your new tutorial, really every tutorial awesome. & thankyou
Great to hear that Jeli! Moer tutorials are on its way!
thanks ferdy, iam newbie and i learn a lot from your video..
but just one thing i can't do is, i can't automatically import page web from example page like u do in this video..
Hi Mon, great to hear that! What do you see when you try to import a web page?
Hello Ferdy, Thanks in advance for your amazing tutorial. I really appreciate your effort to help our community. I am starting with Divi theme and I have a problem with the visual builder. it is taking too much time to load. in the end, it does not load, could you please give me an idea of what is the probable reason for this issue?
You are my mentor . Divi should put your video on their site. it will help them to sell more. what they have there on their site cannot really help beginners:"I have started designing now with divi: so easy. Thank u Ferdy, God bless
Thank you so much for this video! It is really helpful and I learned so much
Incredibly helpful. Thanks to you I can now started my blog. Thank you so much.
Love your videos man. 💓
Ferdy, thx a lot. Great Tutorial !
Ferdy, A GOLDMINE OF INFORMATION. Excellence personified!
Thank you George!
Can i offer an idea or two which i believe you might find of tremendous value. It must be private, not public.
Awesome stuff, thank you.
Ferdy you made my day!! Thank you very very much for your tutorial, you are an awesome teacher!!
Great to hear that Tatiana! You are welcome! And thank you for the compliment! :)
Awesome Divi Turorial
Thanks for this clear, focused on the essential, video! Very good!
Hey Ferdy, thanks for your tutorial! I'm confused about the API key, if we build a website for a client, do we use our API key in their website and our login name, considering it's confidential. But without it they won't be able to upgrade. How does this work? Thanks!
Hey, Ioannnify go ahead and use it for client, Divi is for the business, so you can use it. And API is entered by you so no worries.
Thank you for awesome tutorial, I just couldn't adjusted my website for different devices. Did I miss something? please help
Ferdy, You are amazing. Fast. Concise and Deep knowledge! You have saved me, just when I was thinking I had bought a bad product. Thank you, Thak you, Thank you!! I have Liked, and subscribed.
Wow Bert! What an amazing comment! Thank you! A new and better tutorial about Divi is coming up! :) You have bought a great product!
Thank you. Do you have any tutorials on encyclopedia light and or Pro? It seems like exactly what I need very badly, but It is very expensive and without knowing something of what it works... Thank for any help in this matter!
Fedy, I am sad that you have not replied. Even a negative answer is still information. Thanks.
It is a very good tutorial. I have learned a lot watching it. Thanks a lot for this tutorial I am creating a web site anh have problems with the Videos. Is there any procedure that i can use for getting my video to be seen in mobiles devices, tablet and phones.? I tried to put the video as a background, but in the tablet and celular it is not display. I only see it on laptop. I would appreciate very much your help. I put a ticket in the help desk, and the answer did not resolve the problem. Thanks.
Hey Ferdy - thank you for your great work! Before i start with my divi-builded website-project i'd like to know what is the best way to protect my page from overwriting effects through WP-updates. Do you have a tutorial for that? (handling the child-theme?). thank you for your advice - Robert
Hi Robert, I will make a tutorial about child themes.
the best tutorial. absolutely. keep up the good work!
Working on our spin of the tutorial, but DEF Divi is the best we have seen! Use it for ALL of our clients sites
Such an amazing website. You've saved me a lot of money.
Thank you Humberto! Great to hear that! Goodluck with your website!
Ferdy Korpershoek Thank you! I will show it to you once it is done. Once I start getting incomes from there I will donate you.
Hi, I have 5 years of experience in developing websites using Wordpress. Let me know if I can help you in any website development related work.
Thank you for the great video. What I have missed is the responsive topic. Where can I find something for this? Greetings Klaus
Just awesome. I loved the tutorial. May you create some tutorial about Avada theme and Fusion builder? I like your teaching technique.
what would be the best way to get an existing website to the new theme. I know you just choose divi but I mean is there a way to configure it all behind the scenes and then update my live site? I am using deep focus by elegant themes now. also when you put in the custom css does that not get erased the next time the theme updates?
I think it all depends upon how complex your current website is
Can you do one for the SATCHIMO Podcast theme by SecondLine?
Great work Ferdy ....
Thank you very much for this tutorial Ferdy. Very very helpfull. Thumbs up :) You are amazing.
Thank you Rado! Great to hear that!
Trying to decide to go with Elementor pro with Astra or go with Divi?
Thank you for your excellent tutorial... Loved it!
Could you make EXTRA Theme (Divi) tutorial soon using front face editing method?
Thank you!
Excellent tutorial, very efficient and covers a lot!!
thank you that you have amazingly worked about it. one thing that I face is that I couldnt use the collapsed tube menu
I am so very thankful to you and this VERY helpful video!
Awesome, many thanks dude!
thanks so much for this :) best video I've seen!
Thank you so much!
Hi Ferdy, how to add two buttons in slider ? please advice me. thank you
I have a wordpress website with a different template. I would like to purchase divi, but do I have to install it again in siteground? Or, do you have a video on how to do this is you have a wordpress site, but want to use another template. The template I currently have, it's something wrong with it. I won't even upload my logo. It's a weird builder as well. I had someone build the website a few years ago.
Hi Ferdy, AMAZING tutorials. Can you give some tips on how to create a "Freight Forwarding services" website using Divi 😀
Great video, Ferdy! Thank you.
Thank you AMG! And you are welcome :)
A new Divi video will be online within a week!
Thanks for sharing this. It was exactly what I was looking for
Hello Ferdy can you elaborate heading such as H1 H2 H3 H4 in divi? I have tried divi, but something feels odd, every module has its own h1,h2,h3 settings, and it is not centralized. Is it common in divi? From my understanding, H1 is always use once every page for the top header. In reality, every module has its own h1, h2, h3. So, there will be a lot of h1 settings if every module use h1
How do I copy themes of other website and use them as my own?
I just want the front end of the website.
Is there a way to do it?
Hi Ferdy, could I edit and add another custom link the menu bar using Divi theme if I only have and editor access in wordpress
Thanks Ferdy Korpershoek
. Very good tutorial. Do we get CMS control to share with client if we work on Divi? Also, can we link Divi single account for multiple domain/hosting?
Hi Bhairav, thank you. Yes we can share CMS control with the client. And yes, you can use Divi for multiple domains.
Hi, thanks for the great info. This is my first time with Divi (a longtime iThemes user). I tried your directions for downloading the layouts to "Company Home," via your instructions and the link. (Specifically, the layout for testimonials--which is great.) Since it was a Divi2 layout, is it no longer available? Thanks.
Hi, I found what I needed. Thank you!