WordPress Theme Development Tutorial
Tags: webdev, wordpress, tutorial, beginners
Published: 2020-06-14 10:14:08

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.

{% youtube MoO-UsIvFIs%}
<strong>[WordPress Theme Development Tutorial](https://youtu.be/MoO-UsIvFIs)</strong>

* [00:00:00 - Introduction to WordPress Custom Theme Development](https://youtu.be/MoO-UsIvFIs)
* [00:00:24 - WordPress Custom Theme Design](https://youtu.be/MoO-UsIvFIs?t=24s)
* [00:02:14 - Installing WordPress, Understrap, Database](https://youtu.be/MoO-UsIvFIs?t=2m14s)
* [00:07:02 - Wordpress and Setup Custom Theme Understrap](https://youtu.be/MoO-UsIvFIs?t=7m2s)
* [00:10:27 - Website Custom Theme CSS and Header Preparation](https://youtu.be/MoO-UsIvFIs?t=10m27s)
* [00:12:00 - Header Layout](https://youtu.be/MoO-UsIvFIs?t=13m10s)
* [00:19:50 - Header and Navigation CSS Styling](https://youtu.be/MoO-UsIvFIs?t=19m50s)
* [00:26:10 - Website Custom Fonts Imported Google](https://youtu.be/MoO-UsIvFIs?t=26m10s)
* [00:28:42 - Header Menu Layout and Styling](https://youtu.be/MoO-UsIvFIs?t=28m42s)
* [00:33:54 - Header Top Section Logo Links](https://youtu.be/MoO-UsIvFIs?t=33m54s)
* [00:48:27 - Header Responsive Design](https://youtu.be/MoO-UsIvFIs?t=48m27s)
* [00:59:30 - Header Mobile Menu Button and Nav](https://youtu.be/MoO-UsIvFIs?t=59m30s)
* [01:27:10 - Header Logo and Nav for mobile](https://youtu.be/MoO-UsIvFIs?t=1h27m10s)
* [01:34:30 - Home Page Hero Banner](https://youtu.be/MoO-UsIvFIs?t=1h34m30s)
* [01:48:14 - Home Call to Action Section](https://youtu.be/MoO-UsIvFIs?t=1h48m14s)
* [02:10:20 - Home Welcome to Section](https://youtu.be/MoO-UsIvFIs?t=2h10m20s)
* [02:35:05 - Home News Section](https://youtu.be/MoO-UsIvFIs?t=2h10m20s)
* [03:07:35 - Home About Us Section](https://youtu.be/MoO-UsIvFIs?t=3h7m35s)
* [03:42:16 - Home Testimonials Section](https://youtu.be/MoO-UsIvFIs?t=3h42m16s)
* [03:55:30 - Home Newsletter Signup Section](https://youtu.be/MoO-UsIvFIs?t=3h55m30s)
* [04:15:26 - Home Social Media Section](https://youtu.be/MoO-UsIvFIs?t=4h15m26s)
* [04:34:17 - Home Footer and Contact Form Section](https://youtu.be/MoO-UsIvFIs?t=4h15m26s)
* [04:53:44 - Home Animation using Wow Animation.css](https://youtu.be/MoO-UsIvFIs?t=4h53m44s)
* [05:06:25 - WordPress Home Page Review](https://youtu.be/MoO-UsIvFIs?t=5h06m25s)
* [05:10:14 - Conclusion](https://youtu.be/MoO-UsIvFIs?t=5h10m14s)

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 :)
* [🎞️ Youtube](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ?sub_confirmation=1)
* [🐦 Twitter](https://twitter.com/adrian_twarog)
* [💬 Discord](https://discord.gg/nGdThpE)
* [❤ Patreon](https://www.patreon.com/adriantwarog)

## Want to see more:
I will try to post new great content every day. Here are the latest items:
* [Adobe XD to Fully Responsive WordPress Site](https://dev.to/adriantwarog/adobe-xd-to-fully-responsive-wordpress-site-16e0)
* [Adobe XD to HTML Full Process](https://dev.to/adriantwarog/adobe-xd-to-html-full-process-ao6)
* [Full Tutorial on how to use SASS to improve your CSS](https://dev.to/adriantwarog/full-tutorial-on-how-to-use-sass-to-improve-your-css-57on)
* [Creating a Mobile Design and Developing it](https://dev.to/adriantwarog/creating-a-mobile-design-and-developing-it-5c4o)