WP Plover

<p>Plover kit provide pattern library and pluggable modules that enhance the Gutenberg core blocks and also provide extended features. Creating unique and eye-catching web designs is pleasant and easy with the WordPress block editor and the extensions provided by Plover Kit.</p>
<h3>Featured Modules</h3>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/pattern-library/" rel="nofollow ugc">Pattern Library</a></h4>
<p>Add beautiful, ready-to-go layouts to your site with one click.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/table-of-contents/" rel="nofollow ugc">Table of Contents</a></h4>
<p>Introduce a Table of Contents block to your posts and pages. It shows a nested list of links to all the headings found in a post or page.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/breadcrumb/" rel="nofollow ugc">Breadcrumb</a></h4>
<p>Let’s you easily display breadcrumb navigation on your WordPress site, easy customization.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/shape-divider/" rel="nofollow ugc">Shape Divider</a></h4>
<p>Shape divider is used to create visual separation between different sections of content.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/particles-effect/" rel="nofollow ugc">Particles Effect</a></h4>
<p>Add cool particle effects to your designs!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/rough-notation/" rel="nofollow ugc">Rough Notation</a></h4>
<p>Create and animate hand-draw style notations on a page.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/entrance-animation/" rel="nofollow ugc">Entrance Animation</a></h4>
<p>Entrance animation adding dynamic movement to elements as they appear on screen.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/hover-animation/" rel="nofollow ugc">Hover Animation</a></h4>
<p>The Hover Animation allow you to add mouse hover animation effect for elements on your WordPress website.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/typing-animation/" rel="nofollow ugc">Typing Animation</a></h4>
<p>Add dynamic typing effects to your text.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/counter-block/" rel="nofollow ugc">Counter Block</a></h4>
<p>Introduce a counter block enables you to add an animated numbered counter to your page.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/reading-time-block/" rel="nofollow ugc">Reading Time Block</a></h4>
<p>Let’s you easily add an estimated reading time to your WordPress posts.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/code-snippets/" rel="nofollow ugc">Code Snippets</a></h4>
<p>Insert code snippets to site header or footer section like Google Analytics code, AdSense Code, Facebook Pixels code, and more.</p>
<p>You no longer need to manually modify theme code such as header.php, and no code snippets are lost when switching or updating themes.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-shadow/" rel="nofollow ugc">Block Shadow</a></h4>
<p>Extra text-shadow, drop-shadow, and box-shadow support for core blocks.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-sticky/" rel="nofollow ugc">Block Sticky</a></h4>
<p>Make your content in the page visible at all times, making it permanently visible while scrolling.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-measures/" rel="nofollow ugc">Block Measures</a></h4>
<p>You can set height, width, [min/max]-height and [min/max]-width css properties for blocks, responsive!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/css-position/" rel="nofollow ugc">CSS Position</a></h4>
<p>You can set position and z-index css properties for blocks, responsive!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/css-display/" rel="nofollow ugc">CSS Display</a></h4>
<p>You can set display CSS properties for blocks, responsive!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/block-event-handler/" rel="nofollow ugc">Event Handler</a></h4>
<p>Adding event handler to blocks to execute custom JavaScript snippets.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/code-highlight/" rel="nofollow ugc">Code Highlight</a></h4>
<p>Add out-of-the-box code highlighting features for core/code block.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/icon-button/" rel="nofollow ugc">Icon Button</a></h4>
<p>Add icon to boring buttons!, 2000+ free icons available!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/icon-block/" rel="nofollow ugc">Icon Block</a></h4>
<p>Add icons to your design! 2000+ free icons available!</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/icon-library/" rel="nofollow ugc">Icon Library</a></h4>
<p>Icon library allows you to manage icon libraries and upload your custom SVG icons.</p>
<h4><a href="https://wpplover.com/docs/plover-kit/modules/preloader/" rel="nofollow ugc">Preloader</a></h4>
<p>Animated elements that appear while website content loads make waiting more enjoyable.</p>
<h3>Privacy</h3>
<p>The following features of this plugin require access to our <a href="https://api.wpplover.com/" rel="nofollow ugc">external services</a>.</p>
<ul>
<li>Icon Library</li>
<li>Pattern Library</li>
</ul>
<p>Read <a href="https://wpplover.com/privacy-policy/" rel="nofollow ugc">Privacy policy</a> and <a href="https://wpplover.com/terms-conditions/" rel="nofollow ugc">Terms & Conditions</a> of this plugin.</p>


Plover Kit – Blocks, Patterns and Editor Enhancements

Patterns library and all-in-one block editor enhancement toolkit.

WP Engine

Ryan Kienstra

Jen Baumann

Phil Johnston

Michael Day

Mike McAlister

<p><em>Note: Pattern Manager is currently in beta.</em></p>
<p>When you design beautiful block patterns for your theme, Pattern Manager by WP Engine will automatically push them into PHP files for you, every time you save. With a dedicated studio to design and build block patterns you can 10x your ability to work effectively with theme patterns.</p>
<h3>Who should use Pattern Manager by WP Engine</h3>
<p>Pattern Manager is designed to be used by theme developers and is not intended to create patterns on production sites. Please review our <a href="#faq-header" rel="nofollow ugc">FAQ</a> below.</p>
<h3>Key Features of Pattern Manager by WP Engine</h3>
<ul>
<li>A dedicated place to build and design Block Patterns.</li>
<li>Save (and generate) pattern files directly to disk in your theme (no exporting needed).</li>
<li>Patterns available come from your theme on the disk, allowing for easy collaboration with git.</li>
<li>Images used in patterns are auto-copied into your theme and referenced in the PHP pattern file.</li>
<li>No more copying and pasting code to files.</li>
<li>No more copying and pasting images to your theme.</li>
<li>Browse all your patterns by their preview thumbnails.</li>
<li>Create patterns and edit them later.</li>
<li>Easy discovery and use of hidden WordPress core pattern features.</li>
</ul>
<h3>Things you can do with Pattern Manager:</h3>
<ul>
<li>Create a pattern with a click.</li>
<li>Duplicate a pattern.</li>
<li>Delete a pattern.</li>
<li>Rename a pattern.</li>
<li>Utilize hidden WordPress core pattern features.</li>
<li>Save a pattern to a php file in your theme.</li>
</ul>
<h3>Hidden WP core pattern features you can unlock with Pattern Manager:</h3>
<ul>
<li>When a user makes a new page or post, auto-show a modal with your patterns, available to be used.</li>
<li>Make your pattern available in the block inserter, or choose to hide it from the inserter.</li>
<li>Allow users to transform any block into your pattern.</li>
</ul>
<h3>Upon every “save” of a pattern, Pattern Manager will do the following:</h3>
<ul>
<li>Create/update the pattern PHP file on your disk, in your theme.</li>
<li>Find and replace all local image urls with the correct PHP tag.</li>
<li>Find and copy all image files used into your theme.</li>
</ul>
<h3>Additional Features</h3>
<h3>The Pattern Block: Put patterns inside patterns.</h3>
<p>Once you’ve built a lot of patterns, it makes sense to quickly combine them in various ways to make full-page patterns. An example of this might be a “Home Page” or “Landing Page” pattern that includes a call-to-action area, features area, testimonials, links, and more. Instead of re-creating each of those patterns inside your “Home Page” pattern, you can simply re-use them with the “Pattern Block”.</p>
<p>Here’s an example of how you’d make that “Full Page” pattern:<br />
 * Step 1: In Pattern Manager, click “Create New Pattern”.<br />
 * Step 2: Add the “Pattern Block” (note: this block is exclusively available in the Pattern Manager editor).<br />
 * Step 3: Choose a pattern you’ve already made (like testimonials, features, call-to-actions, etc).<br />
 * Step 4. Once inserted, repeat steps 2-3 until you have a “Full Page” pattern you like.</p>
<p>The best part about using the “Pattern Block” is maintaining your patterns. If you ever need to make a change to a pattern, you can update it in one place and it will be updated anywhere you used the Pattern Block, dynamically.</p>
<p>When one of your theme’s users inserts that “Full Page” pattern, because it’s using WordPress core’s pattern block, WordPress will automatically pull the separate patterns together into the Block Editor, ready for them to modify, just like any other pattern.</p>
<h3>Docs & Repo</h3>
<ul>
<li><a href="https://developer.wpengine.com/pattern-manager/" rel="nofollow ugc">User and developer docs</a></li>
<li><a href="https://github.com/studiopress/pattern-manager/" rel="nofollow ugc">GitHub repo</a></li>
</ul>


Pattern Manager

Manage your theme's pattern PHP files the easy way, with Pattern Manager by WP Engine.

Plover Kit – Blocks, Patterns and Editor Enhancements vs Pattern Manager