Author: GeeksLab Technology

How to use JQuery Swipe Slider?

Swiper Slider is a responsive jQuery plugin used for creating sliders on websites.Following the below steps, you will learn how to set up jQuery Swiper Slider on your website.Reference site: Click HereStep 1: Include jQuery and Swipe Slider Libraries:Make sure you have both the jQuery library and the Swipe Slider plugin included in your project. Copy <!– Include jQuery –> <script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script> <!– Include the Swipe Slider jQuery Plugin –> <link rel=”stylesheet” href=”path/to/your/swipe-slider.css”> <script src=”path/to/your/jquery.swipeSlider.min.js”></script> Step 2: Inside the HTML Structure:Create an HTML structure for your Swipe Slider. Wrap your slider items in a container with a class, such as…

Read More

How to Use OWL Carousel?

OWL Carousel is a responsive jQuery plugin used for creating carousels or sliders on websites.Following the below steps, you will learn how to set up jQuery OWL Carousel on your website.Reference site: Click Here Step 1: Include jQuery and OWL Carousel:You need to include jQuery and the OWL Carousel files in your project. You can either download them or use CDN links. Copy <!– Include jQuery –> <script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script> <!– Include OWL Carousel CSS –> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css”> <!– Include OWL Carousel theme –> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css”> <!– Include OWL Carousel JS –> <script src=”https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js”></script> Step 2: Inside the HTML Structure:Create…

Read More

How to Integrate jQuery Magnifying Popup?

Adding a jQuery Magnifying Popup lets people zoom in on pictures or parts of a webpage with a magnifying glass effect in a popup window. You can do this by using Magnific Popup (a well-known lightbox plugin) together with ElevateZoom or jquery.magnify to create the zoom effect.Following the below steps, you will learn how to set up jQuery Magnifying Popup on your website.Reference site: Click HereStep 1: Include Required Libraries:Add jQuery, Magnific Popup, and a magnifying plugin like ElevateZoom or jquery.magnify. Copy <!– jQuery –> <script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script> <!– Magnific Popup –> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css”> <script src=”https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js”></script> <!– ElevateZoom –> <script…

Read More

How to Integrate JQuery LightBox?

Lightbox is the preferred jQuery plugin for images, galleries and media for webpages as it renders them in an elegant overlay. It improves the UI/UX of the website because the images can be viewed without leaving the page. Following the below steps, you will learn how to set up jQuery Light Box on your website.Reference site: Click HereStep 1: Include jQuery and Lightbox Plugin:Before using the Lightbox, you need to include jQuery and the Lightbox plugin files for CSS & JavaScript in your project. Or, you can also download the files and host them locally.Step 2: How to use a CDN:Add…

Read More

WordPress Security in Easy Steps (No Coding)

WordPress security is an important issue, especially when your website contains sensitive data or you run a blog or business site. Below are some simple steps you can take to increase the security of your WordPress site without any coding:1. Use strong passwords:Strong password for admin account: Use a complex and strong password for your admin account. Use uppercase letters, lowercase letters, numbers, and special symbols in the password.Password policy for users: If you have multiple users on your site, encourage them to use strong passwords as well.2. Enable Two-Factor Authentication (2FA):Using a plugin: You can enable two-factor authentication using…

Read More

All About WordPress Child Theme

A WordPress child theme is a copy or version of a WordPress theme that allows customization and changes without affecting the functionality and design of the parent theme. By using child themes you can change the design and functionality of your website without changing the code of the main theme. This reduces the risk of losing your customizations in an update to the original theme.In this post we will discuss the advantages of child themes, how to create a child theme and other details:Advantages of child themes:Protection of the original theme: Updates do not cause any problems as the code…

Read More

How to set up the country flag and phone numbers in contact form 7?

Sometimes, we need to set up country flags and phone number input in Contact Form 7 (CF7). For this, you need to use a plugin. This plugin will allow users to select their country code with a flag and enter a properly formatted phone number in Contact Form 7 (CF7).To set up country flags and phone number input in Contact Form 7, you can follow these steps:Plugin setup: Log in to your wordpress dashboard.Go to Plugin > Add new plugin.If Contact Form 7 (CF7) is not installed, search, install and activate the plugin.Search for Country & Phone Field Contact Form 7.Install…

Read More

Multi-Level Menu Like Primary Category and Sub Category Menu using PHP MySQL

To create a multi-level menu with primary categories and subcategories using PHP and MySQL, you can follow these steps: Copy <ul> <?php // Parent Category Menu Query $sql = “SELECT cat_id AS ‘pCatID’, cat_name AS ‘pCatName’ FROM category WHERE is_parent = 0 AND status = 1 ORDER BY cat_name ASC”; $parentMenu = mysqli_query($db, $sql); while( $row = mysqli_fetch_assoc($parent_Menu) ) { extraxt($row); //print_r($row); $subCat = “SELECT cat_id AS ‘sCatName’ FROM category WHERE is_parent = ‘$pCatID’ AND status = 1 ORDER BY cat_name ASC”; $subMenu = mysqli_query($db, $subCat); $countSubMenu = mysqli_num_rows($subMenu); if ( $countSubMenu == 0 ){ ?> <li> <a href=”category.php?category=<?php echo…

Read More

How To Check WordPress Website Health And Improve It?

Monitoring the status of your WordPress site is vital in order to maintain its performance, protection, and use. In WordPress, there are tools and recommendations aimed at improving the website’s health. By following the below steps, you can check WordPress website health status and also you can improve it.Plugin setup: Log in to your wordpress dashboard.Go to Plugin > Add new plugin.Search for Health Check & Troubleshooting by The WordPress.org community.Install and activate the plugin.Once installed and activated, go to Tools > Site Health. Health check and Troubleshoot: From the site health menu, go to the info tab as in the image.In the…

Read More

How to connect PHP and MySQL Database?

To create a smooth connection between PHP and a MySQL database for effective data storage, retrieval, and management, we can use PHP’s mysqli or PDO (PHP Data Objects) extension. The aim is to build a secure, scalable, and functional backend system. This involves setting up database credentials, managing any connection errors, and running SQL queries for CRUD operations. It’s important to use prepared statements to guard against SQL injection, ensuring the application stays secure. This goal is centered on enhancing the interaction between PHP and MySQL to support strong, dynamic, and data-driven web applications.By following the below steps, you can connect…

Read More