Huzaifa Al Mesbah

Rejaul Alom Khan

Transform your WordPress admin dashboard with beautiful, modern gradient cards that display key metrics at a glance. Dashboard Summary provides a visually stunning way to monitor your WooCommerce store and blog performance without navigating away from your main admin area.
<h4>✨ Key Features</h4>
🎨 Beautiful Design 
– Colorful Gradient Cards: Modern gradient backgrounds with 6 unique color schemes 
– Customizable Colors: Full control over card gradient colors via settings page 
– Professional Icons: Clean, modern icons with glassmorphism effects 
– Smooth Animations: Hover effects and smooth transitions for better UX
📊 WooCommerce Statistics 
– Total Orders with quick link to orders page 
– Pending/Processing Orders tracking 
– Completed Orders count 
– On-Hold Orders monitoring 
– Total Customers overview 
– Product Count display
📝 Blog Statistics 
– Total Posts published 
– Total Pages created 
– Comments count 
– Categories overview 
– Tags summary 
– User count
⚙️ Advanced Settings 
– Toggle WooCommerce and Blog summaries independently 
– Professional toggle switches (iOS-style) 
– Color picker for each card (start and end gradient colors) 
– Live gradient preview 
– Reverse color system: WooCommerce uses colors 1-6, Blog uses 6-1
📱 Fully Responsive 
– Desktop: 6 cards per row (large screens), 4 cards per row (medium screens) 
– Tablet: 3 cards per row with optimized spacing 
– Mobile: 2 cards per row with compact design 
– Adaptive font sizes and padding for all screen sizes
🔗 Smart Navigation 
– All cards are clickable and link to relevant admin pages 
– Direct access to orders, products, posts, pages, comments, etc. 
– Seamless navigation without leaving dashboard context
<h4>🎯 Perfect For</h4>
<ul>
<li>WooCommerce store owners who want quick insights</li>
<li>Blog administrators monitoring content metrics</li>
<li>Agency owners managing multiple sites</li>
<li>Anyone who wants a beautiful, functional dashboard</li>
</ul>
<h4>🌐 Translation Ready</h4>
Fully localized with text domain ‘dashboard-summary’. Ready for translation into any language.
<h3>License</h3>
This plugin is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.

Dashboard Summary

Beautiful, colorful dashboard cards displaying WooCommerce and blog statistics with customizable gradient colors and responsive design.

Jeremy Felt

Happy Prime

slocker

philcable

Show / Hide Section Block provides four blocks that are used to display a group of <code><details></code> elements that each contain a <code><summary></code> and an arbitrary number of additional blocks.
<ul>
<li>The Show Hide Group block is a wrapping <code><div></code>.</li>
<li>The Show Hide Section block is a wrapping <code><details></code>. One or more of these blocks is added to a Show Hide Group block.</li>
<li>The Show Hide Summary block contains the content for a <code><summary></code> tag. One of these blocks is inside each Show Hide Section block.</li>
<li>The Show Hide Details block contains arbitrary content. One of these blocks is added inside each Show Hide Section block.</li>
</ul>
The HTML output for an individual section is:
<pre><code>
<details class="wp-block-happyprime-show-hide-section">
 
 <summary class="wp-block-happyprime-show-hide-summary">Summary text</summary>
 
</details>
</code></pre>
The HTML output for the group is:
<pre><code><div class="wp-block-happyprime-show-hide-group">
 
 <button class="toggle-all" aria-expanded="false">Open all</button>
 <details class="wp-block-happyprime-show-hide-section">
 <summary class="wp-block-happyprime-show-hide-summary"></summary>
 
 </details>
 <details class="wp-block-happyprime-show-hide-section">
 <summary class="wp-block-happyprime-show-hide-summary"></summary>
 
 </details>
 
</div>
</code></pre>
An option is provided in the block’s side panel to toggle an “Open all”/”Close all” button. If this is toggled on for a block, an additional <code><button></code> element will be inserted and JavaScript will be used on the front-end to control the show/hide behavior of all <code><details></code> elements in the group at once.
If the toggle is off, no JavaScript is loaded on the front end and only the browser’s default behavior is used for opening and closing <code><details></code> elements.

Show / Hide Section Block

Display an accessible show/hide interface with details and summary elements.

Dashboard Summary vs Show / Hide Section Block