Post Grid with Ajax Filter

Beschrijving

Post Grid with Ajax Filter plugin is a simple WordPress plugin that helps you filter your post by category terms with Ajax including Infinite scroll. Ajax post grid will help you Load posts with grid layout and you can also filter by post category.

Just use below shortcodes anywhere. Below you can see all available shortcodes.

See the Live demo

Features

  • Shortcodes for showing anywhere
  • Load More Button
  • Infinite Scroll
  • Animate on Post load
  • Pre-Build Layout
  • Grid Layout
  • Ajax Post Grid
  • Category Filter with ajax
  • Controlling Options
  • Post pagination
  • Show/Hide Specific category terms

Shortcodes

  • Default Shortcode
[am_post_grid]
  • Control for Show or Hide the filter
    Options: yes,no
    Default: yes
[am_post_grid show_filter="no"]
  • Control Number of Posts Per Page
    Options: Integers, -1 for all posts
    Default: WordPress Default
[am_post_grid posts_per_page="6"]
  • Post pagination
    Options: yes,no
    Default: “yes”
[am_post_grid posts_per_page="6" paginate="yes"]
  • Show/Hide “All” Button before filter
    Options: yes,no
    Default: “yes”
[am_post_grid btn_all="yes"]
  • Show/Hide Specific Category Terms
    Options: 1,2,3,4
    Default: “”
[am_post_grid cat="100,101,103"]

or

[am_post_grid terms="100,101,103"]
  • Hide/Show Empty Category Terms
    Options: true, false
    Default: “true”
[am_post_grid hide_empty="false"]
  • Post Order
    Options: ASC, DESC
    Default: “DESC”
[am_post_grid order="DESC"]
  • Post Orderby
    Default: ‘menu_order date’, //Display posts sorted by ‘menu_order’ with a fallback to post ‘date’
[am_post_grid orderby="title"]

Here is the full documentation for post order/orderby: Order & Orderby Parameters

  • Pagination Type: Load More button or Paginate Links
    Options: “”,load_more
    Default: “”
[am_post_grid pagination_type="load_more"]
  • Infinite Scroll (Works only for pagination_type=”load_more” attributes )
    Options: “”,true
    Default: “”
[am_post_grid infinite_scroll="true"]
  • Animation effect
    Options: “”,true
    Default: “”
[am_post_grid animation="true"]

Schermafdrukken

  • Frontend Preview
  • Filter Preview
  • Pagination Preview

Installatie

  1. Upload “ajax-filter-posts.zip\” to the “/wp-content/plugins/” directory.
  2. Activate the plugin through the “Plugins” menu in WordPress.

FAQ

How to use it?

use this shortcode: [am_post_grid]

Why the plugin is not working?

Please post details on support forum.

I need help with custom feature?

email me at addonmasterwp@gmail.com

Beoordelingen

10 september 2022 1 reactie
This plugin displays a grid of post excerpts that allows end-users to filter on categories. Behind the scenes, it uses sophisticated coding. In terms of putting it on your website, it works with shortcodes that are simple to set and give you the ability to fine-tune the way filtering and pagination work. You can't change the layout without CSS, but the designer has chosen well. The plugin provides a 3-column desktop layout that is very clean and elegant, as well as responsive. The developer has a particularly good sense for how to design the layout, compared to other plugins I have worked with. By forcing images into the same size format and placing them at the top of each post above the title, the posts all line up well. In addition, I have found the developer to be responsive as well.
3 juni 2022 1 reactie
Taxonomy filters are implemented as li elements, and everything is missing aria-labels. Could be better if you could overwrite templates with your own.
11 februari 2021
Very good work. Adding a few new options will make this plugin number 1 in the market.
12 juli 2020
The plugin does exactly what it says it does and is simple to use but is missing some key features: Missing Features: - Post Grid Doesn't scroll back to the top row when you switch to the next paginated page. (Less convenient for users to scroll back up) - Uses full-sized images for thumbnails (Larger images will take longer to load. Easily remedied by switching it to 'thumbnails' in the plugin's code.) Other than that, the grid is not responsive for mobile but I easily fixed that with CSS and my own media queries. Though I couldn't figure out how to implement a scroll back to the top feature on my own. It would be ideal for mobile user-experience and when I have a lot of posts display on the screen at once.
Lees alle 12 beoordelingen

Bijdragers & ontwikkelaars

“Post Grid with Ajax Filter” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

Vertaal “Post Grid with Ajax Filter” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

3.2.1

  • Sep 10, 2022
    Added: Static Load on Page Load

3.1.5

  • Sep 06, 2022
    Fixed: Loading Issue on page load
    Tested up to WordPress 6.0.2

3.0.4

  • JUN 11, 2022
    Fixed: Nonce fix
    Tested up to WordPress 6.0

3.0.0

  • Nov 21, 2021
    Added: Load More Button [See latest Shortcodes]
    Added: Infinite Scroll
    Added: Animation Effect on post load
    Added: Posts restrictions by Terms
    Fixed: Code issues

2.2.1

  • March 8, 2021
    Added: Order Parameter
    Added: Orderby Parameter

2.2.0

  • Feb 23, 2021
    WordPress 5.6.2 Compatible
    Added: Show/Hide Specific category terms
    Added: Hide/Show Empty Category Terms

2.1.0

  • Feb 3, 2021
    WordPress 5.6 Compatible

2.0.4

  • March 19, 2020
    Issue Fixed: Draft posts are displayed

2.0.2

  • March 9, 2020
    Ajax pagination
    CSS Improvement
    Ajax Improvement
    Speed Improvement

2.0.0

  • Jan 22, 2020
    Multiple grid support
    Ajax Improvement
    Speed Improvement
    Shortcode Extended :
    posts_per_page – for controlling number of posts
    btn_all – Show/Hide “All” Button on filter
    show_filter – Show/Hide the filter

1.0.4

  • Jan 21, 2020
    Multiple grid support
    Ajax Improvement
    Speed Improvement
    New Design Layout Added

1.0.4

  • Initial release.