HomeОбразованиеRelated VideosMore From: wpSculptor

Make a Custom Website with WordPress - Elementor Page Builder!

4260 ratings | 218234 views
http://wpsculptor.com http://wpsculptor.com/hostgator (Hostgator affiliate link) In this tutorial, you’ll learn everything you need to know to create highy customized WordPress websites. You’ll learn how to use the free Generate Press theme and the free Elementor Page Builder plugin. The Elementor Page Builder allows you to control 100% of the content between your website’s header and footer allowing you to create websites that are uniquely your own, not just another generic website template. Please consider playing a part in letting YouTube know that my videos are helpful. You can do this by taking a moment to like the video, subscribe to my channel and comment on the video. You are amazing and I wish you all the very best with your online endeavors! I sincerely appreciate you using my Hostgator affiliate link and coupon codes: http://wpsculptor.com/hostgator wpsculptor1cent - get your first month for just 1 cent wpsculptor30 - get up to 50% off your entire hosting order Thinking about upgrading to Elementor Pro and want to support me? My affiliate link is: http://wpsculptor.com/elementor Watch My Elementor Pro Tutorial: https://www.youtube.com/watch?v=K0QbJimTYrQ Download the Free Elementor PDF Guide on this page: http://wpsculptor.com/create-a-custom-website-with-the-elementor-page-builder/ Create a Coming Soon Page (short tutorial): https://www.youtube.com/watch?v=B7fJK0BoAuI Time Stamp Table of Contents: 0:00:00 Introduction/Overview of Tutorial 0:02:58 Setting up a domain name and hosting account (My affiliate link: http://wpsculptor.com/hostgator) 0:08:13 Installing WordPress onto your hosting account 0:10:51 Basic WordPress settings 0:15:12 Installing the Generate Press theme 0:16:15 Choosing a custom color scheme 0:20:45 Creating a Logo 0:25:02 Adding a logo and basic theme settings 0:27:47 Creating pages 0:30:01 Creating a custom navigation menu 0:34:26 Specifying a front page and an optional blog page 0:35:55 Additional theme appearance options (container width, navigation appearance, color options, fonts, etc..) 0:43:33 Introduction to Elementor Page Builder 1:05:24 Media page setup (downloading free images, resizing images, creating image galleries, adding videos, and adding background images) 1:36:54 Contact Us page setup - creating contact forms and Google maps 1:52:17 About page setup - advanced column background colors, testimonial element, icon box elements 2:11:52 Home page section 1 setup (fit to screen background images, headings, sections within sections, button customization, icon boxes, divider) 2:31:16 Home page section 2 setup (Heading, section within a section, icon boxes) 2:36:41 Home page section 3 setup (video backgrounds, headings, text, buttons) 2:41:58 Home page section 4 setup (image, heading , text, buttons, cropping images to get a widescreen, cinematic look) 2:50:04 Home page section 5 (background colors, headings, duplicating sections) 2:54:13 Adjusting home page section 4 height 2:55:06 Mobile device setup 3:01:02 Blogging features 3:13:31 Blog comment settings 3:16:51 Widgets and widget areas 3:27:01 Footer widget area 3:29:14 Closing words and thank you!
Html code for embedding videos on your blog
Text Comments (1054)
Sign Of Info (11 days ago)
Great website creation video step by step Josh
daimler doublesix (15 days ago)
The very best tutorial so far. Thanks from tokyo
Mr VOWS (16 days ago)
Very nice
RAY PEREIRA (12 days ago)
A few years back, I spent thousands of pounds asking Web Designers to build me a responsive website so I could advertise, and sell my product. I had such a hard time with their results, I ended up abandoning the whole concept and losing out on potential business. Within the last year, I found out I could build my own website, following a YouTube Free Video on "How to Build my Own Website" (which there are plenty of!). Everything was going reasonably well, even though I had to stop/start the video to see what he was doing and to listen carefully on what he was saying., until I needed a couple of questions answered. And then, I was getting no feedback despite emailing the proprietors at least a dozen time. I was left having to work problems out on my own. One of the problems that took me nearly three weeks to figure out Josh, mentioned it within 5 minutes of his video (How to create Menu Drop Downs!).. It is funny looking back and realizing how simple a good instructor can make you feel that you have accomplished something. Reading through other people's comments especially, the gentleman with Alzheimer's and how well he has coped with adding to his portfolio now, A Web Designer can only credit the achievement that Josh has brought to the table. He has excellence in his manner, approach, break down and knowledge of subject. I can only thank him by using his subscription wpsculptor.com/hostgator as way of payment. Josh, I have a few question? 1) Do you have a follow up video Elementor Pro PART 2, for 2018? Elementor Pro PART 1, only talks about 6 or 7 added features. There are at least 15 to 20 now. (need a follow up Video) 2) I have noticed with some less popular (less traffic) Web Designers who are asking to go through their affiliation to access Elementor Pro have provided a financial discount on all three options (Personal, Business and Unlimited). Q. Will you be offering any discounts soon? 3) I would of preferred to ask these questions directly however, you have no forwarding email or contact address. I do understand the reason why? But it would of been nice. Please, don't see these questions as negatives. I respect, what you have achieved and all I would like, is for it to continue... Wishing you all the best!
Sarwar Hossain (20 days ago)
papaduck1000 (20 days ago)
For a tutorial, this is as good as it gets - excellent- thanks!
Sri Kamal Je (21 days ago)
Sir, you seems to be a great teacher in digital world. Students spent lot of money to gained the knowledge, but you can teach them free about secret techniques and ideas to succeed in free. Thanks
Sri Kamal Je (21 days ago)
An exservice men at this age of 55 , now I felt and thinks why not i learn to build websites. So I started just one week before.
Adib Steven Shams (22 days ago)
watched the whole thing, good job mate
Gary Hamm (26 days ago)
Excellent Professional Speaking Voice
Aputamkon Cipenuk (28 days ago)
Issue with image gallery. it pushes my logo and menu bar slightly to one side. any idea how to fix or what causes it?
roy ybarra (29 days ago)
you are smart
POWER Your English (30 days ago)
Such a professional video full of incredible information. Absolutely amazing job, keep it up!
Lauren Browne (1 month ago)
Awesome video Josh! Absolutely love it!
James Prendergast (1 month ago)
BY far the best wordpress video and I have followed you since you started
Radu Mihai (1 month ago)
Kevin Wyatt (1 month ago)
Thanks for the assistance!!
Fredericka Von Horn (1 month ago)
Hi Josh, can I use this video to build my blog?
windyrain storm (1 month ago)
how can i make my post appear to other pages? I never find an answer yet lol been looking around on youtube, and one guy says that i should make categories put on navigation menu , so than i can assign post to specifi categories
Anitta Jonas Artist (1 month ago)
Thank you so much....You are the best!!
Ed Skurka (1 month ago)
Josh, Thank you. Great content very well taught and demonstrated. I learned a lot. Ed
Feel Loud (1 month ago)
Nancy Smith (1 month ago)
Excellent videos! This is just what I needed? Thanks a million. Wonder presentation!. Good teacher! Not too much unnecessary Talk!!! I'm so glad I found this tutorial! But, I don't see a Page Builder Integration or Disable Element section? Neither did I see it (Page Integration section) in the scene options.
Gabby Mouse (1 month ago)
It's at the bottom left of the page now, the version Josh is using is a couple of years old so things are a bit different. I had to search around to try to find it, too.
Debra Morgan (1 month ago)
Great again Josh! Really helps to understand this page builder and Blog area. Can’t wait to see the Elementor 2.0 video!👍
The Lone Wolf (2 months ago)
Now this is how you make a fucking tutorial!
Jose Pillay (2 months ago)
2 Years long and still a great video! I have learnt a lot from you. Thanks a million for the insight!
Jim MacDiarmid (2 months ago)
SiteGround.com is light-years better in both service and support.
sanjeev shrestha (2 months ago)
What if I have PSD files? Can I convert that PSD files to WP pixel perfect site using page builder?
Digital Printing (2 months ago)
Helpme How to remove (footer Powered by GeneratePress) thanks...
Gabby Mouse (2 months ago)
Hi Josh, I have been using this tutorial to build my website, but have run into a problem. At around 48:45 your page shows the Add New Section area to stretch all the way across the page, it begins on the left margin of the page. However, although my Logo is set up fine, my Add New Section area does not go all the way across the page; my background color goes all the way across, but the area where I put type starts part of the way in, it is still boxed, although I believe I have been following your instructions fairly well. On the left side of my text box is a square blank box that I seem to be unable to get rid of. I must be doing something wrong, but I just can't figure this one out. I don't want to go any further before this has been addressed. Thank you for any help you can provide.
7 Miracle Electronic (2 months ago)
Thish Jobs (3 months ago)
useful video sir we are also web developer if u want any help u can contact us our website is www.thishdreamz.in and contact number 9500910005
Old Path Woodcraft (3 months ago)
Hi, Do you have a different version of WP because on customize then layout I cannot find container 36:16 ?
GateWood Digital, LLC (3 months ago)
I think I will begin posting on here everyday until you put out another video! This is the best, most comprehensive tutorial on WordPress and Elementor out there. But here's the thing: there's only ONE tutorial on the highly publicized, Elementor 2.0! Now bless DW for trying but that kid needs focus. Josh Jackson, you're the man for this! We need an E2.0 tutorial (Pro included). Love to get you back on YouTube, m'man! Hope to see you soon.
ABEL CHIBONA (3 months ago)
Josh you are great. You are detailed in your teachings. I am your student. Great work and keep it up.
Jack M (3 months ago)
An amazing tutorial. I have been struggling with WordPress for weeks and weeks until watching Josh's intuitive and well structured step by step tutorial. Unlike many other tutorial's I've watched, this video doesn't just spend a few minutes speeding through some aspects of WordPress but goes into the step by step detail of designing a professional website. It is impressive how Josh spends a full three-and-a-half hours articulating how to use WordPress in this easy to follow tutorial. Thanks Josh for the great job!
Henning rask nielsen (3 months ago)
Awesome tutorial! Thank you .
Monroe Bridal (3 months ago)
Probably the best WP tutorial I have ever come across. In the first few minutes, the clarity and delivery were of the highest quality and the inclusion of the Time Stamp is greatly appreciated. I have already built a number of WP websites but the quality of this tutorial is such that I intend to spend a lot of time in the next week watching this as I know I there is a lot I can learn here. I liked the video and subscribed as anybody who produces such high quality content, deserves support. Thank you for a first class tutorial.
Thomas Smith (3 months ago)
I stumbled through a bunch of other tutorials before this one and was left frustrated. This was SOOO helpful and appreciated. Thank you so much. Your instructions were clear and after watching all of your tutorial I'm left feeling confident in building my own site. So grateful. You rock, dude!
ImDude (3 months ago)
The way you teach and made this tutorial... awesome bro:)
Rafael Xenes (3 months ago)
Thanks for this great Tuto!
agatehead (3 months ago)
Thank you! But I requested my downloadable PDF by giving you my email and haven't received it.
geno woolard (4 months ago)
Jérôme Martins (4 months ago)
Very helpful, Thank you !
Healing RAEvolution (4 months ago)
Thank you for this comprehensive video and your transparency! Especially the separate parts of the video are great. I'm getting started straight away :-)
Izukanji Silwimba (4 months ago)
its helping Izuhost.com/billing
Dianga Mabicka Theophane (4 months ago)
An awesome video. It simple and detailed I've tried to learn wordpress before but I couldn't and it ended being something complicated to me. But now I fell like I can do a lot with it and that's all thanks to you. I'm really grateful.
Vijay Kumar (4 months ago)
Thank You so much for this free tutorial. I am glad and grateful that, people like you exist.
Sajith Anthony (4 months ago)
So helpful. Thanks a lot!
დათვლას (4 months ago)
Awesome! Man you're fantastic! God Bless You
Margo Darden (4 months ago)
Great Video because it was well thought out and all examples worked as the author said it would with a small problem like an icon for about us page but that happened because theme change and I overcame that minor issue. The reason I brought up all examples worked because a lot of Youtube technical videos that is not always the case and this guy deserves high praise. Recommendations in my opinion. I would have installed WordPress by download it and creating my own SQL database if possible on Hostgator other than I love it tremendously. The reason, I do not want unnecessary plugins and themes that I do not need to have in my install but Thank you for creating the video. I used XAMPP setup for my testing environment so I did not need Hostgator initially as described in the video
Livefreeandgo (5 months ago)
Picmonkey saids To save your masterpiece sign up for a free picmonkey membership. Start A free 7 day trial. I dont remember you saying that there is anything to sign up for ... to sign up for it.. the account will be charged 71.88 when your trial ends in seven days
Tom Greg (5 months ago)
Everyone, FYI, it now seems GeneratePress Premium is needed for the blog option in Appearance-->Customize shown at 3:10:05
Muhammad Ejaz Sarwar (5 months ago)
Great you are too good nice way to teach. God bless you.
HEALTHALART (5 months ago)
Obviously you are a born teacher...this clip answered all the questions i have always asked the so called pros in wordpress building...honestly if i didnt have a domain already which is just 2 months old i would have used your affiliate link. This is excellent and simply self explanatory. I particularly like the time stamp table of contents and how the buttons were added.That is absolutely brilliant! That really adds tremendous value to what you are teaching Thank you so much for this wonderful tutorial. It's one of the best I've seen online. God bless wpsculptor
Elaheh Madjedi (5 months ago)
i can't find go dashboard please help
Embroidery Plus (5 months ago)
Thanks a lot great tutorial, please I want to know how to added files on website so that visitors can download using elemantor plugin
Douglas Walsh (5 months ago)
Great, great tutorial... Is there a way I can add or embed an excel file? a chart or spreadsheet?
Josephus Dinsea (5 months ago)
you are really a good educator, i enjoyed the video and it help me a lot thanks for the tutorial!!!!
Yvette LaRochelle (5 months ago)
HELP!! When I go to pages and click on screen options I do not get what shows on your page. I don't get boxes, I get Columns and under that I have author, comments and date. What do I do? I also do not get the side bar.
Joe Deveraux (5 months ago)
Thanks Josh! A lot!
Mallu Tech (5 months ago)
Man!! You are a life savior... Hats off bro... Thank you so much.. Lots of love from India😘❤️
denkorea (5 months ago)
Thank you. the best wordpress tutorial
HeartIn Cradle (5 months ago)
Hi Josh, This tutorial is really awsome. But i am getting an error on top of the page of my website can you please tellme how to fix this problem. Thanks in advance. itemtype='http://schema.org/WebPage' itemscope='itemscope' class="home page-template-default page page-id-7 logged-in admin-bar no-customize-support wp-custom-logo full-width-content no-sidebar nav-float-right fluid-header separate-containers active-footer-widgets-0 nav-search-enabled nav-aligned-right header-aligned-left dropdown-hover elementor-default elementor-page elementor-page-7">
Rome Awde (5 months ago)
hanif omid (5 months ago)
Big thanks to your awesome Tutorial.
Spine Tingling Stories (5 months ago)
Excellent video. Thank you for your hard work. Very helpful!
Gee Major (5 months ago)
Yep man me too, i liked and subsrcribed in the first three minutes. I did look at some other tutorials to see who I was comfortable with as far as teaching style. I'm like three hours for a tutorial, okay can this gentleman give the goods. First three minutes I'm like Oh hell yeah I feel that I will accomplish getting my bid'ness started, shesh now I can pace myself. Thank you very much for your expertise.
AusTex 78747 (5 months ago)
Thanks for the video. Very helpful and thorough for understanding the basics. I made sure to purchase Elementor Pro using your link as a "thank you."
Maurice Brown (5 months ago)
I have been at this for a month and got nowhere. Your tutorial is the best I have seen so far. Thanks so much. I am definitely a follower.
The How To Channel (5 months ago)
thank you very much for your tons of time and efforts to bring this video alive, i sure will support you with the affiliate links, you deserve even more than that!
Troy Lewis (6 months ago)
This is what Im looking for praise the lord!!! great tutorial
wikedwhich1 (6 months ago)
Could you use Elementor for something LIKE photcrati which has options for loads of albums which are quite varied in the way they are presented...I would like to work in Elementor but photocrati has so many options for photographers!
Sankalpa Senevirathna (6 months ago)
Excellent tutorial! Good work & keep it up :D
Usman Mahmood (6 months ago)
Wonderful video! Looking forward to creating my own website. Do you have more videos on customizing header navigation menu? Yours' pretty simple one
Crucible (6 months ago)
Boom. Pretty much the perfect tutorial. Nice work!
Jane Turzillo (6 months ago)
This tutorial is way too long and too complicated for a beginner. Plus some of the steps you show are not on my version of Elementor such as the x at the far lower left corner of the screen and full width content, etc. Why not make several smaller tutorials explaining a few things at a time and not try to cram so much in.
Tom Greg (5 months ago)
This video was made over two years ago. The locations of things in the new version are different. Poke around and you'll find them...
Bigg W (6 months ago)
something like a donation plug is there??? where i can connect my bank acc or skrill ??? :) pls
Sontjer Ryan (6 months ago)
Greatest tutorial about WordPress without coding ever!
THE CARTOON WORLD (6 months ago)
why are you here ? you should be a wrestler!! anyway
cadet jones (6 months ago)
just what I was looking for
John Joannou (6 months ago)
Great video - I learned so much. My only problem is, the guys at Elementor have updated their software so some of the settings were in a different spot. None the less, this post is amazing and I'm happy to say I built my first website - yay me!!! Thanks again for taking the time to create this post.All the best... Cheers, John
Jos van Dalen (6 months ago)
Thanks a lot, you are a great teacher! Did you three hours in 4 days, cause for me it was to long. But I am a lot futther now! thanks!
Nelson Andrés Dominguez (6 months ago)
thank you for all the information, is amazingly valuable!
Abu Faisal (6 months ago)
It's been really helpful to me. It was a great journey.
Glass Crystal (6 months ago)
Truly helpful, great quality tutorial. Thank you...
taher (6 months ago)
I want a header navigation exactly like https://woorkup.com/ Can you tell me how to do it?
taher (6 months ago)
This is one of the best video I have ever seen in my life :) Thanks a ton :)
Lee Ayres (6 months ago)
It seems like 60% of this is picking fonts and colors - aaggg! That is the easy part!
Corentin F (6 months ago)
Fantastic, thanks wpSculptor. You just put all those paid tutorials to shame !
Stephany Leal (6 months ago)
so helpful !
Jose Morales (6 months ago)
So I can learn basically everything I need to know and then be able to build professional websites for family and friends? What’s the catch?
The Looser's School (6 months ago)
N-Tutorials PLUS (6 months ago)
Bro, i have made my own webites fully with elementor free version but i have a problem with blog ....would you help me !!!! i used blog plugin its works but i can't remove the link in my post ? either read more when i click on it it goes in my default theme post ? would u help me sir ?
Randall Allen (6 months ago)
Hi Josh, I have a suggestion/comment. If you edit or re-do this video, you could point out that in the "select layout" drop down menu, "no side bar" is NOT the same as "full width". I discovered that if you select "no sidebar", the area you have to work with in the editor is not as wide as it is if you select "full width". I originally selected "no sidebar" for my contact page and no matter what I did, I couldn't get the content I added to fill the full width ot the page. When I started working on another page, when I went to select the layout, I suddenly rememberd that in your video you said the select "full width", so I went back to the contact page, shanged layout to "full width", and it filled the whole width of the page. I suspect (but I could be wrong), that when selecting "no sidebar", you're limiting the width of the content area to the full width minus the themes specified sidebar width. Regarding editing, I don't make tutorial videos, so I don't know how to do it, but I've seen videos where text has been added over the video to clarify a point, You could add text in the section where you explain choosing the layout. This is a comparatively minor point and no way detracts from the overall professionalism and tremendous usefulness of your video. Thanks for making it.
Ahmed Farram (6 months ago)
Thank you 👍
Everardo Larreynaga (6 months ago)
Hello Josh Jackson. Many thanks for your comprehensive and very clear explanation of the Elementor Page Builder. I was looking for a tutorial like yours. Do you have any tutorials on WordPress? I would like to create a website, a landing page and a salespage using the same domain. What I need to learn is how to create subdomains in WordPress so that my website would use the domain, the landing page and salespage would use a subdomain under my domain. Could I use the Elementor Page Builder to create landing pages? I am assuming I can use it for the sales page. Many thanks for your help.
Paul Travaglianti (6 months ago)
This a great video. I actually followed along while creating this website with you. It took a weekend but the best way to learn is by doing. I am doing an updated website for my company and I will let you know how it goes. I am really looking at the Pro Version and will probably purchase it in the near future. I do have a question about the accordion feature. I have figured out how to use it (even added graphics with the text. When I open the page, the first accordion is always open and I don't want it to do this. How do I stop this from happening?
Untuk Cocoon (6 months ago)
Where subtitles?
sebastian lozano (7 months ago)
Really good tutorial :)

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.