WordPress Theme Development Tutorial 2020
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 understrap, so if you are interested in how to make your own WordPress theme, this should have you covered. We use a combination of HTML, css, js with bootstrap.
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
Follow along on Figma with the Design UI:
Code Snippets:
This WordPress tutorial for beginners 2020 will help you create WordPress theme for those people who are WordPress for beginners. WordPress theme 2020 tutorials are many, but this is a real world example of a WordPress theme 2020 for real world projects. If you are create WordPress theme and you want more content on how to make your own WordPress theme for the future, I can do more videos like this on the HTML, CSS, even the bootstrap designs and how I go about developing them!
#wordpress #theme #development
Learn Design for Developers!
A book I’ve created to help you improve the look of your apps and websites.
📘 Enhance UI:
Feel free to follow me on:
🐦 Learning course:
💬 Discord:
💸 Patreon:
Software & Discounts:
🚾 Webflow:
🌿 Envato:
🌿 Envato Elements:
🔴 Elementor:
✖ Editor X:
Computer Gear:
⬛ Monitor:
⌨ Keyboard:
🐁 Mouse:
🎤 Mic:
📱 Tablet:
💡 Lighting:
💡 Key Lighting:
Camera Equipment:
📷 Camera:
📸 Primary Lens:
📸 Secondary Lens:
🎥 Secondary Camera:
🎙 Camera Mic:
🎞 USB to HDMI: