WP Mold Blocks
Comprehensive documentation for all custom Gutenberg blocks included in the WP Mold Blocks plugin. This reference guide details the attributes, settings, and purpose of each block.
Wrappers & Layout
2. Header Wrap mold/header-wrap
A container block designed for site headers, supporting sticky positioning and glassmorphism effects.
Attributes:
-
isFullWidth– Whether the header spans full width. -
isCenterContent– Centers the inner content if full width. -
isSticky– Enables sticky positioning. -
paddingTopWrap– Top padding for the wrapper. -
paddingBlock,paddingInline– Padding for the header content. borderRadius– Border radius of the header.bgColor– Background color.-
Sticky Settings (when
isStickyis true):topSticky– Top offset when sticky.-
paddingBlockSticky,paddingInlineSticky– Padding when sticky. -
borderRadiusSticky– Border radius when sticky. -
bgColorSticky– Background color when sticky. -
bgblur– Backdrop blur amount (glass effect) when sticky.
3. Div / Container mold/div
A versatile container block (like an HTML
<div>) with extensive styling options for
layout, spacing, and positioning.
Attributes:
-
minHeight,minHeightUnit– Minimum height of the container. -
widthContent– Max width of content. -
padding,margin– Spacing controls. -
backgroundColor,backgroundImage– Background styling. -
border,borderRadius,boxShadow– Border and shadow styles. -
flexDirection,justifyContent,alignItems– Flexbox layout controls. -
position– CSS positioning (relative/absolute/fixed). zIndex– Stack order.overflow– Overflow handling.
4. Step Process mold/step
Displays a step-by-step process or timeline.
Attributes:
-
stepType– Type of step indicator (number, image, icon). -
stepSize– Size of the step indicator. -
stepStyleIndividual– Allow individual styling per step. -
stepColor,stepBgColor– Global colors for step indicators. -
headColor,bodyColor– Text colors for title and description. -
trackColor,trackWidth– Styling for the connecting line. activeColor– Color for the active/first step.-
animation– Enables animation for steps. -
animationInterval– Speed of animation. -
listItems– The data for each step (text, content, imageUrl, icon).
5. Tabs mold/tab
A container for creating tabbed content sections.
Attributes:
-
activeTab– Index of the currently active tab. -
tabStyle– Visual style of tabs. -
tabPosition– Position of tab headers (top, left, right, bottom). -
tabColor,tabBgColor– Colors for inactive tabs. -
tabActiveColor,tabActiveBgColor– Colors for the active tab.
6. Tab Item mold/tab-item
An individual tab within the Tabs block.
Attributes:
-
title– The title displayed on the tab button. -
icon– Optional icon for the tab.
7. Accordion mold/accordion
Collapsible content sections, useful for FAQs.
Attributes:
-
open– Whether the accordion is open by default. -
style– Visual style preset. -
title– The heading text of the accordion. -
icon– Icon for the toggle state. -
headColor,headBgColor– Colors for the accordion header. -
contentColor,contentBgColor– Colors for the expanded content area.
8. List mold/list
An advanced list block with custom icons and styling.
Attributes:
-
listStyle– Icon style for list items (check, star, arrow, etc.). -
iconColor,iconBgColor– Colors for the list bullets/icons. textColor– Color for the list text.-
items– List of items.
Visual & Media
10. Banner mold/banner
A hero or banner block featuring an gradient color like “Aurora” background effect.
Attributes:
-
blobColor1,blobColor2,blobColor3– Colors for the animated gradient blobs. bgColor– Fallback background color.-
padding– Padding around the content. -
_loadedDefaults– Internal flag for default settings.
11. Video Popup mold/video
Displays a video thumbnail that opens a video in a popup (lightbox) or inline.
Attributes:
-
videoSource– Source type (youtube, upload). -
youtubeUrl– URL for YouTube video. -
uploadedVideoUrl– URL for self-hosted video. -
videoThumbnail– Custom thumbnail image URL. -
buttonType,buttonSize,buttonColor– Play button styling. -
videoTriggerAuto– Autoplay video on open. -
thumbnailHeightType– Fix height by ‘number’ (px) or ‘ratio’ (16:9 etc). aspectRatio– Aspect ratio for the thumbnail.-
videoSize– Size of the popup video player (s, m, l, xl). -
backdropFilterBlur– Blur amount for the popup backdrop. -
videoOverlayColor– Color of the popup backdrop.
12. Image Grid mold/imgrid
Displays a grid of images with a unique shuffling animation effect.
Attributes:
-
images– List of selected images. -
columns– Number of columns in grid. -
rows– Number of rows in grid. -
gridGap– Gap between images. -
animationInterval– Speed of shuffle animation. -
baseColor– Base color to generate placeholder palette. borderRadius– Border radius of images.
13. Material Icon mold/materialicon
Displays an icon from the Google Material Icons library.
Attributes:
-
icon– The icon name/identifier. -
size– Size of the icon in pixels. -
color– Icon color. -
rotate– Rotation degrees.
14. Dashicon mold/dashicon
Displays an icon from the WordPress Dashicons library.
Attributes:
-
icon– The dashicon class suffix. -
size,color,rotate– Styling controls.
15. Loading / Preloader mold/loading
A block to display loading animations, useful for visual feedback or transitions.
Attributes:
-
loaderType– Type of animation (spinner, dots, pulse, etc.). -
color– Primary color of the loader. -
size– Size of the loader.
16. Text Rotate mold/text-rotate
Animated text that cycles through a list of words or phrases.
Attributes:
-
animationType– Animation style (typewriter, rotate). -
textArray– List of text strings to cycle through. -
typeDuration– Duration of typing effect. -
loop– Whether to loop continuously.
17. Text Animate mold/text-animate
Applies entrance animations to text (e.g., splitting by character or word).
Attributes:
-
animationType– Type (split, typewriter). -
splitType– For split animation (lines, words, chars). alignType– Text alignment.textColor– Initial text color.textColorTo– Target color for animation.-
content– The text content (HTML).
18. Text Column mold/text-column
Displays text in a multi-column layout.
Attributes:
-
columnCount– Number of columns. -
columnGap– Space between columns. -
columnRule– Style for the dividing line between columns.
Carousel & Sliders
19. Carousel mold/carousel
A powerful Swiper-based carousel for displaying any content.
Attributes:
-
itemPerView– Slides visible at once. -
gap– Space between slides. -
speed– Transition speed. -
autoDelay– Autoplay delay. -
effect– Transition effect (slide, fade, coverflow, flip, creative, cards). -
fadeEdge– Adds a fade effect to edges. -
navigation– Show next/prev arrows. -
navigationStyle,navigationIcon– Styling for arrows. -
pagination– Show dots/indicators. -
paginationStyle– Style of pagination (circle, square, line). -
equalHeight– Force all slides to same height.
20. Carousel Item mold/carousel-item
The individual slide wrapper for the Carousel block.
Attributes:
No user-configurable attributes; serves as a container.
21. Logo Carousel mold/logo-carousel
Specialized carousel for displaying brand logos.
Attributes:
-
listItems– List of logos (image, url, alt text). -
itemSpace– Space between logos. -
itemHeight– Constraint for logo height. animationInterval– Speed of auto-scroll.-
animationDirection– Scroll direction (left/right).
22. Product Gallery Carousel
mold/product-gallery-carousel
A placeholder block intended to render a WooCommerce product gallery carousel.
Attributes:
Same carousel core attributes as mold/carousel (gap,
speed, effect, etc.).
Note: Renders null in save; likely dynamic or frontend-only
implementation.
Utility
23. Read Time mold/readtime
Displays the estimated reading time for the post.
Attributes:
No configurable attributes found (automatically calculated based on content).
24. Link Wrapper mold/link
Wraps any block in a hyperlink.
Attributes:
-
linkUrl– The destination URL. -
linkTarget– Target attribute (_self, _blank). -
display– CSS display property (block, inline-block).
25. Scroll Top mold/scroll-top
A “Back to Top” button that appears when scrolling down.
Attributes:
-
position– Screen position (bottom-right, bottom-left, etc.). -
offset– Distance from edge. -
icon– Icon identifier. -
showAfter– Scroll distance (px) before showing. -
color,backgroundColor– Visual styling.
26. Counter mold/counter
Animated number counter.
Attributes:
-
startNumber– Starting value. -
endNumber– Ending value. -
duration– Animation duration. -
prefix– Text before number. -
suffix– Text after number (e.g., %). -
separator– Thousands separator.
27. Modal mold/modal
A popup modal triggered by a button or text.
Attributes:
-
triggerType– What opens the modal (button, text, image, on-load). -
triggerText/triggerIcon– Content for the trigger. modalSize– Size of the modal window.-
overlayColor– Background color of the overlay. animation– Entrance animation for the modal.-
showCloseButton– Toggle close button visibility.