外掛標籤
開發者團隊
② 後台搜尋「Mosaic Contents for Elementor」→ 直接安裝（推薦）
原文外掛簡介
Mosaic Contents for Elementor (MC4E) adds two Elementor widgets under the Mosaic Contents category. Both are built on a free-form grid layout engine: instead of being constrained by classic HTML layout models (flexbox, CSS grid, columns), you place and size items freely on an underlying snap grid.
Content Layout – query posts or any custom post type and arrange the results as cards in a free-form grid.
Widgets Layout – turn each grid cell into a drop zone for any Elementor widget (headings, images, buttons, Containers, and more), so you can compose free-form sections from native, editable Elementor elements.
Key capabilities:
Free-form drag-and-resize editing directly inside Elementor, with an underlying snap grid.
Separate desktop, tablet, and mobile layouts (stored per breakpoint) – each view layout can be unique!
Editor-friendly React-powered rendering with two-way Elementor settings sync.
Content Layout: works with any post type and its taxonomies; per-element visibility and ordering; style presets; predefined layouts; saved setups. Content is fetched via the WordPress REST API.
Widgets Layout: multiple native widgets per cell; nested Containers; drag widgets between cells; per-cell styling (global Cell Style plus a per-cell repeater with automatic cell-to-item sync).
Content Layout widget
Query settings for post type, taxonomy and terms, order, sticky posts, and pagination. Style options include card text, layout, image display and focal point, colors, borders, and reusable style presets, plus element order and visibility controls.
Widgets Layout widget
Drop any Elementor widget onto a cell (or use the cell’s add icon), stack multiple widgets per cell, and nest Containers/Grid/Flexbox with inner widgets. Cells can be dragged, resized, and stacked (z-index); widgets can be reordered within a cell or moved between cells. Each cell can be styled individually via a per-cell repeater (background, padding, text and links color, overlay color, horizontal and vertical alignment, border, radius, and box shadow), with empty fields falling back to the global Cell Style.
Documentation
For detailed instructions on using the MC4E widgets, consult the documentation in docs/index.html.
Stay Connected
View/Contribute on GitHub
Follow on Twitter
Visit the Micemade website
License
This plugin is licensed under the GPLv2 or later.
The plugin uses, other than WordPress and React modules and packages, third party modules, licenced under MIT or MPL-2.0, GPL compatible licences, but heavily relies on:
* [React Grid Layout]https://github.com/react-grid-layout/react-grid-layout
Feedback
If you would like to have more features to this block, please suggest them in the Support section. This also applies to pointing out to bugs, or UI/UX improvements. Bugfixes or improvements will be added to the plugin.
Thank you for using Mosaic Contents for Elementor!
