Learn the latest tech skills
WordPress
In this blog we will learn about how to extend the Yoast to output our Custom Yoast Schema Pieces. You can get more details about what you fields require in the schema by searching it here Now let’s instantiate the above Review Class Now Check the JSON LD in your single post src, it would
Saving the ACF JSON files locally allows you to have version control over your field settings! Let’s learn how to do that. Create an acf-json directory Create a directory called acf-json in your plugin. Save the JSON Add the following in your functions.php file Now when you hit save/update for each ACF Group , it is going
In this blog you will learn about uploading a new approved plugin or updating an existing WordPress plugin on svn. 1. Adding New Plugin to WordPress Go to below link and upload your plugin :https://wordpress.org/plugins/developers/add/ Add read me file Screenshots Screenshots go in the /assets folderthe filename for screenshot should be screenshot-1.png, screenshot-2.png and the
In this blog we will learn how to add a slick carousel in a WordPress Theme without using any plugins. There are couple of ways you can add a slick carousel in WordPress: Using slick-carousel npm package, or, Download required slick files. In this blog we will learn the second way, by downloading the slick files.
Sometimes we may need to add custom fields to existing core WordPress REST API, which we may also need in the wp.data module for Custom Gutenberg Block development.In this blog we will learn about how to do just that. Add custom field to ‘user’ endpoint. We will use register_rest_field function and hook it to rest_api_init
In this blog we will discuss how we will setup Tailwind css in a WordPress plugin or theme. Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. If you would
In this blog, I will explain to you how to set up Webpack for your project. If you want to learn the basics of Webpack and why do we use it, you can watch the video below and then come back. You may already know that Webpack bundles all of your modules and dependencies into
Internationalization is the process of developing your theme, so it can easily be translated into other languages. Internationalization is often abbreviated as i18n (because there are 18 letters between the letters i and n). Localization describes the subsequent process of translating an internationalized theme. Localization is abbreviated as l10n (because there are 10 letters between the l and the
In this blog, I am going tell you the quickest and easiest way to create lazy loading without using any libraries.We are just going to use simpleCSS and JavaScript The Concept We first add the lightweight image URL in the src and srset attributes, and the actual image URL and actual srcset into data-src and data-srcset respectively.On initial page load, on window resize, scroll and
Creating a simple pagination for custom post types