Learn the latest tech skills
WordPress
In this blog, we will learn about how to create a custom post-type search result page in WordPress. We need to take the following steps: Create a custom search page template ( {custom-post-type}-search.php ) Load your template using ‘template_include’ filter Create a custom search form template ( {custom-post-type}-searchform.php ) Step One — Custom Search Page Template Create a
In this blog, we will learn about how to add local fonts in TailwindCSS.There are several reasons why you should include fonts locally. Watch this video to know more. Step 1: Download the Fonts Locally Use Google Fonts Helper Place the fonts into the fonts directory. Step 2: Copy the fonts code into fonts.scss Step 3: Add the
In this blog, we will learn about how to create a load more posts feature for a single post page in WordPress. Create a nonce and pass it to the JavaScript file, so it can be verified. We will create a function that renders the template with load more button. Create a function that verifies
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