ADP Kanban Boards Plugin

A flexible Kanban board solution for WordPress that allows users to create custom boards connected to any content type, with developer-friendly hooks for extending functionality.

Features

• 🧩 Content Type Integration: Connect Kanban boards to posts, pages, custom post types
• 🛠️ Customizable Workflows: Create unlimited boards with custom columns
• ⚡ Developer-Friendly: Extensive hooks system for custom functionality
• 🎨 Drag & Drop Interface: Intuitive card management
• 🔗 Deep WordPress Integration: Works seamlessly with existing content
• 🌐 Multi-site Ready: Compatible with WordPress Multisite installations

Installation

1. Download the repository as zip file
2. Go to WordPress Admin → Plugins → Add New → Upload Plugin
3. Upload the ZIP file and activate the plugin
4. Navigate to ADP Kanban and enable kanban on selected post types
5. Navigate to any post type enabled in previous step and then Kanban Settings to create your first board
6. In last step click on ADP Kanban besides Kanban Settings and manage your boards (add, sort or remove items)

Basic Usage

Creating a Board

1. Go to Kanban Settings in any of enabled post types
2. Configure auto save options
3. Add boards in Kanban Boards section
4. Add board info like Board ID and Title etc.
5. Click on Save Changes
6. Go to ADP Kanban in selected post type.
7. Click on + button besides any of the board's title.
8. It will show a dialog with the list of all the posts of the specific post type.
9. Select a post and click on Add Item to add it to the selected board.
10. You can drag and drop items from one board to another.
11. All these events with fire some wordpress hooks and some js events (discussed below)

Developer Integration

Available Hooks

Actions

/*
 When an item is added to a board, $hookData is an assoicative array with below keys
    elementID
    boardID
    postType
*/
do_action('adpElementAdded', $hookData);

/*
 When an item is deleted from a board, $hookData is an assoicative array with below keys
    elementID
    boardID
    postType
*/
do_action('adpElementDeleted', $hookData);

/*
 When an item is moved from one board to another , $hookData is an assoicative array with below keys
    elementID
    sourceBoardID
    targetBoardID
    postType
*/
do_action('adpElementDropped', $hookData);

Filters

/*
Called before fetching content to be displayed in the drop down for adding item to board diaglog 
for further reference see wp_query arguments
*/
apply_filters('adpKanbanPostsArgs', $args);

/*
This filter is called before rendering boards list, the argument passed is an array of all the boards and their items, for a complete reference see boards section of https://github.com/riktar/jkanban
*/
apply_filters('adpBoardsList_{post_type}', $content, $boardsList);

Events

/*
Triggered when an item is clicked in any board
*/
jQuery(document).trigger('adpElementClicked',[el, boardID, postType]);

/*
Triggered when an element is moved from one board to another
*/
jQuery(document).trigger('adpElementDropped',[el, target, source, postType]);

/*
Triggered before deleting an element from a board
*/
jQuery(document).trigger('adpBeforeElementDelete',[elemID, parentBoardID, postType]);

/*
Triggered after deleting an element from a board
*/
jQuery(document).trigger('adpAfterElementDelete',[elemID, parentBoardID, postType]);

/*
Triggered before an element is added to a board
*/
jQuery(document).trigger('adpBeforeElementAdd',[elmentObj, parentBoardID, postType]);

/*
Triggered after an element is added to a board
*/
jQuery(document).trigger('adpAfterElementAdd',[elmentObj, parentBoardID, postType]);

Requirements

• CMB2 plugin

Created with ❤️ by Appsdevpk
Visit my website