PixGridder Pro Page Grid Composer for WordPress

PixGridder Pro Page Grid Composer for WordPress is a grid builder that lets you split a page into rows and columns directly inside the WordPress TinyMCE editor. Instead of introducing a typical page-builder workflow, it preserves the same editor experience (Visual/Text tabs, media uploader, and TinyMCE buttons) while organizing content into a structured grid. This helps you design cleaner layouts with full compatibility for other plugins and the shortcodes you already use.

The plugin doesn’t generate shortcodes; it stores the grid structure in invisible HTML comments, keeping your markup cleaner and easier to review or remove. A live preview updates as you edit, and the admin panel can compile CSS so your grid effects can stay fast and consistent across your theme or templates.

Main Features

• TinyMCE-based grid editing — Compose rows and columns from the familiar TinyMCE interface without switching to a shortcode-heavy builder.
• No generated shortcodes — Grid structure is saved via invisible HTML comments instead of adding shortcode wrappers to content.
• Invisible markup controls — Optionally remove “trace” data so related comments and options are cleared when you disable the plugin.
• Works with pages, posts, and CPTs — Apply grid layouts to WordPress pages, posts, and custom post types.
• Column and row management — Add, delete, clone, sort, and adjust column width or layout to refine structure.
• Visual live preview — Preview the real front-end result (including header and JavaScript effects) as changes update from the builder tab.
• IDs and classes per grid cell — Assign identifiers and CSS classes to rows and columns for targeted styling.
• Scroll effects and transitions — Choose effects from the admin panel to animate elements when users scroll.
• CSS compilation and export — Compile, download, or push the generated CSS to your theme directory.
• Template and CPT output rules — Configure output behavior such as different column counts for specific page templates or custom post types.

Benefits

• Cleaner content markup — Avoid shortcode clutter by using invisible comments for grid structure.
• Better plugin compatibility — Keep using your preferred TinyMCE buttons and shortcode-based workflows without disruptive builder replacements.
• Improved UX while editing — Live preview shows the true front-end look as you adjust rows, columns, and settings.
• More controllable styling — IDs, classes, and compiled CSS make it easier to maintain consistent design across templates.
• Reliable performance — Exporting compiled CSS helps keep page behavior predictable and fast compared to runtime-heavy approaches.
• Greater layout flexibility — Row/column cloning, sorting, and width adjustments simplify redesigns without rebuilding from scratch.

Who is it suitable for?

• WordPress site owners who want grid structure without a full page-builder shortcode footprint.
• Agencies building reusable layouts across multiple WordPress client sites.
• Developers who need precise control over rows, columns, and CSS export for templates.
• Content teams using TinyMCE for posts, pages, and custom post type content.
• Web designers creating animated, grid-based sections with scroll effects.
• Stores and CMS setups using custom post type templates (e.g., WooCommerce-style templates) where consistent grid output matters.