Category Wordpress

WordPress Plugin Development Boilerplate

Another contribution to the open-source community. We have developed and released a boilerplate template to develop a new WordPress plugin using Object Oriented Programming (OOP) approach. If you are a WordPress developer and want to develop a custom WordPress plugin from scratch, then this boilerplate may act as a good starting point for your new WordPress plugin.

WordPress and jQuery. What’s the Future?

WordPress is planning major jQuery changes in version 5.5 and future versions. Since WordPress relies on jQuery which is a popular JavaScript framework, the WordPress team wants to update jQuery to the latest possible version. In the long term, they…

Interview Questions for WordPress Developer

I have prepared a list of possible questions which are commonly asked or should be asked from a candidate applying for the position of a WordPress developer. What are WordPress plugins? What are WordPress themes? What are WordPress child themes?…

WordPress Security Checklist

Following are some general recommendations to enhance security of a WordPress website. Use a security plugin e.g. Wordfence (if not already installed) and make sure that it’s updated to the latest version. Following is a short summary of recommended Wordfence…

A Guide To WordPress REST API Authentication

WordPress provides a REST API to get, update, and delete the WordPress website data. This means that we can use WordPress CMS as a backend system to create & manage content and Angular or React to design our frontend application to consume the content using the WordPress REST API. In this blog post, we discussed the authentication process to safely and securely consume WordPress data using WordPress REST API.

How To Access Block Directory Inside Gutenberg Block.js File?

Sometimes, we need to access the block directory url inside Gutenberg block.js file (see following scenario). Let's say that inside the block folder you have an images folder containing logo.png image and you want to access that image inside the block.js file. In this blog post we will learn how to access the image inside images folder from block.js file.

Add Custom Category For Custom Gutenberg Blocks

Gutenberg block editor have revolutionized the way we add/edit post/page content. The block editor consists of some pre-defined blocks like heading, paragraph, image etc. Other than the default blocks, we can also create custom Gutenberg blocks as well. In this tutorial blog post, we will learn how to add custom category for custom Gutenberg block(s).

Control Types For Settings Sidebar – Gutenberg Block Development

In previous tutorial blog post, we have learned how to use Settings Sidebar to add option to change to change the color of Colored Lines block. We have used the PanelColorSettings element with custom color options which lets the user change the color of the Colored Lines. In this tutorial, we will learn about the other type of editable fields (text field, text area field, radio button field etc.) also known as controls for settings sidebar and how to use them inside the edit() function.

Customize Blocks Using Settings Sidebar – Gutenberg Block Development

In previous blog post we have developed a custom Gutenberg block i.e Colored Lines which adds colored lines in post/page editor. After that we have learned how to use Block Controls (Block Toolbar) to change the alignment of the colored lines. In this tutorial blog post, we will use the Settings Sidebar to add the options to change the color of the Colored Lines Gutenberg block.