Log in to the Plesk admin page and select Applications on the left-hand menu Click Install for WordPress on the Applications page. It will take a few moments for the WordPress application to download and install. After the process completes, you will be able to view and manage your WordPress installation. To manage the WordPress installation, go to Applications > Manage My Applications and click… Continue reading Setup wordpress through plesk CPanel in server
Category: Wordpress
How to fix hydration errors in Nextjs theme change
Hydration error is a very common error in Nextjs. In order for hydration to function correctly, the initial client-side rendered version of the UI must be identical to the server-side one. However, in this case, the resolvedTheme variable is undefined on the server and a string on the client, causing the React trees rendered on the server and client to be… Continue reading How to fix hydration errors in Nextjs theme change
How to implement dark/light theme in Nextjs
Adding themes to Next.js app makes it possible for users to personalize their experience and improve the usability of product. With themes, users can easily switch between light and dark modes. Next themes This package provides a custom useTheme hook to consume and change the current theme. It can also select between dark and light modes based… Continue reading How to implement dark/light theme in Nextjs
How to Fix the 504 Gateway Timeout Error? – WordPress
Try Reloading the Webpage If you see a 504 Gateway Timeout error, wait a bit and then try refreshing the page. To refresh the page, you can press F5 on your keyboard, or press CTRL+F5 to refresh without using saved data. Reboot Your Network Devices At times, issues with your modem or router might cause… Continue reading How to Fix the 504 Gateway Timeout Error? – WordPress
How to fetch date from ACF fields
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
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