Task 93 of WordPress Theme Development from Scratch series in Urdu – Hindi under #WPSpartans300 Mission 2020. We finalized our html template in this task and moved towards WordPress. Finally.

In this task, we used Isotope to create filterable and sort-able portfolio items. Easy to use with Bootstrap Button Group and Buttons.

First of all, we created basic markup. Then we added images downloaded from Pixabay. Then we created custom classes and added them to col. Basically a bootstrap row is grid and col is a grid-item in our case.

While working, I realized that the footer is disturbed. It was in conflict with Bootstrap’s built in classes. So, we changed row to spartans. Used same class as variables in custom js and stored the values within to fetch and use.

Then we talked about two jQuery/ JavaScript Libraries/ resources:
1) MixitUP V3 (It has two types of license. Free for GPL themes but commercial license is also there just in case you wanna sell you theme via any marketplace.
2) Filterizr JS / jQuery library. It has MIT License. And we can use it in our free and commercial projects.

Then we used Bootstrap basic markup to create Contact Page with two columns. We created contact form and added Google Map.

Finally, we downloaded WordPress. Talked about Xampp, localhost. Ignited the beauty. Entered the final zone. WOW. Congrats #Spartans.

We installed WordPress step by step. Created demo database and integrated with newly created site.

In next task, we’ll continue exploring WordPress with Spartans Spirit.
Hello, this is Farooq, and I’m online for my #Spartans. #WPSpartans300 Mission is my passion, and I won’t let you down.

Keep on learning. Keep on earning via Upwork, Fiverr etc.

Freelance Pakistan’s Official Website:
https://www.freelancepakistan.com/
Facebook Group
https://www.facebook.com/groups/freelancepakistancom
Facebook Page:
https://www.facebook.com/Freelance.Pakistan