Element Selectors document.getElementById( 'idname' ); document.querySelectorAll( '.classname' ); Relationships element.nextElementSibling; element.classList.contains( 'classname' ); // bool element.classList.add( 'classname' ); element.classList.remove( 'classname' );

In themes: get_template_part( 'slug-name', 'name' );We should keep our templates inside template-parts directory.So lets say our template file is in: themes/theme-name/template-parts/home/home-my-template.phpTo include this template you will write ( for e.g. inside front-page.php ) get_template_part( 'template-parts/home/home', 'my-template' ); For e.g. our template file is in: themes/theme-name/template-parts/home/my-template.php get_template_part( 'template-parts/home', 'my-template' ); In Plugin, For e.g. our template … Continue reading Using Templates in WordPress →

Many times we come across a situation in JavaScript where we have to generate dynamic html let content = '<li class="list-item">' + '<div class="details">' + '<h3>{ title }</h3>' + '<p>{ description }</p>' ++ '</div>' + '</li>'; You can see the code above looks messy and difficult to read. WordPress recommends to use underscore templates.WordPress already has … Continue reading Using Underscore JS _.template() in WordPress →

Many times we come across a situation in JavaScript where we have to generate dynamic html let content = '<li class="list-item">' + '<div class="details">' + '<h3>{ title }</h3>' + '<p>{ description }</p>' ++ '</div>' + '</li>'; You can see the code above looks messy and difficult to read. WordPress recommends to use underscore templates.WordPress already … Continue reading Using underscore template in WordPress →

Visibility must be declared on method "__construct" Add public before the class method Detected usage of a non-sanitized input variable: $_POST['xyz'] You need to sanitize it. E.g. esc_html( $_POST['xyz'] ) or sanitize_text_field( $_POST['xyz'] )  Detected usage of a possibly undefined superglobal array index: $_POST['query']. Use isset() or empty() to check Wrap it inside empty() e.g. … Continue reading Fix PHPCS errors in WordPress →

As a CMS, WordPress is heavily dependent on its database, and database efficiency is crucial to scaling( capability to handle increased/growing workload ) WordPress. If requests to your website generates a large number of database queries, your database servers resource can become overwhelmed. This will reduce your site’s performance and uptime. To avoid multiple database … Continue reading Object Caching In WordPress →

In this blog, we will talk about what is storybook, why should we use it and how to set up storybook for your React project using storybook and create-react-app. So what is storybook? Storybook is an open source tool that is used for developing UI components in isolation for React, Vue, and Angular. Why should … Continue reading Storybook for React →

I will teach you how to integrate Google Maps in your React Project.You will also learn how to create an autocomplete location search and draggable marker. When you search the location and select one the marker will automatically move to that location and display the address in the infobox.We will use the following npm modules … Continue reading Google Maps in React: Autocomplete Location Search | Draggable Marker | Marker Infobox →

I will teach you the quickest and easiest way to upload single as well as multiple files on AWS using React js, Node js and Express js Here are the steps you will take: 1-Create an account on console.aws.amazon.com  2-Create a user and a new bucket. Note the accessKeyId and the secretAccessKey 3-Add policy to the bucket and the … Continue reading File Or Image Uploads on Amazon Web Services ( AWS ) using React, Node and Express JS ( aws-sdk ) →

In this blog you will learn how to create amazon bucket and user and get the Access key ID and Secret access key for uploading files.. https://youtu.be/cDj4LPTLR3o Step-1: Create an account on console.aws.amazon.com Step-2: Create user on console.aws.amazon.comOnce you have created the account Click on service > Security, Identity & Compliance > IAM Now click on Users > Add … Continue reading How to create a user and bucket Amazon Web Services ( AWS ) →