WP Manifestindependent plugin directory
manifest / builders / ms-loop-grid

Custom Post Elementor Widget

Elementor Widget to create a loop grid

by Muhammad Sibtain · github.com/msibtain/ms-loop-grid

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/msibtain/ms-loop-grid/archive/refs/heads/main.zip
Readme github.com/msibtain/ms-loop-grid ↗

A powerful WordPress Elementor widget that displays custom post types in a beautiful, responsive grid or list layout with extensive customization options.

Features

Layout Options

  • Flexible Display Layouts
    • Grid layout with responsive columns
    • List layout with image-content alignment
    • Automatic responsive adjustments for mobile devices

Content Controls

  • Custom Post Type Support
    • Compatible with any registered custom post type
    • Dynamic post type selection
    • Configurable number of posts per page

Category Filtering

  • Dynamic Category Selection
    • Enable/disable category filtering
    • Multiple category selection support
    • Automatic taxonomy detection for custom post types
    • Real-time category list updates based on post type

Title Options

  • Title Link Control
    • Enable/disable clickable titles
    • Custom title color settings
    • Hover color customization
    • Typography controls (font family, size, weight, etc.)

Description Display

  • Excerpt Styling
    • Custom description color
    • Typography customization
    • Proper text formatting and spacing

Image Handling

  • Featured Image Display
    • Responsive image sizing
    • Proper aspect ratio maintenance
    • Hover effects on linked images
    • Support for missing featured images

Pagination

  • Advanced Pagination System
    • Numbered page navigation
    • Previous/Next buttons
    • Current page highlighting
    • Customizable pagination colors
    • Responsive design for mobile

Styling Options

  • Comprehensive Style Controls
    • Custom color schemes
    • Typography customization
    • Spacing and layout adjustments
    • Hover effects and transitions
    • Mobile-responsive designs

Requirements

  • WordPress 5.0 or higher
  • Elementor Plugin (latest version recommended)
  • PHP 7.0 or higher

Installation

  1. Download the plugin zip file
  2. Go to WordPress admin panel → Plugins → Add New
  3. Click "Upload Plugin"
  4. Upload the zip file
  5. Activate the plugin

Usage

  1. Edit any page with Elementor
  2. Look for "Custom Post Display" in the Elementor widgets panel
  3. Drag and drop the widget into your layout
  4. Configure the following settings:

Basic Setup

  • Choose layout type (Grid/List)
  • Select custom post type
  • Enable/disable category filtering
  • Select categories to filter posts
  • Set number of posts per page
  • Enable/disable title links
  • Toggle pagination

Style Customization

  • Set title colors and typography
  • Customize description appearance
  • Adjust pagination colors
  • Configure hover effects

Responsive Design

The widget is fully responsive and includes:

  • Automatic column adjustment for grid layout
  • Flexible image sizing
  • Mobile-friendly list layout
  • Touch-friendly pagination
  • Optimized spacing for small screens

Support

For support, feature requests, or bug reports, please visit the GitHub repository.

Credits

Developed by Muhammad Sibtain

License

This project is licensed under the GPL v2 or later