Date Time Picker field is used to fetch date from wordpress backend. The Date Time Picker field creates a jQuery date & time selection popup. Display FormatThe date format that is displayed when selecting a date. Return FormatThe date format that is returned when loading the value. Please note that the value is always saved… Continue reading How to fetch date from ACF fields
Category: Wordpress
Adding lottie in Nextjs
Lotties can be added to the Nextjs webpage using “lottie-interactive” library. Lottie interactive is custom web element adding multiple types of interactivity to Lottie animations. Lottie-interactive is availabile through npm. npm install lottie-interactive Then inside of your pages: Animation files (.json) can be accessed if put inside the /public/ directory. URLs to the animation can also be… Continue reading Adding lottie in Nextjs
How To Disable WordPress Plugins Via phpMyAdmin
Disabling WordPress plugins via phpMyAdmin involves making changes to your WordPress database directly. This method should only be used if you’re comfortable working with databases and have a backup of your website in case anything goes wrong. Here’s a step-by-step guide on how to disable plugins using phpMyAdmin: Important: Before proceeding, make sure you have… Continue reading How To Disable WordPress Plugins Via phpMyAdmin
Import and export contents in WordPress
Its very important to understand that how to export and import wordpress contents like posts, pages and all from one wordpress to another with the inbuild functionality that they provide. These contents can be successfully added to one wordpress from another with out any risks. Exporting the correct content is the first step of the… Continue reading Import and export contents in WordPress
How to remove the blue highlight of button on mobile?
When trying to create buttons, links or input fields using latest development technologies like next js, react and angular etc there might be some times a default background color may appear. This can cause bugs for the developed website since they create a different background color different from the mockup. As solution we can use… Continue reading How to remove the blue highlight of button on mobile?
How to add custom script to next.js website
Open the page from where you need to copy the javascript code. Copy the javascript code. Paste it in your nextjs project as a new js file. Script tag can be used to add the corresponding script to th eproject. The <Script /> component requires the following properties: src- A path string specifying the URL of an… Continue reading How to add custom script to next.js website
How To Disable WordPress Plugins Via WP-CLI?
You can use the WP-CLI (WordPress Command Line Interface) to disable plugins on your WordPress site. Here’s how you can do it: Open a command-line interface (terminal) on your server. Navigate to the root directory of your WordPress installation using the cd command. For example: To disable a specific plugin, use the following command: Replace… Continue reading How To Disable WordPress Plugins Via WP-CLI?
How to add Redirect 301 rule in .htaccess file
In an Apache .htaccess file, you typically add the Redirect 301 rule in the section where you want to manage URL redirections. The Redirect directive is used to create simple URL redirections, and the 301 indicates that the redirection is permanent (HTTP status code 301). In the example above, the Redirect 301 rule is placed… Continue reading How to add Redirect 301 rule in .htaccess file
How to add a tooltip to a component in Next.js
Tooltip can be added in various ways to your project React-tooltip library a. Install the required package using npm or yarn. Open your terminal and run: npm install react-tooltip b. Create a new component for your tooltip. For example, you can create a component called CustomToolTip.js: // CustomTooltip.jsimport React from ‘react’;import ReactTooltip from ‘react-tooltip’; const… Continue reading How to add a tooltip to a component in Next.js
Deploying a Next.js to Github pages
Next.js is a React framework that lets us build React web applications through a layer of automatic configuration abstraction. It pushes the React component paradigm towards a page based structure, and is great for static and, through automatic static optimization, dynamic websites. Step 1: The Next.js project Create a Next.js project by following the instructions… Continue reading Deploying a Next.js to Github pages