How To Make a Website With WordPress (Beginners Tutorial)
HTML-код
- Опубликовано: 2 июн 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. ruclips.net/user/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!
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!
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 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
Very useful and well put together video - thanks for this! 🙌
Been wanting to learn WordPress for years now... Thanks for giving me a shot👏🏽👏🏽
Freelancing just became easy!
Amazing course!!
Thank you so much! excellent easy to learn tutorial and very comprehensive.
You guys put in so much time for this content with sincere thanks.
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.
"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
😂😂😂😂😂😂😂😂
yes please much more long tutorials on wordpress ( how to create customize pro websites for clients ). Thank you Beau :)
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!
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.
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
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.
Beautifully taught! Thank you!
Everything was explained properly, thank you very much!
thanks, man you are an amazing teacher. I saw your javascript tutorial and this one both of them are brilliant.
FINALLYYYYYY I WAS PRAYING FOR IT
Very good tutorial, everything was explained and showed properly
Thank you, so much - a good info for my skills!
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 ..🤝
Help was amazing; created a website for a client. Bravo! for the tutorial.
This WordPress tutorial was very easy and very helpful for beginner.🙂
Thank you so much. I needed this refresher.
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
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.
Great, love this and thank you for putting the time into this.
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
That was a perfect video, very informative and easy to sit through/follow along.
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?
Great tutorial! This is an excellent intro to WP for anyone looking to dive in. Thank you.
Straight to the point and simple clarification, learned a lot from you sir , thank you so much
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'.
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 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?
I am a beginner but this tutorial has made me learn a few tricks already thanks.
Watch More- #FabestCoder
I describe this as an Ideal tutorial, this is much better that what I have paid for a video .
Give this man a medal. He's the best!
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?
Many thanks for the inspiring tutorial, I think I will create a WordPress website soon... all this thanks to your inputs!
Thank you for this information I just joined Wordpress and I need all the information for building a website blog.
I am so thankful for this video, it saved me so much time. And it is so understandable.
This is really explanatory, way to go!
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...
I was just going to learn wordpress. Thank you!
Same here
Hey did you finish learning WordPress? How was the journey
Great video!! I for sure feel like I understand how to change word press templates thanks again!!
Thanks for your contribution❤️❤️
I love how he went mute at 1:35:30 when he had issues with the columns :). Great video by the way.
great job , i really love this channel , you guys provide the best content keep it up ...
This is exactly what I needed. Thank you very much!!
For some reason I still love to build sites from scratch.
For same reason, me too.
Yeah Ilike to build from scratch too, but sometimes WordPress is just so convenient
I like building from scratch as well wp is cool though and convenient.
@jevvobruv what if we dont want php?
Always. It gives you total control of the whole site that you're building.
Its 2022 but this tutorial is still very relevent ...... and its the best one out there
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?
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 🇮🇳
I love you and this channel for making this!!!!! You all are a gift
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.
FCC ALWAYS COMES IN CLUTCHH THANK YOU
A full demo of website on WordPress... great one
Thank you! This is exactly what I need.
Love this! keep the great tips coming
Expensive Content. ❤️ From Sri Lanka
👍
me too
Hi Sri Lankan 😊
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 was wondering for this video😊
Thank you for your detailed video!
We need a tutorial to how making a wordpress website multilingual
* Not just posts but the entire website
There are plugins for this
There's a Google translate API for that, also plugins might be present too
Yes True, please
What a tutorial. Thank you dude this helped me a lot 💯
Excellent tutorial ❤️
Hey WP master. I like your tutorial, certainly one of the better videos. I followed exactly what u used - Ocean & the Lawyer theme. I followed along with you and created a website, which looks amazing. I did it on my PC and checked everything is ok, including tablet & mobile. However, when I see the website in my mobile phone, the original "Lawyer" title appears on the left side, opposite the "Menu". I can't figure out how to get rid of the word, "Lawyer" Can you advise how it can be fixed? Appreciate your help.
I want to finally start making some money with my WordPress skills. Hopefully, I've got the basics down already. As always, thanks for the videos!
Same!
Same
Same! I have everything planned, its simply the WordPress skills that's standing the way
how much do you spend for WordPress services?
Thanks. Extremely Valuable
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
Thanks a lot for this tutorial. I learned a lot.
Thanks so much, really helpful tutorial!
Truly good WordPress video.
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 !!
This channel is a godsent!
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.
thank you so much, will try
it was so helpful and easier, but at start i didn't understand it clearly....Otherwise i was going to stop watching so early but then i really i don't know this was kind of interesting video. thank you so much !!!
Thanks! Great content!
Thank you for such a great content
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.
This is very useful and helpful for someone who has almost zero knowledge on how to develop a website. Thank you so much!
Helped a ton! Thank you!
Watch More - #FabestCoder
Thank you!
That's awesome thanks ❤️👍🏻
Great video! Thanks!
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.
an outstanding introduction, thanks