I spent over 5 hours for this one! This wordpress theme tutorial will help those looking to make a new custom wordpress theme 2020. The wordpress tutorial covers how to create a Wordpress theme using understand, boostrap, HTML, CSS, JS and more. I take you through the whole process from start to end.
WordPress Theme Development Tutorial
- 00:00:00 - Introduction to WordPress Custom Theme Development
- 00:00:24 - WordPress Custom Theme Design
- 00:02:14 - Installing WordPress, Understrap, Database
- 00:07:02 - Wordpress and Setup Custom Theme Understrap
- 00:10:27 - Website Custom Theme CSS and Header Preparation
- 00:12:00 - Header Layout
- 00:19:50 - Header and Navigation CSS Styling
- 00:26:10 - Website Custom Fonts Imported Google
- 00:28:42 - Header Menu Layout and Styling
- 00:33:54 - Header Top Section Logo Links
- 00:48:27 - Header Responsive Design
- 00:59:30 - Header Mobile Menu Button and Nav
- 01:27:10 - Header Logo and Nav for mobile
- 01:34:30 - Home Page Hero Banner
- 01:48:14 - Home Call to Action Section
- 02:10:20 - Home Welcome to Section
- 02:35:05 - Home News Section
- 03:07:35 - Home About Us Section
- 03:42:16 - Home Testimonials Section
- 03:55:30 - Home Newsletter Signup Section
- 04:15:26 - Home Social Media Section
- 04:34:17 - Home Footer and Contact Form Section
- 04:53:44 - Home Animation using Wow Animation.css
- 05:06:25 - WordPress Home Page Review
- 05:10:14 - Conclusion
WordPress Theme Development Tutorial 2020 | Part 2
Developing Internal Pages, Posts, Contact Us
Coming Soon
Follow and support me:
Special thanks if you subscribe to my channel :)
Want to see more:
I will try to post new great content every day. Here are the latest items:
Top comments (6)
Hello! I would like to understand how to replace some parts of the theme like the footballer with a child theme? When I wanted to do it, no changes had been made. I just know how to handle CSS as far as WordPress is concerned. Can you help me? Or another video topic?
What is footballer. If you can link what you mean I might be able to do a video on it to help out :)
Oh I haven't seen "footballer" π
I meant footer. A sample topic wordpress.org/support/topic/child-... .
I have the same problem, when I go to edit a
.php
file under a child theme, it either gives me an error or nothing changes.Haha, that makes sense. The footer for Wordpress can be edited in either the parent or child theme file called footer.php. However some themes try to take priority of the footer (or don't even use the standard) which is why it may occasionally not work. I use understrap which works with footers!
@adriantwarog
Hey,
Can you send me the file for the animation that you used? I searched for it but couldn't find it.
[youtu.be/MoO-UsIvFIs?si=q0ptxbeh8Y...] Video : 4:54:00
css file
animate.min.css / swiper.min.css
jss file
wow.min.js / custom.js / skrollr.min.js / swiper.min.js / swiper.min.js.map
I also made it exactly like yours. Here is the link: zype.bhavintechglobal.com/.
I had to make a small project for college. Thanks for your help.
many thanks for sharing - this is awesome