How To Make a Website With WordPress (Beginners Tutorial)
Vložit
- čas přidán 20. 07. 2024
- Learn every step to make a WordPress website in this beginner's course. No coding necessary! You will learn how to get a domain name and hosting, install Wordpress, use a theme, customize the exact website you want, and more.
✏️ This course was developed by Beau Carnes.
🎉 Hostinger provided a grant that made this course possible.
🔗 Get a 10% discount at Hostinger with code "GETSTARTED": www.hostinger.com/getstarted
⭐️Resources ⭐️
🔗 logomakr.com/
🔗 www.pexels.com/
🔗 unsplash.com/
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:00:54) What is WordPress?
⌨️ (0:02:14) Getting a domain name and hosting from Hostinger
⌨️ (0:06:40) Using a domain from a different company with Hostinger
⌨️ (0:08:56) Understanding hosting dashboard
⌨️ (0:10:47) Installing WordPress
⌨️ (0:10:47) Logging into WordPress admin dashboard
⌨️ (0:13:47) Uninstalling default plugins
⌨️ (0:14:48) Dashboard overview
⌨️ (0:15:13) Updating Wordpress
⌨️ (0:15:47) Adding and modifying users
⌨️ (0:16:40) Updating Permalinks
⌨️ (0:17:40) Installing a WordPress theme (OceanWP)
⌨️ (0:20:05) Installing plugins
⌨️ (0:22:31) Installing a demo template
⌨️ (0:27:09) Backing up WordPress website
⌨️ (0:29:20) Begin customizing website
⌨️ (0:30:54) Creating custom logo
⌨️ (0:35:12) Update website general colors
⌨️ (0:36:39) Adding favicon
⌨️ (0:38:12) Begin editing website content
⌨️ (0:39:34) Adding custom element with Elementor
⌨️ (0:40:18) Editing text on website
⌨️ (0:43:50) Updating links
⌨️ (0:44:47) Change colors of individual elements
⌨️ (0:46:48) Adding pictures
⌨️ (0:50:15) Updating layout and look
⌨️ (0:55:08) Adding new sections to page
⌨️ (1:00:20) Updating pages
⌨️ (1:03:24) Updating menus
⌨️ (1:05:19) Creating new page
⌨️ (1:12:01) Setting homepage to be a blog
⌨️ (1:13:35) Updating blog entries page
⌨️ (1:17:43) Creating new blog post
⌨️ (1:21:42) Edit blog post display settings
⌨️ (1:23:28) Removing sample articles
⌨️ (1:24:39) Turn off comments
⌨️ (1:25:37) Begin editing contact page
⌨️ (1:26:30) Adding custom contact form
⌨️ (1:30:50) Updating website header
⌨️ (1:31:49) Updating social links
⌨️ (1:33:58) Updating website footer
⌨️ (1:43:09) Updating custom CSS
⌨️ (1:44:36) Updating scroll to top button
⌨️ (1:45:15) Conclusion
🎉 Thanks to our Champion supporters:
👾 Otis Morgan
👾 DeezMaster
👾 Katia Moran
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news
I hope you learned a lot from my course! Check out my personal channel for quick programming tutorials. czcams.com/users/beau
Dear Beau, I like very much your through instruction but what I'm looking for is instruction on building website using Gutenberg builder. I purchased MotoPress theme (it's old from 2018) and I got stacked on it home page. On top I did not do correct set up which call for clean WordPress. I'm missing contact/location page and do not know how to make it. Please let me know
i actually liked it because there are many tutorials available but not with that much simplicity the way this one is.
I can't begin to tell you how valuable this video is for novice Web developers (do it yourselfers). Due to the length I'm sure a lot was put into making it. Very much appreciated!
This is what we call a complete and detailed tutorial for WP beginners. Thank you very much!!!!!
I'm new to WP, and you made my week! I started my site and then I found your video. I went from INSANE to sanity by following along with the video. Thanks Much!!!
Thank you so much! excellent easy to learn tutorial and very comprehensive.
I wish this video released many years ago, when I started to build my own wordpress site. A really great and detailed tutorial. Kudos :)
Very clear and well structured tutorial, thank you very much.
Very useful and well put together video - thanks for this! 🙌
Great tutorial. I learned Wordpress a while ago, then switched to code based design, now I'm revisiting it. This was a really helpful refresher. Wordpress feels kind of awkward to me, but this tutorial makes it easier to get used to. Much different than coding, but kind of more fun imo. Not as much control, but you can get a cool site faster and learn a lot just by playing around with the interface.
Oeyello
Oeyelloe
Can I make these steps direclty on wordpress or should I do? Because in my country it's cheaper and I wanted to use it for my school project for 3-4 months. If you want you can give me suggestions about it.
What would you recommend? Wordpress or code based? For a commercial website about tourism.
@@sudhara4073 In my opinion, if you don't have any experience with web design/coding, learning Wordpress and using a high quality theme would probably be the easiest way to get a pro looking site fast. The Wordpress framework/theme can do much of the functionality and creativity for you, you just add and adjust contents. With code you have to do every detail of the function and style manually, and it takes a lot of time/practice.
Here are the time stamps:
⌨️ (0:00:00) Introduction
⌨️ (0:00:54) What is WordPress?
⌨️ (0:02:14) Getting a domain name and hosting from Hostinger
⌨️ (0:06:40) Using a domain from a different company with Hostinger
⌨️ (0:08:56) Understanding hosting dashboard
⌨️ (0:10:47) Installing WordPress
⌨️ (0:10:47) Logging into WordPress admin dashboard
⌨️ (0:13:47) Uninstalling default plugins
⌨️ (0:14:48) Dashboard overview
⌨️ (0:15:13) Updating Wordpress
⌨️ (0:15:47) Adding and modifying users
⌨️ (0:16:40) Updating Permalinks
⌨️ (0:17:40) Installing a WordPress theme (OceanWP)
⌨️ (0:20:05) Installing plugins
⌨️ (0:22:31) Installing a demo template
⌨️ (0:27:09) Backing up WordPress website
⌨️ (0:29:20) Begin customizing website
⌨️ (0:30:54) Creating custom logo
⌨️ (0:35:12) Update website general colors
⌨️ (0:36:39) Adding favicon
⌨️ (0:38:12) Begin editing website content
⌨️ (0:39:34) Adding custom element with Elementor
⌨️ (0:40:18) Editing text on website
⌨️ (0:43:50) Updating links
⌨️ (0:44:47) Change colors of individual elements
⌨️ (0:46:48) Adding pictures
⌨️ (0:50:15) Updating layout and look
⌨️ (0:55:08) Adding new sections to page
⌨️ (1:00:20) Updating pages
⌨️ (1:03:24) Updating menus
⌨️ (1:05:19) Creating new page
⌨️ (1:12:01) Setting homepage to be a blog
⌨️ (1:13:35) Updating blog entries page
⌨️ (1:17:43) Creating new blog post
⌨️ (1:21:42) Edit blog post display settings
⌨️ (1:23:28) Removing sample articles
⌨️ (1:24:39) Turn off comments
⌨️ (1:25:37) Begin editing contact page
⌨️ (1:26:30) Adding custom contact form
⌨️ (1:30:50) Updating website header
⌨️ (1:31:49) Updating social links
⌨️ (1:33:58) Updating website footer
⌨️ (1:43:09) Updating custom CSS
⌨️ (1:44:36) Updating scroll to top button
⌨️ (1:45:15) Conclusion
Good on you dude, what a life saver you are 🙏
It’s all in the description already
👌
I must say excellent way of teaching for beginners. Keep up your good work and contributing such helpful content. Thanks
Freelancing just became easy!
Amazing course!!
Important point. With the All in One Migration plugin, restore doesn't work in the free version. It requires the paid version. You can download the backup and then import it.
This is empowering. From somebody who didn't know what the backside of the website look like. Thank you.
Wow, this tutorial is an absolute gem for aspiring web developers and DIY enthusiasts! Beau Carnes's clear communication skills, combined with his excellent sense of humor, make the entire video a delightful experience from start to finish.
The captivating visuals and high production value further enhance the learning journey. It's evident that a lot of effort went into creating this complete and detailed tutorial for WordPress beginners.
I truly appreciate the valuable insights and knowledge shared here. Kudos to the beau and freecodecamp for their excellent teaching approach and for contributing such helpful content to the community.
Thanks again for making such an incredible video!
Thanks Beau! I have fallen behind in in the last 5 years. Needed a site. You got back up to speed QUICK. Thanks for your help!
You guys put in so much time for this content with sincere thanks.
Been wanting to learn WordPress for years now... Thanks for giving me a shot👏🏽👏🏽
Dear Sir,
Thanks for your informative video. I went step by step with what you said, and now I am in the process of completing my web. I have a problem with the home page build step. I did everything; I entered the image, made the logo, wrote the main theme and the description in the second box, but this writing does not appear as transparent as you did in the video, and it is located in a white square box with black font. At this stage, I do not know what to do to make these fonts appear transparent, and everything I do does not make any difference. Would you please guide me?
I appreciate your effort. Khalil
Beautifully taught! Thank you!
found this extremely helpful in figuring out my way around the wordpress dashboard. Easy to understand and a charming voice can go a long way. Thanks!
yes please much more long tutorials on wordpress ( how to create customize pro websites for clients ). Thank you Beau :)
Thank you, so much - a good info for my skills!
thanks, man you are an amazing teacher. I saw your javascript tutorial and this one both of them are brilliant.
Hi, there, I have a question about those metadata boxes. 1. Can one change the metadata information? 2. Can one change the icons used on those metadata (category, date icon, etc)?
Looking forward to hearing from you.
Everything was explained properly, thank you very much!
Thanks for your hard work! If I change the code inside the site itself (Appearance - Theme Editor), how can I make sure that when the theme is updated, the data is not overwritten and the code continues to work with the previously made changes?
Can you make a video about installing a new theme to the existing ecommerce on wordpress and show the exact steps in the hosting's side such as php settings msql
Very good tutorial, everything was explained and showed properly
FINALLYYYYYY I WAS PRAYING FOR IT
So Ive been working as a Software Developer using Ruby on Rails for a while. Im trying to start doing stuff on the side for friends/family. Ive been told wordpress is the quickest/most straight forward way to do that if youre not already jumping on a system thats already been created. Do you have the same amount of control or do you have to use preset themes and what not?
Thanks for delivering such an exciting video. I hope to see more great video like this in the future and keep the good work going on.
Help was amazing; created a website for a client. Bravo! for the tutorial.
Thank you so much. I needed this refresher.
Question ... what's the best plug in to use to manage visitor file downloads using a unique digital token that they receive when they complete a form? The token should be unique so that they can only use it once to access the downloadable file...
Great tutorial! Thanks for that!
However, I encountered some weird issue. When I hit Install Demo and then Import I see the Importing XML Data spinning arrows which takes forver... and never finishes (waited several hours).
Any idea how to troubleshoot that?
Great, love this and thank you for putting the time into this.
Thank you very much, it was my first contact with WordPress and all of the sudden i know a lot.
This video is incredible! It was wonderful the entire time. The information was interesting and captivated me from beginning to end. The production value was excellent, and the visuals were breathtaking. The presenter's excellent sense of humor and clear communication skills added a new level of enjoyment to the video. Overall, I had a blast watching and learned a ton. I appreciate you making such a fantastic video! Supelot agency cares.
This is really explanatory, way to go!
Thanks for your contribution❤️❤️
That was a perfect video, very informative and easy to sit through/follow along.
This was amazing thank you! I presume there is nothing unusual about adding say a paypal button, just add the html text into a block? Or is there a special elementor block for that?
Watched about a third of the video. It was very good. It got me started and then I was able to fumble around until got a decent looking site together.
This WordPress tutorial was very easy and very helpful for beginner.🙂
great job , i really love this channel , you guys provide the best content keep it up ...
Great video!! I for sure feel like I understand how to change word press templates thanks again!!
Great tutorial! This is an excellent intro to WP for anyone looking to dive in. Thank you.
I was wondering for this video😊
Man his hair have gone grey now. I've been watching your tutorial since the first year of college, it's been 4 years. Thank you very much for your works
why you watching wordpress in the fourth year bruh ?
@@dinkletonne to be a freelance web design
@@uuach731 ohh , so you would use wordpress for making website for freelance clients ?
@@dinkletonne yes, ive done 2 project already, why did you ask in the first place? What is your opinion on this?
@@uuach731 nah i just learned through a diff video that even people who know how to make websites through all the js/html/css stuff use wordpress to make websites to save time during freelancing , and when you said youve been watching freecodecamp for 4 years i realized you were one of those people too , i personally am going to start freelancing from next month when i start my cs bachelors and i thought id firt have to learn all the tedious stuff like node.js , js , html , css , react and stuff before i can make good websites to earn a sidebuck , but wordpress is a huge revelation , ill learn wordpress for now to do freelancing so that it takes less time and i can continue further with my main studies
Love this! keep the great tips coming
FCC ALWAYS COMES IN CLUTCHH THANK YOU
I am a beginner but this tutorial has made me learn a few tricks already thanks.
Watch More- #FabestCoder
I was just going to learn wordpress. Thank you!
Same here
Hey did you finish learning WordPress? How was the journey
A full demo of website on WordPress... great one
I love you and this channel for making this!!!!! You all are a gift
Truly good WordPress video.
Give this man a medal. He's the best!
thanks
we need more WordPress videos
please make more about it
Great tutorial. I'm using Blocksy theme and have Elementor.
1) Am I able to add menu items or have to stick with the four default choices "HOME ABOUT BLOG CONTACT"?
2) Can I change the name of the menu items such as change BLOG to SERVICES?
yep
I am so thankful for this video, it saved me so much time. And it is so understandable.
Thank you for this information I just joined Wordpress and I need all the information for building a website blog.
Thank you! This is exactly what I need.
This channel is a godsent!
This is exactly what I needed. Thank you very much!!
Awesome tutorial, quick question though, how do you remove the "COMMENTS" and "DATE" meta on blog entries? It shows below the summary for each post and also appears on Recent Posts too.
Is there a way to remove the maintenance/editing portion of the WordPress engine from your website? Ideally, I’d like to run a local Linux VM with WordPress for modifying and testing my website changes, save the updated web site to an archive, push the website archive to my website and overwrite the existing website with the updated archive. The idea behind this is to reduce exposure to hacking that the maintenance/editing code creates, reduce server overhead, and fully test changes before pushing them to a production site.
Thank you for such a great content
Thank you for your detailed video!
Thanks a lot for this tutorial. I learned a lot.
As a web dev student who is about to learn APIs next, this looks pretty awesome. I can see why some people are weary of site creators like this as it could steal their jobs. I likely won't use WP other than creating templates/themes to sell because I prefer old school, but WP seems to be a great choice when you want something fast.
Fast and cheap
use the tool that's optimal not what's 'old school'.
Straight to the point and simple clarification, learned a lot from you sir , thank you so much
I describe this as an Ideal tutorial, this is much better that what I have paid for a video .
Excellent step by step learning WordPress
Hi thanks for the video, I am from the UK and can't find the Ocean WP theme, is it the same for others?
Excellent tutorial ❤️
This was great - nice content great instruction.. two ideas.. one - highlight your cursor so it easy to see where you go and two maybe slow it down just a touch otherwise -- GREAT
That's awesome thanks ❤️👍🏻
I love how he went mute at 1:35:30 when he had issues with the columns :). Great video by the way.
Thanks! Great content!
Hey, thank you for this awesome tutorial.
One question: if I want to customize the templates, CSS and JS by hand through editing the code, how can I export the source code and reimport it upon edition?
Thanks.
@AJ Keys Thanks much mate!
@@canardeur8390 you must have figured it by now but for others, you do it by going in the dashboard and in the sidebar look for the appearance option, hover over it and click on the Theme Editor. There you can modify your wordpress template source code from stylesheets, javascript to template php files.
Thanks so much, really helpful tutorial!
Thank You 🙂
an outstanding introduction, thanks
Where was this when I needed this a month ago lol. Great vid
What a tutorial. Thank you dude this helped me a lot 💯
Hi! Do I need to have the hosting prior to create my website or should I create the website first among with the DNS. then get the hosting whenever I’m ready to post my website? Thank you.
you can build your website in a local host. then you should buy a domain & hosting to publish it.
Many thanks for the inspiring tutorial, I think I will create a WordPress website soon... all this thanks to your inputs!
Great video! Thanks!
Hello there! Amazing Video ! I'm editing my first website Ever thanks to you ! And I'm Loving it 🥰
I apparently have an issue tho. The Elementor option doesn't show up in the top bar. I deleted and reinstalled Elementor pluggin, but it still doesn't show up. Do you have an idea of why is this, and how to fix it ?
Thanks in advance !
And thanks again for your Amazing Work !!
Hi sir
most of the learners need a tutorial for this keywords " 🌍how to show user live location in our word-press website🌎 " on the top navigation bar or anything places like alert window etc.."
this tutorial its very helpful for us we are waiting for tutorial
thank you ..🤝
Thank u , I have two languages , when I add an item, I have to add it in another language ,how to unify id of the same item in different language ?
thank you so much, will try
thanks for the nice tutorial and effort
Thank You for the interesting presentation! It is very usefull. However, I have a problem with elementor and I would like to ask if anybody has any ideas about the solution. I cannot add any features with elementor (pictures etc). Moreover, how can I edit the size of the images with elementor?
If I were you I'd suggest you to get rid of Elementor and use the built-in tool from WordPress.
Helped a ton! Thank you!
Watch More - #FabestCoder
Thanks a mill. My website is up and running now.
So If I buy premium of hostering , I dont have to buy business Plan for WordPress plugin? Right?
Hi thanks for the tutorial it's amazing.
I have a question, I have created few pages on wordpress which are showing in menus and I have some posts also but I'm unable to add my posts into those pages, Can you please help ?
Post don't usually go on normal pages. They are usually only on the blog post page: czcams.com/video/O79pJ7qXwoE/video.html
Thnak you, Sir Beau Carnes.