Skip to content

WordPress

javascript fetch api

JavaScript fetch API to load WordPress posts

There are many ways to paginate your WordPress archives. paginate_links() function is one of them. It will return the pagination number links for your archives. However this pagination will show posts in separate pages like 1, 2, 3 etc. But there is a way to load more posts in your archive without refreshing the entire page. We shall learn the most effective way to do that with simple JavaScript fetch API. This tutorial covers the entire process of using the fetch API and without any jQuery dependency.

Read More »JavaScript fetch API to load WordPress posts
WordPress Rest API and Ajax

WordPress custom posts archive with REST API and ajax

WordPress archives are template based which uses the default loop. For example – archive.php, archive-{post-type}.php, category.php, tag.php etc are used for different types of archives. Beside this, the index.php file should always be used for the home page which shows most recent posts in chronological order. We all are very… Read More »WordPress custom posts archive with REST API and ajax

Pages: 1 2 3 4
dynamic grid carousel

Create a dynamic grid carousel with Tiny Slider

  • Last updated: May 16, 2020

All of us are probably aware that owl carousel which is built with jQuery, is almost dead now. The author of owl carousel is inspiring all users to switch to the Tiny Slider. This works much faster as it is built with vanilla js or in simple words it’s built with plain JavaScript. In this tutorial, we shall learn how we can create a dynamic grid carousel with tiny slider.

Read More »Create a dynamic grid carousel with Tiny Slider
recent posts widget for Elementor

How to create recent posts widget for Elementor – part 3

  • Last updated: May 15, 2020

Introduction

This is a continuation of the tutorial series. In this tutorial, we will learn about recent posts widget –

  1. Control and tabs.
  2. Planning the dynamic controls for content and style.
  3. How to render our widget in a page.

In this process, we will be using the render part first with static display without any control. Then we will start adding our controls to the widget for better understanding.

Read More »How to create recent posts widget for Elementor – part 3