Gutenberg Packages

In Gutenberg we have a lot of packages which help us to perform certain things. Gutenberg provides the list of packages for Gutenberg development. Below is the list of all the possible packages which are officially available in WordPress. @wordpress/a11y @wordpress/annotations @wordpress/api-fetch @wordpress/autop @wordpress/babel-plugin-import-jsx-pragma @wordpress/babel-plugin-makepot @wordpress/babel-preset-default @wordpress/base-styles @wordpress/blob @wordpress/block-directory @wordpress/block-editor @wordpress/block-library @wordpress/block-serialization-default-parser @wordpress/block-serialization-spec-parser @wordpress/blocks @wordpress/browserslist-config

Easy Search

The plugin Easy Search provide a zero configuration search for the Gutenberg block editor. Below is the screenshot of how it looks like in the WordPress Gutenberg Editor. To use the plugin is pretty simple. Just follow below steps: Install and Activate Easy Search You can install the Easy Search plugin from various ways: Install

Install NPM and Node.js

Node.js is an open-source server environment run on various platforms (Windows, Linux, Unix, Mac OS X, etc.) which uses JavaScript on the server, and most importantly it’s FREE. Node.js is a JavaScript runtime built on Chrome’s V8 JavaScript engine. You are going to see: Overview of Node.js The installation process of NPM and Node is


WordPress Code Sniffer Errors and Warnings

Below is the list of all possible WordPress code sniffer errors and warnings. WordPress.Arrays WordPress.Arrays WordPress.Array.ArrayDeclarationSpacing WordPress.Arrays.ArrayAssignmentRestrictions WordPress.Arrays.ArrayAssignmentRestrictions WordPress.Arrays.ArrayDeclaration WordPress.Arrays.ArrayDeclarationSpacing WordPress.Arrays.ArrayIndentation WordPress.Arrays.ArrayIndentation WordPress.Arrays.ArrayKeySpacingRestrictions WordPress.Arrays.ArrayKeySpacingRestrictions WordPress.Arrays.CommaAfterArrayItem WordPress.Arrays.MultipleStatementAlignment WordPress.Arrays.MultipleStatementAlignment WordPress.CSRF WordPress.CSRF.NonceVerification WordPress.CSRF.NonceVerification WordPress.Classes WordPress.Classes.ClassInstantiation WordPress.Classes.ClassInstantiation WordPress.Classes.ClassInstantion WordPress.Classes.ClassOpeningStatement WordPress.Classes.ValidClassName WordPress.CodeAnalysis WordPress.CodeAnalysis.AssignmentInCondition WordPress.CodeAnalysis.EmptyStatement WordPress.CodeAnalysis.EscapedNotTranslated WordPress.DB WordPress.DB.DirectDatabaseQuery WordPress.DB.PreparedSQL WordPress.DB.PreparedSQLPlaceholders WordPress.DB.RestrictedClasses WordPress.DB.RestrictedClasses WordPress.DB.RestrictedFunctions WordPress.DB.RestrictedFunctions WordPress.DB.SlowDBQuery WordPress.DB.SlowDBQuery.DeprecatedWhitelistFlagFound WordPress.DateTime WordPress.DateTime.CurrentTimeTimestamp WordPress.DateTime.RestrictedFunctions WordPress.Files WordPress.Files.FileName

User Roles & Capabilities

WordPress allow us to manage users with Roles and Capabilities. Basically user roles are the combination of multiple capabilities. Each user role have 1 or many capabilities. Capacities are the tasks which user user role can perform such as: Create Post Install Plugin Add Users Delete Theme etc. We know that Administrator user can do

Sample Data

Most of the time we need the sample data. Basically we need sample data which includes post, pages etc. We are going to see: Overview Themes and plugins provide there own sample data such as: WooCommerce – Which provides the sample products. bbPress – Which provides the forums, topics, etc. It is hard to import

Yoast SEO Custom Template Variable

In this article we are going to see how to add custom template variable into the Yoast SEO plugin. We are going to read: What are the variables in Yoast? Yoast plugin provides the variables to customise the site title. Below are some examples of the variables. %%title%% %%sitename%% %%title%% %%primary_category%% %%sep%% etc You can


Basic Authentication

In this article we are going to see how to perform basic authentication requests with plugin JSON Basic Authentication. Table of Content Overview We can perform below operation though Rest API: Retrieve Create Update Delete For Create, Update or Delete Rest API request we need to authenticate the request. Quick Note: WordPress provides a Rest

WordPress Get Post Type

In this article we are going to see how to get the current post type. WordPress provide us the function get_post_type() function which return current post type. E.g. here we have created a CSS class post-<current post type>. The function get_post_type() internally call the function get_post(). So, we can pass the int|WP_Post as parameter. All of

WooCommerce Country List

Below is the country list with country code from the WooCommerce plugin. Country Code Country Name AF Afghanistan AX Åland Islands AL Albania DZ Algeria AS American Samoa AD Andorra AO Angola AI Anguilla AQ Antarctica AG Antigua and Barbuda AR Argentina AM Armenia AW Aruba AU Australia AT Austria AZ Azerbaijan BS Bahamas BH

Application Passwords

In this article we are going to see all about the WordPress plugin Application Passwords. Create different applications with unique passwords for any user to manage the REST API & XML requests. Table of Content Overview In simple basic authentication REST API & XML-RPC request we use the username and the password of the WordPress


Bootstrap 4 Cheat Sheet

While development I’m always queries about how to see all the CSS classes from the Bootstrap 4. Finally I have create it. I have categories all the classes in a group. Browse the list: Heading <h2> to <h6> .h1 .h2 .h3 .h4 .h5 .h6 Large Headings .lead .display-1 .display-2 .display-3 .display-4 Misc Tags .small .mark

WordPress Get Post ID

In this article we are going to see how to get or display the current post id? Table of Content Overview WordPress provide us two functions these are: the_ID() get_the_ID() the_ID() vs get_the_ID() the_ID() When you want to print the current post ID then use the_ID() function. E.g. here we have created a CSS class

Display a Shortcode without executing it

Problem Most of the times we need to display the actual shortcode into the documentation, blog post or somewhere else by without executing it. But, If that plugin is installed on our website where we use that shortcode into our documentation then that shortcode executing their markup. For example, I have created a plugin Easy