Title: Pixel Clusters Author: Mex Avila Published: 2019 年 8 月 23 日 Last modified: 2026 年 5 月 19 日 --- 搜索插件 ![](https://ps.w.org/pixel-clusters/assets/banner-772x250.jpg?rev=2144607) ![](https://ps.w.org/pixel-clusters/assets/icon-256x256.jpg?rev=2144607) # Pixel Clusters 作者：[Mex Avila](https://profiles.wordpress.org/kakaroto84/) [下载](https://downloads.wordpress.org/plugin/pixel-clusters.zip) * [详情](https://cn.wordpress.org/plugins/pixel-clusters/#description) * [评价](https://cn.wordpress.org/plugins/pixel-clusters/#reviews) * [安装](https://cn.wordpress.org/plugins/pixel-clusters/#installation) * [开发进展](https://cn.wordpress.org/plugins/pixel-clusters/#developers) [支持](https://wordpress.org/support/plugin/pixel-clusters/) ## 描述 **Pixel Clusters** is a powerful yet simple WordPress plugin that allows you to create beautiful clusters of posts, categories, tags, and products using shortcodes. #### 🚀 Key Features * **Gutenberg Block**: Native block editor support with live preview * **4 Display Modes**: Choose from full articles, card layouts, simple lists, or product grids * **Multiple Content Sources**: Works with categories, tags, custom post types, and WooCommerce * **Fully Responsive**: Looks great on all devices – desktop, tablet, and mobile * **Modern Admin Interface**: Clean, AJAX-powered admin panel with live preview * **WooCommerce Integration**: Display products with prices and add-to-cart buttons * **Custom Post Type Support**: Works with any registered custom post type and taxonomy * **Easy to Use**: Simple shortcode generator or Gutenberg block – no coding required * **Performance Optimized**: Lightweight and fast-loading * **Accessibility Ready**: Full keyboard navigation and screen reader support #### 🎨 Display Modes 1. **Full Article** – Image, title, and excerpt in a clean layout 2. **Cards** – Beautiful card grid with images and titles 3. **List** – Simple, elegant list of post titles 4. **Products** – WooCommerce products with prices and cart buttons #### 📝 How to Use **Using Gutenberg Block (Recommended):** 1. Open the Block Editor in any post or page 2. Click the + button to add a block 3. Search for “Pixel Cluster” or find it in the Widgets category 4. Configure settings in the block sidebar 5. See live preview directly in the editor **Using Shortcode Generator:** 1. Go to **Clusters** in your WordPress admin menu 2. Select your preferred display mode 3. Choose the content type (categories, tags, custom post type, etc.) 4. Set the number of posts to display 5. Copy the generated shortcode 6. Paste it in any post, page, or widget #### 💡 Example Shortcodes Display 4 posts from a category: [cluster type=”1″ tag_id=”5″ modo=”1″ numero=” 4″] Display products from WooCommerce: [cluster type=”4″ modo=”4″ numero=”6″] Display custom post type: [cluster type=”3″ post_type=”portfolio” taxonomy=”portfolio_cat” tag_id=”10″ modo=”2″ numero=”3″] #### 🔧 Shortcode Parameters * **type** – Content source: 1=Categories, 2=Tags, 3=Custom Post Type, 4=WooCommerce Categories, 5=WooCommerce Tags * **tag_id** – The term ID to filter by (optional) * **modo** – Display mode: 1=Full, 2=Cards, 3=List, 4=Products * **numero** – Number of posts to display (default: 4) * **post_type** – Custom post type slug (for type=3) * **taxonomy** – Custom taxonomy slug (for type=3) ### Privacy Policy Pixel Clusters does not collect, store, or share any personal data. The plugin does not use cookies, tracking, or external services. ## 屏幕截图 * [[ * Modern admin interface with shortcode generator * [[ * Live preview feature * [[ * Documentation tab with parameter reference ## 区块 该插件提供了 1 个区块. * Pixel Cluster Cluster ## 安装 #### Automatic Installation 1. Go to **Plugins Add New** in your WordPress admin 2. Search for “Pixel Clusters” 3. Click **Install Now** and then **Activate** #### Manual Installation 1. Download the plugin ZIP file 2. Go to **Plugins Add New Upload Plugin** 3. Choose the ZIP file and click **Install Now** 4. Activate the plugin #### FTP Installation 1. Download and unzip the plugin 2. Upload the `pixel-clusters` folder to `/wp-content/plugins/` 3. Activate through the **Plugins** menu in WordPress ## 常见问题 ### Does it work with custom post types? Yes! Pixel Clusters fully supports custom post types and their taxonomies. Select“ Custom Post Type” in the generator and choose your post type and taxonomy. ### Is it compatible with WooCommerce? Absolutely! Display your WooCommerce products with prices and add-to-cart buttons. Select mode 4 (Products) for the best WooCommerce experience. ### Can I customize the styling? Yes, all elements have CSS classes that you can target in your theme’s stylesheet or the WordPress Customizer. ### Is it responsive? Yes! All display modes are fully responsive and look great on mobile devices, tablets, and desktops. ### Does it support Gutenberg? Yes! Pixel Clusters includes a native Gutenberg block with full support for: * Live preview in the editor * All display modes and content types * Block alignment( wide and full width) * Server-side rendering for accurate previews Simply search for “Pixel Cluster” in the block inserter to add it to your content. ### Is it translation ready? Yes! The plugin is fully translatable and includes a POT file for translations. ## 评价 ![](https://secure.gravatar.com/avatar/0b8e5288be91f7b1e39effe85a7f8cd3aa1c5f2194f887600e518e1a45a03630? s=60&d=retro&r=g) ### 󠀁[I’m very happy with Pixel Cluster](https://wordpress.org/support/topic/im-very-happy-with-pixel-cluster/)󠁿 [safetya](https://profiles.wordpress.org/safetya/) 2021 年 7 月 25 日 I used it in my site safetya.co and I enjoy to implement “the cluster strategy” without to have to pay a developer or a high cost theme (like Orbital theme). I can add related posts in my pages and articles, and I can show information of a specific tag. ![](https://secure.gravatar.com/avatar/af0c0cb0d68b97fb1305e61b4fdc6f40b879b0e3776f50299dda5340047ee9dc? s=60&d=retro&r=g) ### 󠀁[Good](https://wordpress.org/support/topic/good-4692/)󠁿 [betatesters](https://profiles.wordpress.org/betatesters/) 2019 年 8 月 26 日 Easy to copy and paste the shortcode, and work’s fine [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/pixel-clusters/reviews/) ## 贡献者及开发者 「Pixel Clusters」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Mex Avila ](https://profiles.wordpress.org/kakaroto84/) [帮助将「Pixel Clusters」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/pixel-clusters) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/pixel-clusters/)，查看 [SVN仓库](https://plugins.svn.wordpress.org/pixel-clusters/)，或通过[RSS](https://plugins.trac.wordpress.org/log/pixel-clusters/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/pixel-clusters/)。 ## 更新日志 #### 2.1.3 * Prevents authenticated non-admin users from enumerating site taxonomies/terms. #### 2.1.2 * Tested and confirmed compatible with WordPress 6.9. * Routine code review and compliance validation. #### 2.1.1 * Minor Change #### 2.1.0 **Gutenberg Block Support** * **New**: Native Gutenberg block for the block editor * **New**: Live preview in the block editor * **New**: Block sidebar controls for all settings * **New**: Support for wide and full width alignments * **New**: Server-side rendering for accurate previews * **New**: Dynamic category/tag/taxonomy loading * **Improved**: Better integration with WordPress 6.9 block editor #### 2.0.0 **Major Update – Complete Redesign** * **New**: Modern, AJAX-powered admin interface * **New**: Live shortcode preview feature * **New**: Tab-based navigation (Generator / Documentation) * **New**: Toast notifications for user feedback * **New**: CSS variables for easy customization * **New**: Grid-based responsive layouts * **New**: Improved accessibility (WCAG 2.1 compliant) * **New**: Support for WordPress admin color schemes * **Improved**: Complete CSS rewrite with modern standards * **Improved**: Better WooCommerce integration * **Improved**: Enhanced security with proper escaping and nonces * **Improved**: Code refactored using OOP principles * **Improved**: Performance optimizations * **Improved**: Mobile responsive design * **Fixed**: Various bug fixes and improvements * **Compatibility**: Tested with WordPress 6.9 * **Compatibility**: Tested with PHP 8.0, 8.1, 8.2, and 8.3 #### 1.0.8 * Tested and confirmed compatibility with WordPress 6.9 * Updated Clipboard API to modern standard * Improved output escaping for security #### 1.0.7 * Tested in last WP Version #### 1.0.6.1 * Change required version of PHP #### 1.0.6 * Tested in last WP Version #### 1.0.5 * Tested in last WP Version #### 1.0.4 * Tested in last WP Version #### 1.0.3 * Tested in last WP Version #### 1.0.2 * Tested new version of WP #### 1.0.1 * Added copy button for shortcode #### 1.0.0 * Initial release ## 额外信息 * 版本 **2.1.3** * 最后更新：**2 周前** * 活跃安装数量 **20+** * WordPress 版本 ** 6.4 或更高版本 ** * 已测试的最高版本为 **6.9.4** * PHP 版本 ** 8.0 或更高版本 ** * 语言 * [English (US)](https://wordpress.org/plugins/pixel-clusters/) * 标签 * [categories](https://cn.wordpress.org/plugins/tags/categories/)[cluster](https://cn.wordpress.org/plugins/tags/cluster/) [posts](https://cn.wordpress.org/plugins/tags/posts/)[shortcode](https://cn.wordpress.org/plugins/tags/shortcode/) [tags](https://cn.wordpress.org/plugins/tags/tags/) * [高级视图](https://cn.wordpress.org/plugins/pixel-clusters/advanced/) ## 评级 5 星（最高 5 星）。 * [ 2 条 5 星评价 ](https://wordpress.org/support/plugin/pixel-clusters/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/pixel-clusters/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/pixel-clusters/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/pixel-clusters/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/pixel-clusters/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/pixel-clusters/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/pixel-clusters/reviews/) ## 贡献者 * [ Mex Avila ](https://profiles.wordpress.org/kakaroto84/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/pixel-clusters/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://www.paypal.com/donate/?hosted_button_id=NY5NTM46C5PS4)