How To Make a Website With WordPress (Beginners Tutorial)
Вставка
- Опубліковано 31 тра 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. ua-cam.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.
This is what we call a complete and detailed tutorial for WP beginners. Thank you very much!!!!!
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!
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'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!!!
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!
I wish this video released many years ago, when I started to build my own wordpress site. A really great and detailed tutorial. Kudos :)
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.
This is empowering. From somebody who didn't know what the backside of the website look like. Thank you.
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!
Very clear and well structured tutorial, thank you very much.
I must say excellent way of teaching for beginners. Keep up your good work and contributing such helpful content. Thanks
Been wanting to learn WordPress for years now... Thanks for giving me a shot👏🏽👏🏽
Very useful and well put together video - thanks for this! 🙌
Freelancing just became easy!
Amazing course!!
Thank you so much! excellent easy to learn tutorial and very comprehensive.
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!
thanks, man you are an amazing teacher. I saw your javascript tutorial and this one both of them are brilliant.
You guys put in so much time for this content with sincere thanks.
"making a website" actually starts at minute 30, for those not having all day
😂
Still making us laugh a year later hah cheers on saving the only thing we can't get back lol our time
Thanks
Thanks n
😂😂😂😂😂😂😂😂
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.
Thank you very much, it was my first contact with WordPress and all of the sudden i know a lot.
yes please much more long tutorials on wordpress ( how to create customize pro websites for clients ). Thank you Beau :)
Everything was explained properly, thank you very much!
Help was amazing; created a website for a client. Bravo! for the tutorial.
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.
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.
Beautifully taught! Thank you!
That was a perfect video, very informative and easy to sit through/follow along.
Very good tutorial, everything was explained and showed properly
Thank you so much. I needed this refresher.
This WordPress tutorial was very easy and very helpful for beginner.🙂
Great tutorial! This is an excellent intro to WP for anyone looking to dive in. Thank you.
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.
Great video!! I for sure feel like I understand how to change word press templates thanks again!!
Thank you, so much - a good info for my skills!
Great, love this and thank you for putting the time into this.
Straight to the point and simple clarification, learned a lot from you sir , thank you so much
This is really explanatory, way to go!
I am so thankful for this video, it saved me so much time. And it is so understandable.
FINALLYYYYYY I WAS PRAYING FOR IT
This is exactly what I needed. Thank you very much!!
Many thanks for the inspiring tutorial, I think I will create a WordPress website soon... all this thanks to your inputs!
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
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.
Thanks for your contribution❤️❤️
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
I am a beginner but this tutorial has made me learn a few tricks already thanks.
Watch More- #FabestCoder
Give this man a medal. He's the best!
Thank you! This is exactly what I need.
Thank you for this information I just joined Wordpress and I need all the information for building a website blog.
I love you and this channel for making this!!!!! You all are a gift
great job , i really love this channel , you guys provide the best content keep it up ...
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
Thank you for your detailed video!
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...
FCC ALWAYS COMES IN CLUTCHH THANK YOU
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 ..🤝
Love this! keep the great tips coming
I love how he went mute at 1:35:30 when he had issues with the columns :). Great video by the way.
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?
Thanks so much, really helpful tutorial!
What a tutorial. Thank you dude this helped me a lot 💯
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 a lot for this tutorial. I learned a lot.
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?
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
Its 2022 but this tutorial is still very relevent ...... and its the best one out there
Excellent step by step learning WordPress
thanks
we need more WordPress videos
please make more about it
Thank you for this video. It just solved my problem!
Thanks. Extremely Valuable
I was wondering for this video😊
Thnak you, Sir Beau Carnes.
Truly good WordPress video.
Thanks a mill. My website is up and running now.
This channel is a godsent!
thank you so much, will try
an outstanding introduction, thanks
Just the exact type of video I needed for wordpress looking for so many days, each and every thing explained very well.... Love from India 🇮🇳
Excellent tutorial ❤️
I describe this as an Ideal tutorial, this is much better that what I have paid for a video .
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'.
Thank you for such a great content
Thank you Sir, very helpful tutorial
Thanks! Great content!
Thank You 🙂
4 hour continue learning make sence .I appreciate your effert
Thanks
Great video! Thanks!
Very nice and clear course.
Where was this when I needed this a month ago lol. Great vid
That's awesome thanks ❤️👍🏻
thanks for the nice tutorial and effort
This is very useful and helpful for someone who has almost zero knowledge on how to develop a website. Thank you so much!
Expensive Content. ❤️ From Sri Lanka
👍
me too
Hi Sri Lankan 😊
Thank you!
Thank you. Awesome!
It is very useful tutorial! guys you are amazing, thank you very much for your work! 💛
You can watch WordPress tutorial on sukhdev chhonkr channel
Helped a ton! Thank you!
Watch More - #FabestCoder