Learn how to build a completely custom website using WordPress, PHP, HTML, CSS, and Elementor. You will learn how set up your local server, create the design, and build a custom WordPress theme that works with Elementor.
The design section is sped up because it is just an example about how the design is done. You can create your own design or use a preexisting design.
Once you have learned how to build out your website, you will learn how to get it from your local server to a production server and how to setup SEO, security, and caching the right way.
Don’t worry if you don’t know much PHP. Everything you need is explained in the course.
💻 Assets (including mockup, theme folder, and images): https://github.com/thedevdrawer/sample-law-firm-template
✏️ This course was created by The Dev Drawer. Check out tutorials like this and many more
on his channel: https://www.youtube.com/channel/UCcr8eSk5xCfn3AbYy8WOWzg
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:00:49) Designing Your Website (Speed Art)
⌨️ (0:03:03) Setting Up Your Local Server
⌨️ (0:04:50) Create Your WordPress Database
⌨️ (0:05:33) Download WordPress
⌨️ (0:06:26) Installing WordPress
⌨️ (0:08:07) Install Elementor and Theme Plugins
⌨️ (0:09:43) Creating Your Theme Files
⌨️ (0:11:57) Using functions.php to Set Up Your Theme Defaults
⌨️ (0:21:39) Creating Default Theme Pages
⌨️ (0:23:41) Install Your Theme
⌨️ (0:25:24) General Setup
⌨️ (0:32:05) Creating Header and Footer Blocks
⌨️ (1:01:25) Creating Your Home Page
⌨️ (1:35:18) Create Custom Post Type and Meta Boxes
⌨️ (1:42:02) Creating Shortcodes Using Your CPTs
⌨️ (2:16:10) Modifying Columns for Your CPTs
⌨️ (2:24:13) Create Your Menus
⌨️ (2:29:45) Creating Additional Pages
⌨️ (2:33:04) Create Single Pages for Your CPTs
⌨️ (2:51:25) Create A Form
⌨️ (3:03:16) Create Elementor Section Templates
⌨️ (3:20:00) Create Another CPT
⌨️ (4:27:18) Validate and Modify Mobile
⌨️ (4:34:50) Export Your Website for Production
⌨️ (4:46:12) Recommend Security, SEO, and Caching Plugins
⌨️ (4:48:10) Setup Security
⌨️ (4:56:25) Setup Caching
⌨️ (5:01:13) Setup SEO
⌨️ (5:08:51) Wrap Up
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
source
I hope you find this video interesting. It was a fun project and it is versatile, so you can take the core concepts and build on it to make a large variety of websites. Good luck.
can you explain the purpose to using waamp, i have no idea the purpose. is that supposed to be your own back end thingy
why did you have to use waamp? doesnt wordpress come with all that i thought?
nice
I've followed steps of Creating Your Theme Files, Using functions.php to Set Up Your Theme Defaults, Creating Default Theme Pages and Install Your Theme. Don't why Menu in Appearance gone
nice
I clicked on this tutorial because I had problems trying to start a webpage in WordPress. Great for a designer but not for any beginner. I have to say I'm Totally Lost with this instructional video. Speaking from a teacher background, this should be marketed as a Instructional Course for the advanced web designer. No beginner will know what your talking about. A instructional video for a beginner should be done slowly, step by step with what and why your doing this, and spoken in layman's terms, not as if we all know what your talking about and are computer geniuses.
Anyone share what IDE is this!
nice
Nice 🔥🔥🔥🔥
mysqli::real_connect(): (HY000/2002): No
how to solve?
Wont let me customize the header… wish that could be explained
There is a difference between doing self and making users understand. You are not making us understand how it works basically… you are just doing it.
Mostly, this video is for freshers who doesn't have knowledge how to build a website in WordPress from scratch so you have to keep this in mind and make users understand in such a way.
php sucks
how much is the whole process or is it free
Thanks for your hard work. Yet, some things and functions are still confusing.
FYI for anyone new watching this, this isnt beginner friendly lol
Im done self studying this course! thank you thank you thank you dev drawer! I've learned so much from this course!
just wondering on the wordpress loop why sometimes you use if(have_posts(): while(have_posts());…. and other times you just use the while loop alone while(have_posts()):….. so wondering when we should inclide the if condition when looping if while is sufficient by itself
This is such a great tutorial video. Howver I am having issues replicating the style sheet with the practice-areas.php sheet, the design is not applying, what to do? many thanks!
It's a nice video. However, you didn't check any posts. Following your code, I notice on my post that it is never-ending, showing the same post many times, the loop is not ending. Kindly guide me what code and where I must add.
I am following the same steps of yours, for the home page, but my CSS is not working. Kindly guide me.
I ll sit in the last table
The best course for WP theme development! Not a single minute is wasted
For some reason when I reach the CSS part around 1:14:45 I apply changes but I cannot see it on the website. Does it happen to somebody else?
This is my second time doing it all over again moving the files in different folder just to see if it was that but I cannot find the problem at all.
.
document.getElementsByTagName("video")[0].playbackRate = 3