{"id":373658,"date":"2026-09-30T21:33:17","date_gmt":"2026-09-30T21:33:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/dragfolio-drag-drop-portfolio-showcase\/"},"modified":"2026-09-30T21:32:48","modified_gmt":"2026-09-30T21:32:48","slug":"dragfolio","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/dragfolio\/","author":17775219,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.1","tested":"7.1.2","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"DragFolio \u2013 Drag & Drop Portfolio Showcase","header_author":"Hameem Mahdad Kader","header_description":"A beautiful drag-and-drop portfolio plugin with image, title, description, and custom button link. Reorder projects live on the frontend.","assets_banners_color":"1f2633","last_updated":"2026-09-30 21:32:48","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":64,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"hameem1102","date":"2026-09-30 21:32:48","revision":3722064}},"upgrade_notice":{"1.0.1":"

Initial release \u2014 no upgrade steps required.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3722064,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3722064,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3722064,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3722064,"resolution":"1","location":"assets","locale":"","width":1893,"height":1023},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3722064,"resolution":"2","location":"assets","locale":"","width":1893,"height":1023},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3722064,"resolution":"3","location":"assets","locale":"","width":1888,"height":1078}},"screenshots":{"1":"Admin Panel<\/strong> \u2014 Visual card grid with drag-to-reorder handles and one-click shortcode copy","2":"Add \/ Edit Project<\/strong> \u2014 Title, Featured Image, Description, Button Label and Button URL fields","3":"Frontend Grid (3 columns)<\/strong> \u2014 Dark editorial card design with lime CTA buttons","4":"Frontend Drag Reorder<\/strong> \u2014 Drag hint banner and grab handles visible to logged-in editors","5":"Responsive Mobile View<\/strong> \u2014 Grid stacks to a single column on small screens"}},"plugin_section":[],"plugin_tags":[3938,210,789,10302,1116],"plugin_category":[43,50],"plugin_contributors":[283779],"plugin_business_model":[],"class_list":["post-373658","plugin","type-plugin","status-publish","hentry","plugin_tags-drag-and-drop","plugin_tags-gallery","plugin_tags-portfolio","plugin_tags-projects","plugin_tags-showcase","plugin_category-customization","plugin_category-media","plugin_contributors-hameem1102","plugin_committers-hameem1102"],"banners":{"banner":"https:\/\/ps.w.org\/dragfolio\/assets\/banner-772x250.png?rev=3722064","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/dragfolio\/assets\/icon-128x128.png?rev=3722064","icon_2x":"https:\/\/ps.w.org\/dragfolio\/assets\/icon-256x256.png?rev=3722064","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/dragfolio\/assets\/screenshot-1.png?rev=3722064","caption":"Admin Panel<\/strong> \u2014 Visual card grid with drag-to-reorder handles and one-click shortcode copy"},{"src":"https:\/\/ps.w.org\/dragfolio\/assets\/screenshot-2.png?rev=3722064","caption":"Add \/ Edit Project<\/strong> \u2014 Title, Featured Image, Description, Button Label and Button URL fields"},{"src":"https:\/\/ps.w.org\/dragfolio\/assets\/screenshot-3.png?rev=3722064","caption":"Frontend Grid (3 columns)<\/strong> \u2014 Dark editorial card design with lime CTA buttons"}],"raw_content":"\n

DragFolio<\/strong> is a lightweight, zero-bloat portfolio plugin for WordPress. Add your projects and present them in a stunning responsive grid \u2014 then reorder them in real time by dragging, right on your live site.<\/p>\n\n

No page builders. No bloated dependencies. Just drop the shortcode in and go.<\/p>\n\n

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

    Shortcode Usage<\/h4>\n\n

    Place this shortcode on any page or post:<\/p>\n\n

    [dragfolio]\n<\/code><\/pre>\n\n
    Shortcode Options<\/h4>\n\n
      \n
    • columns<\/code> \u2013 Number of columns (1\u20134). Default: 3<\/code><\/li>\n
    • draggable<\/code> \u2013 Allow logged-in editors to drag-reorder on the frontend. Default: true<\/code><\/li>\n<\/ul>\n\n
      Examples:<\/strong><\/p>\n\n
      [dragfolio columns=\"2\"]\n[dragfolio columns=\"4\" draggable=\"false\"]\n<\/code><\/pre>\n\n
      Frontend Reordering<\/h4>\n\n
      When a user with the edit_posts<\/code> 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 \u2014 the order saves automatically via AJAX with no page reload required.<\/p>\n\n
      Customization<\/h4>\n\n
      All colors are CSS custom properties on :root<\/code> in the frontend stylesheet. Override them in your theme's CSS:<\/p>\n\n
      :root {\n    --dragfolio-accent:      #ff6b6b;\n    --dragfolio-accent-dark: #e84040;\n    --dragfolio-card-bg:     #ffffff;\n    --dragfolio-text-h:      #111111;\n    --dragfolio-text-body:   #555555;\n}\n<\/code><\/pre>\n\n\n
        \n
      1. Upload the dragfolio<\/code> folder to \/wp-content\/plugins\/<\/code>, or install via Plugins \u2192 Add New \u2192 Search<\/strong> for \"DragFolio\"<\/li>\n
      2. Activate the plugin through the Plugins<\/strong> menu in WordPress<\/li>\n
      3. Navigate to DragFolio<\/strong> in the admin sidebar<\/li>\n
      4. Click Add New Project<\/strong> to create your first portfolio item<\/li>\n
      5. Add a Featured Image<\/strong>, Title<\/strong>, and fill in the Project Details<\/strong> meta box<\/li>\n
      6. Publish the project<\/li>\n
      7. Place [dragfolio]<\/code> on any page or post<\/li>\n<\/ol>\n\n\n
        \n
        What shortcode do I use?<\/h3><\/dt>\n
        [dragfolio] \u2014 place it in any page, post, or widget text block.<\/p><\/dd>\n
        Can I use more than one portfolio grid on the same page?<\/h3><\/dt>\n
        Yes. Each [dragfolio]<\/code> shortcode instance renders its own independent grid.<\/p><\/dd>\n
        Who can drag-reorder on the frontend?<\/h3><\/dt>\n
        Any logged-in user with the edit_posts<\/code> capability (Editors and Administrators by default). Visitors see a static grid.<\/p><\/dd>\n
        How do I turn off frontend drag-and-drop?<\/h3><\/dt>\n
        Use draggable=\"false\"<\/code> in the shortcode: [dragfolio draggable=\"false\"]<\/code><\/p><\/dd>\n
        Does this plugin work with the block editor (Gutenberg)?<\/h3><\/dt>\n
        Yes. Use the Shortcode block and paste [dragfolio]<\/code> into it.<\/p><\/dd>\n
        Will this slow down my site?<\/h3><\/dt>\n
        No. Assets are only enqueued on pages containing the shortcode. jQuery UI Sortable is bundled with WordPress and only loaded for logged-in editors.<\/p><\/dd>\n
        How do I change the number of columns?<\/h3><\/dt>\n
        Use the columns<\/code> attribute: [dragfolio columns=\"2\"]<\/code>. Values: 1, 2, 3 (default), 4.<\/p><\/dd>\n
        Can I change the card colors to match my theme?<\/h3><\/dt>\n
        Yes \u2014 override the CSS custom properties in your theme's stylesheet or via the Customizer Additional CSS panel.<\/p><\/dd>\n
        Where is the project order stored?<\/h3><\/dt>\n
        In WordPress's built-in menu_order<\/code> field on the dragfolio_project<\/code> post type.<\/p><\/dd>\n\n<\/dl>\n\n\n
        1.0.1<\/h4>\n\n
          \n
        • Initial release<\/li>\n<\/ul>","raw_excerpt":"A beautiful drag-and-drop portfolio plugin. Showcase your projects with image, title, description, and a custom button \u2014 reorder live on the frontend.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/373658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=373658"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/hameem1102"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=373658"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=373658"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=373658"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=373658"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=373658"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=373658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}