How to Apply jQuery UI Datepicker in WordPress

WordPress has changed a lot since version 3.8, especially the admin UI theme. Following the masses, the WordPress admin UI now looks flatter, removed of gradients and shadows. It means, if you have a built theme or plugin that used a customized UI, it is time for a makeover. As an example, here I have added Data Picker in the post editing screen. And as you can see below the calendar’s UI seems a bit out of place. If you hae the same problem, follow this article as we are going to show you how to adjust this to make your customized UI...

How to Properly Include CSS and JS in your WordPress Themes and Plugins

Gosh, guys, I understand that this kind of beginners guide but in all my other tutorials I very often talk about including JavaScript and CSS, so since now I am able to give you a link to this tutorial. And to be honest, I didn’t find any good and fresh tutorial on this topic. Before we proceed to the guide I want you to know that you should never add external CSS and JS directly to WordPress template files like header.php, footer.php etc. In some cases it could be OK to add some internal code there using <style> and <script> tags, but also not recommended. Internal CSS and JavaScript ...

How to add jQuery scripts to WordPress?

To add jQuery scripts to WordPress can make the difference between a dynamic and a dull website. On which side do you want to be? WordPress plugins and themes are part of what makes the CMS so popular, as they allow the customization and optimization of the websites hosted on the platform. However, to take full advantage of these elements, it is important to know how to add and use jQuery scripts. But do you know what jQuery is? It is a JavaScript library created by John Resig in 2006. Its main purpose is to associate with JavaScript elements in HTML in order to provide more dynamism...

How do I add a simple jQuery script to WordPress

How do I add a simple jQuery script to WordPress? This is one of the questions many WordPress site owners are searching for answers. If you are one of them, I have shared a quick tutorial that I hope will answer any of the questions you might have about adding jQuery script to WordPress. Here’s how I do it Step 1: The first step is to make a new JavaScript file and put it in the desired theme folder. To do this, just go to your WordPress theme folder and create a subfolder and name it ‘js’. Add a file...

Slick Slider WordPress Without Plugin | Slick Carousel

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. Step One: Download Slick Carousel files: The first thing we need to do is download the slick files from kenwheeler.github.io Create a directories called assets, src and library in the root of your project in the following order. your-theme > assets > src > libraryCreate two more directories inside library called css and js https://imranhsayed.medium.com/slick-slider-wordpress-without-plugin-slick-carousel-ef2394c737ef

Beginners Guide: Implement jQuery Scripts into WordPress Websites

jQuery scripts come in all kinds of shapes and sizes. They can do a variety of awesome things, but implementing them into your WordPress website can be a challenge for beginners. In particular, if the documentation is littered with hard-to-understand jargon and unclear instructions. In this article we shall walk you through the process of correctly implementing jQuery scripts into WordPress sites. Using a Child Theme Firstly, we're going to be using a child theme to add scripts to a WordPress website. If you're using a premium WordPress theme then chances are, that you have been provided one with your purchase. If not,...

How to add jQuery to your WordPress theme

jQuery is a very popular, if not the most popular, Javascript library. It’s a clear, concise library, and more importantly, it’s fast. Being relatively small in size, in most cases, it works well without slowing load time down. It simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation, event handling, and animating. It allows you to add this interactivity to your site quickly, without the need to write vanilla JavaScript. Why is jQuery so great? It’s lightweight compared to most other JavaScript frameworks.It has a wide range of plugins available for various needs.It is easy for...