The Porto Post Type Builder is a Gutenberg-based layout builder designed specifically for creating custom item layouts for any post type supported by the Porto theme. Instead of relying on predefined card or grid styles, this builder allows you to visually design the layout of individual post items—such as posts, portfolio items, products, events, members, and custom ACF-based post types.
Once created, these Post Type Blocks can be selected inside Porto elements such as Porto Posts Grid, Porto Post Type Archives, Porto Shop Page Subcategories. This gives you complete control over how each item appears in listings across your entire site.
Key Features of Porto Post Type Builder
-
Designed for All Post Types
Works with built-in Porto post types and any custom post type registered through plugins or ACF.
-
Gutenberg-Powered Builder
Build item layouts visually using Gutenberg blocks extended with Porto’s dynamic post-data components.
-
Reusable Layout Blocks
Create multiple Post Type Blocks and reuse them anywhere Porto’s grids or archive blocks support custom layouts.
-
Dynamic Content Support
Automatically displays post titles, images, meta data, taxonomies, and custom fields without manual coding.
-
Flexible Styling Options
Control spacing, alignment, typography, hover effects, and responsive structure directly within Gutenberg.
-
Consistent Design System
Ensures uniform layout presentation across grids, carousels, category pages, and archive listings.
Why Porto Post Type Builder Stands Out
The Porto Post Type Builder provides a powerful middle-ground between traditional theme templates and full page editors. It avoids the limitations of fixed grid layouts while also preventing the complexity of creating PHP templates.
- Full visual control without modifying theme files
- Reusable, modular layouts that can be applied to multiple grids or listings
- Perfect for dynamic sites with many custom content types
- Optimized loading because layouts are Gutenberg-built and theme-native
- Ideal for advanced setups leveraging ACF, CPT UI, or WooCommerce extensions
Rather than editing templates for each post type, you simply build the card layout once and apply it wherever needed.
How to Use Porto Post Type Builder
- Navigate to Porto → Template Builder → Post Type
- Click Add New to create a new Post Type Block.
- Enter a title for your layout (e.g., Portfolio Minimal Card).
- In the Gutenberg editor, build your layout using Porto’s post type dynamic elements.
- Publish the Post Type Block.
- Go to any Porto element that supports custom item layouts, such as:
- Porto Posts Grid
- Shop Page Subcategories
- Type Builder Archives
- Related Products
- Choose your newly created Post Type Block in the element settings under the post layout selection dropdown.
- The selected Post Type Block will now define how each post item appears in that grid or listing.
