DragFolio – Drag & Drop Portfolio Showcase

Description

DragFolio is a lightweight, zero-bloat portfolio plugin for WordPress. Add your projects and present them in a stunning responsive grid — then reorder them in real time by dragging, right on your live site.

No page builders. No bloated dependencies. Just drop the shortcode in and go.

Key Features

• Custom Project Post Type — dedicated portfolio projects separate from your blog posts
• 4 fields per project — Featured Image, Title, Description, and a fully custom Button (label + URL)
• Live drag-to-reorder on the frontend — logged-in editors can drag cards to rearrange without ever opening the dashboard
• Drag-to-reorder in the admin panel — visual card grid with grab handles and auto-save via AJAX
• Responsive grid — 1 to 4 columns, stacks gracefully on mobile
• Shortcode powered — works in any page, post, or widget area
• Lightweight — no external libraries beyond jQuery UI Sortable (already bundled in WordPress)

Shortcode Usage

Place this shortcode on any page or post:

[dragfolio]

Shortcode Options

• columns – Number of columns (1–4). Default: 3
• draggable – Allow logged-in editors to drag-reorder on the frontend. Default: true

Examples:

[dragfolio columns="2"]
[dragfolio columns="4" draggable="false"]

Frontend Reordering

When a user with the edit_posts capability is logged in, a subtle drag hint appears above the grid and each card shows a grab handle on hover. Drag any card to a new position — the order saves automatically via AJAX with no page reload required.

Customization

All colors are CSS custom properties on :root in the frontend stylesheet. Override them in your theme’s CSS:

:root {
    --dragfolio-accent:      #ff6b6b;
    --dragfolio-accent-dark: #e84040;
    --dragfolio-card-bg:     #ffffff;
    --dragfolio-text-h:      #111111;
    --dragfolio-text-body:   #555555;
}