Articles by Hardeep Asrani, Author at CodeinWP

Hardeep Asrani4 articles /

Hardeep Asrani is a developer and Star Wars fan from Kanpur. He loves contributing to the WordPress community in many ways, including support, themes, plugins, and more. You can find him on Slack pretty much all the time exploring different parts of the WordPress community. Hardeep works for ThemeIsle.com as a support ninja and developer. Hardeep is also one of the organizers of WordCamp Kanpur.

Google Maps JavaScript API Tutorial: Add a Custom Map to Your Website

Hardeep Asrani / Updated: June 29, 2020 / Web Design & Development / Show Comments

Google Maps helps us every day in navigating our way through roads and finding places in a manner that was unimaginative just a few decades ago. It is not only useful in wayfinding, but we also see many examples of maps used for data visualization, such as how recently many websites are using maps to visualize the spread of COVID-19 throughout the globe. Today, let’s learn how we can use the Google Maps JavaScript API to build custom maps for our websites and applications.

(read more)

Making a “Plugin Options Page” With Gutenberg Components

Hardeep Asrani / Updated: March 25, 2020 / WordPress Tutorials / Show Comments

Plugin Options Page With Gutenberg Components

Building option panels for plugins have never been a fun task. It is usually the thing developers do at the end, and most developers do not put much effort into designing their options panel at all. But can you make an options page with components from Gutenberg?

(read more)

How to Make Your Plugin Compatible With Gutenberg: Part 2 (Sidebar API)

Hardeep Asrani / Updated: December 20, 2018 / WordPress Plugins, WordPress Tutorials / 1 comment

Make Your Plugin Compatible With Gutenberg - Sidebar API

If you’re trying to make your plugin compatible with Gutenberg, you have a couple of paths that you can/should take – depending on what your plugin does and how it delivers its features to the user. In the first part of this mini-series, we explored Gutenberg’s Block API – which is what most plugins need in terms of Gutenberg-compatibility. This time, we will be exploring another piece of the Gutenberg puzzle – Gutenberg’s Sidebar API.

(read more)

How to Adapt Your Plugin for Gutenberg: Part 1 (Block API)

Hardeep Asrani / Updated: July 26, 2018 / WordPress Plugins, WordPress Tutorials / 2 comments

Adapt Your Plugin for Gutenberg: Part 1 (Block API)

The story is straightforward; Gutenberg is the new editor experience in WordPress, which is going to be merged into core in the next major release. A lot of plugins that do not keep up with this will become obsolete. This makes it essential that you adapt your plugin for Gutenberg before it’s too late.

(read more)

Hardeep Asrani4 articles / <img src="https://iotvnaw69daj.i.optimole.com/MTfWlvI.-x0Z~6558a/w:auto/h:auto/q:90/https://mk0codeinwphmfv1h813.kinstacdn.com/wp-content/themes/codeinwp2018/img/twitter-white.svg">

Most Searched Articles

14 of the Best JavaScript Libraries and Frameworks to Try Out in 2020

50+ Best Free WordPress Themes for 2020 (Responsive, Mobile-Ready, Beautiful)

10+ Best WordPress Hosting Providers of 2020 Compared & Tested

Handpicked Articles

How to Make a WordPress Website: Ultimate Guide for Beginners and Advanced Users Alike

How to Start an eCommerce Business From Scratch (In 10 Steps)

Hardeep Asrani4 articles /