https://www.youtube .com/watch?v=IPo71JPKUmg
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
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.
@Gigagagagamer Is it an Elementor error showing “Something went wrong” or is it WordPress? It sounds like something may be typed wrong and WordPress is showing an error. Try this, go to your wp-config.php file and turn on debugging to see if WordPress will show you the error. Any updates to Elementor should not break the theme as it uses standard WP functionality. My guess would be something is wrong with the code that gathers the theme on WordPress’s side. let me know if that helps.
Very informative! Thank you! After I finish this I will dig into your channel!
The deeper I am in this video the more I realize how much I can do with it. WordPress was so far a big clunky book to me after taking 2-3 fairly good courses on templates and plugins creation. After 3h of this video I started to realize how much I already know about wordpress and most importantly that perhaps I can actually make my own website with it. Neverending stream of heart emojis to you guys! Big, big, all caps “THANK YOU” with a lot of exclamation marks!
Not to be rude but you honestly shouldn’t be making tutorials anymore. I dont think you know what the hell you are doing and I’m STILL stuck on how to do shortcodes. You can’t seem to make up your mind as you go and you’re going WAY too fast! 😤
Thank you sensei
What a tutorial! I’m facing some issues tho. Whenever I have to go back to my visual code to add some styles, it doesn’t update. Please help!
I’m having WordPress issues after creating the theme and saving it. WordPress seem to be blank.. I have to delete the entire folder to get rid of the error. Please I need help
please add English CC!
why 60 fps though? waste of precious bandwidth.
Greet
I lost from the beginning when I did know where to put WordPress files as a Beginners how could I know where to put these files.
Man.. Just can’t get Wampserver to work on my machine…
Any suggestion or help tips? Thx!
I thought this was a beginner-friendly tutorial.
weird way to design a WP theme I guess? It makes our theme and site so dependent to Elementor & third party library. On the other hand, if we code it in the classic way, sometimes clients want our site to be customizable for further changes in the future.
I have another question. say when working for an agency and setting up a local environment. how would we put a client’s wordpress into r local?
For those who are struggling to edit CSS in WordPress because it didn’t responded when you try to set the position (1:14:54), you can go to Appearence => Customize => Additional CSS ( https://www.youtube.com/watch?v=fH7AafT84kc )
3:03:17
Watching within the first 15 mins of this course wondering why anyone would do this, its so much easier to code all this yourself
can i do that with standard elementor? or i need pro?