WordPress Theme Development Tutorial

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Dive into a comprehensive 5-hour tutorial on creating a custom WordPress theme using Understrap in 2020. Learn to develop a modern, responsive theme from scratch, covering everything from initial setup to advanced features. Master HTML, CSS, JavaScript, and Bootstrap integration while building essential components like headers, navigation menus, hero banners, and various content sections. Explore responsive design techniques, implement custom fonts, and add animations to enhance user experience. Follow along with provided design files and code snippets to create a fully functional WordPress theme suitable for real-world projects.

Syllabus

- Introduction to WordPress Custom Theme Development
- WordPress Custom Theme Design
- Installing WordPress, Understrap, Database
- Wordpress and Setup Custom Theme Understrap
- Website Custom Theme CSS and Header Preparation
- Header Layout
- Header and Navigation CSS Styling
- Website Custom Fonts Imported Google
- Header Menu Layout and Styling
- Header Top Section Logo Links
- Header Responsive Design
- Header Mobile Menu Button and Nav
- Header Logo and Nav for mobile
- Home Page Hero Banner
- Home Call to Action Section
- Home Welcome to Section
- Home News Section
- Home About Us Section
- Home Testimonials Section
- Home Newsletter Signup Section
- Home Social Media Section
- Home Footer and Contact Form Section
- Home Animation using Wow Animation.css
- WordPress Home Page Review
- Conclusion