Fahad Murtaza

Don’t take our word for it, try CardCrafter live. <a href="https://tastewp.com/plugins/cardcrafter-data-grids" rel="nofollow ugc">Full-featured demo</a> on a real WordPress site. No signup, no download, no risk.
CardCrafter is the #1 WordPress plugin for displaying data as beautiful card grids. Transform your WordPress posts, JSON data, and custom content into professional, responsive card layouts. No coding required.
🆕 NEW in v1.12.0: Native WordPress Posts integration! Display your blog posts, pages, or custom post types as stunning card grids with featured images, excerpts, and automatic formatting.
Perfect for: 
• Team Directories – Display staff members with photos and bios 
• Product Showcases – Feature products with images, prices, and descriptions 
• Portfolio Galleries – Present your work in elegant grid layouts 
• Blog Post Grids – Convert WordPress posts into visual card displays 
• Service Listings – Highlight your services with card-based layouts
Trusted by 10,000+ WordPress sites for enterprise-grade data visualization with instant setup and professional results.
Why CardCrafter?
<ul>
<li>🎨 Beautiful by Default: Modern, clean card designs that look professional out of the box.</li>
<li>📱 Fully Responsive: Cards automatically adapt to any screen size.</li>
<li>⚡ Lightweight: Pure JavaScript, no jQuery. Fast and efficient.</li>
<li>🔍 Interactive: Built-in search and sorting for easy data navigation.</li>
<li>📊 Data Export: Export displayed data as CSV, JSON, or PDF for business use.</li>
<li>🔧 Flexible Layouts: Choose between Grid, Masonry, or List view.</li>
</ul>
<h3>🚀 Key Features</h3>
<ul>
<li>🧱 Gutenberg Block: Native WordPress block editor support with visual configuration.</li>
<li>📝 WordPress Posts Grid: Transform your blog posts into beautiful card layouts with one click.</li>
<li>Instant Search & Sort: Users can filter and sort cards instantly (Client-side).</li>
<li>Multiple Layouts: Grid, Masonry, and List views to suit your content.</li>
<li>Customizable Columns: Display 2, 3, or 4 cards per row.</li>
<li>Smart Field Mapping: Automatically detects image, title, subtitle, description, and link fields.</li>
<li>Professional Data Export: Export as CSV for spreadsheets, JSON for system integration, or PDF for reports.</li>
<li>Live Admin Preview: Test your JSON sources before publishing.</li>
<li>Dark Mode Support: Cards automatically adapt to dark color schemes.</li>
</ul>
<h3>💡 Perfect For</h3>
<ul>
<li>Team Directories: Showcase your team members with photos and bios.</li>
<li>Product Catalogs: Display products with images, prices, and descriptions.</li>
<li>Portfolio Galleries: Present your work in an elegant grid layout.</li>
<li>Service Listings: Highlight your services with card-based layouts.</li>
<li>Testimonials: Display customer reviews in beautiful cards.</li>
</ul>
<h3>Usage</h3>
Display WordPress Posts 
Display your blog posts, pages, or custom post types as beautiful cards.
<pre><code>[cardcrafter-data-grids post_type="post"]
</code></pre>
Show WooCommerce Products 
Display your products in a grid layout.
<pre><code>[cardcrafter-data-grids post_type="product"]
</code></pre>
Team Directory (Sorted) 
Display team members sorted alphabetically by title.
<pre><code>[cardcrafter-data-grids post_type="team" wp_query="orderby=title&order=ASC"]
</code></pre>
News Category 
Show only posts from the ‘news’ category.
<pre><code>[cardcrafter-data-grids post_type="post" wp_query="category_name=news&posts_per_page=6"]
</code></pre>
Featured Products 
Display products that have a ‘featured’ meta key set to ‘yes’.
<pre><code>[cardcrafter-data-grids post_type="product" wp_query="meta_key=featured&meta_value=yes"]
</code></pre>
Team by Author 
Show team members created by a specific author (ID 5).
<pre><code>[cardcrafter-data-grids post_type="team" wp_query="author=5&orderby=menu_order"]
</code></pre>
Portfolio with Custom Fields (ACF) 
Map your custom fields to card elements automatically.
<pre><code>[cardcrafter-data-grids post_type="portfolio" image_field="project_image" subtitle_field="client_name"]
</code></pre>
Product with Descriptions 
Use custom fields for price and features.
<pre><code>[cardcrafter-data-grids post_type="product" subtitle_field="price" description_field="product_features"]
</code></pre>
Instant Demo 
Automatically loads team demo data with professional banner.
<pre><code>[cardcrafter-data-grids]
</code></pre>
Gutenberg Block (Recommended) 
1. Add the “CardCrafter” block to any post/page 
2. Configure your data source in the sidebar settings 
3. Choose layout, columns, and interactive features 
4. Preview updates live in the editor
Load from JSON URL 
Load data from an external JSON source.
<pre><code>[cardcrafter-data-grids source="https://example.com/team.json"]
</code></pre>
Masonry Layout 
Display cards in a Pinterest-style masonry layout.
<pre><code>[cardcrafter-data-grids source="https://example.com/products.json" layout="masonry" columns="4"]
</code></pre>
Shortcode Attributes
<ul>
<li><code>source</code> (optional) – URL of your JSON data. Omit for instant demo mode.</li>
<li><code>post_type</code> (NEW!) – WordPress post type to display (post, page, product, etc.)</li>
<li><code>wp_query</code> (NEW!) – Custom WordPress query parameters (category=news&author=5)</li>
<li><code>posts_per_page</code> (NEW!) – Number of WordPress posts to display (default: 12)</li>
<li><code>layout</code> – “grid”, “masonry”, or “list” (default: grid)</li>
<li><code>columns</code> – 2, 3, or 4 (default: 3)</li>
<li><code>items_per_page</code> – 6, 12, 24, 50, or 100 (default: 12)</li>
<li><code>image_field</code> – JSON field for image (default: image)</li>
<li><code>title_field</code> – JSON field for title (default: title)</li>
<li><code>subtitle_field</code> – JSON field for subtitle (default: subtitle)</li>
<li><code>description_field</code> – JSON field for description (default: description)</li>
<li><code>link_field</code> – JSON field for link (default: link)</li>
</ul>

CardCrafter – Data-Driven Card Grids

Transform JSON data and WordPress posts into beautiful card grids. Perfect for teams, products, portfolios, and blogs.

David Tufts

WP Cards uses WordPress widgets and full-page width sidebars to add the ability to drag-and-drop widgetized cards to a website’s homepage. A theme developer just needs to add the included “home.php” file in their theme, or add a call to a dynamic sidebar to their existing home file, and their theme’s homepage will automatically support full-page width cards.
A website admin can reconfigure their site’s homepage on-the-fly without any programming skills or the need to depend on a programmer to make the changes. The admin just needs to log into the WordPress admin area, click-through to the Widgets admin page and drag-and-drop cards into the homepage’s card sidebar. Adding new page elements, moving page elements up and down, or removing page elements can happen in just a matter of seconds, and the website’s homepage is automatically updated.
WP Cards also supports adding a “Jumbotron” card area, Jumbotron cards can be configured to only show up on certain types of pages on the website. For example, a “Search Jumbotron” card can be configured to show up on just the website’s search and 404 pages. Or a “Registration Jumbotron” can be configured to appear just on the website’s homepage.
WP Cards is a framework for adding the card concept to an existing WordPress theme, and is designed to be full extended by other developers. WP Cards comes with a number of already developed cards and can be easily extended by adding new cards to the WP Cards’ “cards” directory, or by adding a “cards” folder to a theme or child theme’s root directory. WP Cards automatically loads all widgets (which use a pre-defined naming convention) from these “cards” directories into the widgets section of the WordPress admin area.
WP Cards’ default cards were built using Bootstrap 3 and are dependent on the Bootstrap 3 CSS and JavaScript files.
WP Cards automatically adds two sidebar areas to the WordPress widgets admin page, these are named “Card Staging Area” and “Home Page Cards”. The “Card Staging Area” is just a sandbox widget area for building out cards before adding them to a live page. The plugin also allows for three additional card areas to be activated from the plugin options page, these include the “Jumbotron Cards” and the “Header/Footer Cards”.
The plugin includes a “WP Cards Template” (wp-cards-template.php) that can be added to any page in order to add a card layout page to a website. An admin would just have to create a new page and set the page template to “WP Cards Template” and a widget area by the same name as the new page is automatically generated in the widget admin area. The admin just needs to drag widgets into the newly created widget area and they will load into the page.
Having cards stored in widget areas generated by the WP Cards plugin enables a website admin to switch out WordPress themes over time, the website’s existing cards will still be available to be used and maintained within a new theme.

WP Cards

http://plugincopywriter.com/new-notable-wordpress-plugins-week-ending-aug-31/



Mentioned your plugin on my blog

WP Cards gives your WordPress website the ability to load "cards" into the homepage and header sections of your site.

CardCrafter – Data-Driven Card Grids vs WP Cards