DEV Community

Cover image for WordPress Theme Development Tutorial
Adrian Twarog
Adrian Twarog

Posted on

WordPress Theme Development Tutorial

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

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)

Collapse
 
thomasbnt profile image
Thomas Bnt

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?

Collapse
 
adriantwarog profile image
Adrian Twarog

What is footballer. If you can link what you mean I might be able to do a video on it to help out :)

Collapse
 
thomasbnt profile image
Thomas Bnt

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.

Thread Thread
 
adriantwarog profile image
Adrian Twarog

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!

Collapse
 
bhavin_savaliya_f8aa89dd0 profile image
bhavin savaliya • Edited

@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.

Collapse
 
digital_hub profile image
hub

many thanks for sharing - this is awesome