{"id":408027,"date":"2024-09-14T08:00:00","date_gmt":"2024-09-14T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/patterns-store\/"},"modified":"2025-04-18T13:11:00","modified_gmt":"2025-04-18T13:11:00","slug":"patterns-store","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/patterns-store\/","title":{"rendered":"Patterns Store \u2013 Creates a store to manage and display patterns & pattern kits"},"content":{"rendered":"

The Patterns Store plugin is designed for WordPress developers and designers who want to create, manage, and display patterns and pattern kits for their users or clients. This plugin provides an effortless way to handle various design elements within the WordPress platform. It offers an intuitive interface for organizing your patterns and pattern kits, simplifying the management of an extensive collection of design assets.<\/p>\n

With Patterns Store, you can manage theme JSON packages globally, by pattern kits, or by individual patterns, offering great flexibility in applying and maintaining your design settings. This makes it ideal for both individual projects and large-scale repositories of patterns. The plugin integrates seamlessly with Gutenberg blocks, allowing you to easily insert and customize patterns on your WordPress site, ensuring that your design elements are both functional and visually appealing.<\/p>\n

Whether you are developing custom patterns for specific niche or building a public repository of design elements for a broader audience, Patterns Store provides the tools and flexibility you need to succeed.<\/p>\n

We hope you enjoy using Patterns Store and look forward to seeing the amazing designs you create with it. Your feedback and suggestions are always welcome as we strive to improve and expand the capabilities of this plugin.<\/p>\n

Patterns<\/h3>\n

WordPress patterns are reusable groups of blocks that let you quickly add pre-designed layouts to your pages and posts.<\/p>\n

These pre-designed blocks serve as reusable components and can include a variety of elements such as headers, footers, about us sections, accordions, progress bars, service sections, galleries, call-to-actions, and hero sections etc<\/p>\n

The purpose of patterns is to simplify the website-building process by providing users with professionally designed and easily customizable elements.<\/p>\n

Pattern kits<\/h3>\n

Pattern kits are collections of similar patterns bundled together. Pattern kits can be considered as a single theme, where a theme\u2019s design and corresponding design patterns and theme.json are collectively added to the pattern kits.<\/p>\n

These kits act as a set of related or cohesive design patterns that users can apply to their websites collectively.<\/p>\n

The idea is to offer users a curated collection of patterns that work well together, providing a consistent and aesthetically pleasing design across various sections and pages of a website.<\/p>\n

Establishing relation between Pattern Kits and Patterns technically<\/h3>\n

Establish Parent-Child Relationship<\/h3>\n

In the context of your Patterns and Pattern Kits setup, creating a parent-child relationship is crucial for organizing your design elements effectively. Follow these steps to establish this hierarchy:<\/p>\n

Creating a New Pattern Kit<\/h3>\n

By default, any top-level parent post acts as a \u201cPattern Kit.\u201d When you create a new post without selecting a parent, it is considered a top-level parent and functions as a \u201cPattern Kit.\u201d<\/p>\n

Adding Patterns to a Kit<\/h3>\n

Once your \u201cPattern Kit\u201d is created (or any top-level parent post), you can now add individual \u201cPatterns\u201d to it. When creating or editing a \u201cPattern,\u201d locate the \u201cParent Pattern Kit\u201d dropdown in the editor.<\/p>\n

Selecting Parent Pattern Kit<\/h3>\n

In the \u201cParent Pattern Kit\u201d dropdown, choose the appropriate \u201cPattern Kit\u201d to associate the current \u201cPattern\u201d with. This establishes a parent-child relationship between the \u201cPattern Kit\u201d and the individual \u201cPattern.\u201d<\/p>\n

Direct Children of Pattern Kits<\/h3>\n

All direct children of \u201cPattern Kits\u201d are considered \u201cPatterns\u201d within the hierarchy. This default behaviour allows you to easily distinguish between top-level \u201cPattern Kits\u201d and their associated \u201cPatterns.\u201d<\/p>\n

Visual Representation<\/h3>\n

In the WordPress admin interface, the hierarchical relationship will be visually represented, showing the nested structure of your \u201cPattern Kits\u201d and their associated \u201cPatterns.\u201d<\/p>\n

Theme JSON<\/h3>\n

Theme JSON is a configuration file used in WordPress to define global styles and settings for a theme. It allows you to set typography, color schemes, spacing, and other design elements in a centralized file, making it easier to maintain a consistent look and feel throughout a website.<\/p>\n

With Pattern Store you can set up individual theme JSON for Pattern Kits or each Pattern, providing a preview of Patterns that look exactly like the original design as they were designed.<\/p>\n

Features<\/h3>\n