Title: Gridpress – Grid Layout Design Author: CodeStap Published: 23 Giugno 2026 Last modified: 24 Giugno 2026 --- Ricerca i plugin ![](https://ps.w.org/gridpress-grid-layout-design/assets/banner-772x250.png?rev= 3582825) ![](https://s.w.org/plugins/geopattern-icon/gridpress-grid-layout-design_cee8ca. svg) # Gridpress – Grid Layout Design Di [CodeStap](https://profiles.wordpress.org/muhammadfarhanatif/) [Scarica](https://downloads.wordpress.org/plugin/gridpress-grid-layout-design.1.0.0.zip) * [Dettagli](https://it.wordpress.org/plugins/gridpress-grid-layout-design/#description) * [Recensioni](https://it.wordpress.org/plugins/gridpress-grid-layout-design/#reviews) * [Installazione](https://it.wordpress.org/plugins/gridpress-grid-layout-design/#installation) * [Sviluppo](https://it.wordpress.org/plugins/gridpress-grid-layout-design/#developers) [Supporto](https://wordpress.org/support/plugin/gridpress-grid-layout-design/) ## Descrizione Gridpress is a flexible and powerful WordPress grid plugin that lets you display any WordPress post type — posts, pages, products, portfolios, team members, testimonials, and more — in beautiful, responsive grid layouts. Choose from 30 unique card styles, configure everything through a clean admin interface, and embed your grid anywhere with a simple shortcode. Whether you’re building a blog, a WooCommerce store, a portfolio site, or a company website, Gridpress gives you the tools to present your content in a visually compelling, mobile-friendly grid layout — without writing a single line of code. ### 🎨 30 Pre-Built Grid Styles Gridpress ships with 30 ready-to-use grid card designs covering a wide variety of use cases: * Blog / Magazine styles – with post date, author, comments count, categories& tags * Portfolio / Gallery styles – clean image-focused layouts with hover effects* Video gallery styles – dedicated video card designs with views & likes counters * Product-ready styles – layouts optimized for WooCommerce and eCommerce * Creative/ branding styles – multi-image cards, background color cards, Behance-linked cards and more ### 📦 Dual Data Source Support * **Posts Data** – Pull content automatically from any registered WordPress post type. Filter by taxonomy terms, set order, sort direction, and number of posts per grid. * **Manual Data** – Build grids with hand-crafted items. Add custom titles, images, URLs, video files or YouTube/Vimeo links, dates, authors, categories, excerpts, views, likes, and more — entirely independent of your site’s posts. ### 🔧 Full Grid Configuration Each grid is configured through a tabbed settings panel: * **General Settings:** Select one of 30 card styles * **Data Source:** Posts data vs. manual items; post type, taxonomy filters, order, pagination * **Layout:** Simple or Masonry grid; number of columns (2/3/4/6); hover effects * **Display Settings:** Show/hide excerpt, button, date, author, comments, categories/tags; top taxonomy filters * **Typography:** Custom font size, line height, font style, font weight and color for text elements ### 🧩 Integrations * Compatible with Elementor via the built-in Shortcode widget * Compatible with WPBakery Page Builder via Text Block and Raw HTML elements * Easily embed GridPress grids anywhere using generated shortcodes ### Third-Party Libraries This plugin includes third-party libraries used under their respective licenses. Select2 Files included: – js/select2/select2.full.min.js – css/select2/select2.full.min. css Source: https://select2.org/ Repository: https://github.com/select2/select2 License: MIT License Copyright (c) Select2 contributors ### Quick Start: Demo Data Import (Recommended) Get your website looking exactly like our demo in just a few clicks. ### Step 1 — Download the Demo Import Plugin Download the companion demo data plugin from the official GridPress website: Download: https://codestap.com/plugins/gridpress-demo-data.zip ### Step 2 — Install the Plugin In your WordPress Dashboard: **Plugins Add New Upload Plugin** 1. Click **Choose File** 2. Select **gridpress-demo-data.zip** 3. Click **Install Now** 4. Click **Activate** ### Step 3 — Import Demo Content Once activated, a new **Import Demo Data** menu will appear in your WordPress Dashboard. Navigate to: **GridPress Import Demo Data** You can import the following demo content: * Media Files * Pages * Posts * Products * Grids Click the **Import Demo Content** button to begin the import process. Depending on your server configuration and the amount of data being imported, the process may take a few minutes to complete. Please do not close your browser window while the import is running. After the import is complete, your website will closely match the demo, allowing you to explore all available layouts and customize them for your own content. ### Important Notes * Demo content is intended for new or development websites. * Existing content will not be removed or overwritten. * We recommend importing demo data before creating your own content. * After importing, you can edit or delete any demo content at any time. ### Need Help? If you experience any issues during installation or the import process, please contact our support team and we’ll be happy to assist. ## Screenshot [⌊General Settings Dashboard: Easily configure global variables, default font settings, container styles, and global layout rules.⌉⌊General Settings Dashboard: Easily configure global variables, default font settings, container styles, and global layout rules .⌉[ **General Settings Dashboard:** Easily configure global variables, default font settings, container styles, and global layout rules. [⌊Add New Grid Layout Interface: Create and customize a brand-new grid canvas with our interactive, tab-based control panel.⌉⌊Add New Grid Layout Interface: Create and customize a brand-new grid canvas with our interactive, tab-based control panel .⌉[ **Add New Grid Layout Interface:** Create and customize a brand-new grid canvas with our interactive, tab-based control panel. [⌊Grid Shortcode Copy Panel: Generate and grab unique system shortcodes instantly upon saving any layout.⌉⌊Grid Shortcode Copy Panel: Generate and grab unique system shortcodes instantly upon saving any layout.⌉[ **Grid Shortcode Copy Panel:** Generate and grab unique system shortcodes instantly upon saving any layout. [⌊Embedding Grid Shortcode into a Page: Paste the shortcode block effortlessly into standard Gutenberg editor paragraphs, Classic editors, or custom builders.⌉⌊Embedding Grid Shortcode into a Page: Paste the shortcode block effortlessly into standard Gutenberg editor paragraphs, Classic editors, or custom builders.⌉[ **Embedding Grid Shortcode into a Page:** Paste the shortcode block effortlessly into standard Gutenberg editor paragraphs, Classic editors, or custom builders. [⌊Grid Layout Style 1: Clean minimalist blogging design with meta layout.⌉⌊Grid Layout Style 1: Clean minimalist blogging design with meta layout.⌉[ **Grid Layout Style 1:** Clean minimalist blogging design with meta layout. [⌊Grid Layout Style 2: Traditional masonry cards tailored for editorial content.⌉⌊ Grid Layout Style 2: Traditional masonry cards tailored for editorial content.⌉[ **Grid Layout Style 2:** Traditional masonry cards tailored for editorial content. [⌊Grid Layout Style 3: Compact card overview with crisp typography.⌉⌊Grid Layout Style 3: Compact card overview with crisp typography.⌉[ **Grid Layout Style 3:** Compact card overview with crisp typography. [⌊Grid Layout Style 4: Creative background overlay card variant.⌉⌊Grid Layout Style 4: Creative background overlay card variant.⌉[ **Grid Layout Style 4:** Creative background overlay card variant. [⌊Grid Layout Style 5: High-impact modern grid interface.⌉⌊Grid Layout Style 5: High-impact modern grid interface.⌉[ **Grid Layout Style 5:** High-impact modern grid interface. [⌊Grid Layout Style 6: Smooth grid layout optimized for multi-author entries.⌉⌊Grid Layout Style 6: Smooth grid layout optimized for multi-author entries.⌉[ **Grid Layout Style 6:** Smooth grid layout optimized for multi-author entries. [⌊Grid Layout Style 7: Borderless creative card framework.⌉⌊Grid Layout Style 7: Borderless creative card framework.⌉[ **Grid Layout Style 7:** Borderless creative card framework. [⌊Grid Layout Style 8: Bold boxed masonry template.⌉⌊Grid Layout Style 8: Bold boxed masonry template.⌉[ **Grid Layout Style 8:** Bold boxed masonry template. [⌊Grid Layout Style 9: Modern magazine-inspired card aesthetic.⌉⌊Grid Layout Style 9: Modern magazine-inspired card aesthetic.⌉[ **Grid Layout Style 9:** Modern magazine-inspired card aesthetic. [⌊Grid Layout Style 10: Seamless content masonry showcase.⌉⌊Grid Layout Style 10: Seamless content masonry showcase.⌉[ **Grid Layout Style 10:** Seamless content masonry showcase. [⌊Grid Layout Style 11: Portfolio grid layout highlighting full-resolution imagery.⌉⌊ Grid Layout Style 11: Portfolio grid layout highlighting full-resolution imagery .⌉[ **Grid Layout Style 11:** Portfolio grid layout highlighting full-resolution imagery. [⌊Grid Layout Style 12: Gallery interface complete with sleek hover text overlays.⌉⌊ Grid Layout Style 12: Gallery interface complete with sleek hover text overlays.⌉[ **Grid Layout Style 12:** Gallery interface complete with sleek hover text overlays. [⌊Grid Layout Style 13: Behance-inspired creative portfolio layout.⌉⌊Grid Layout Style 13: Behance-inspired creative portfolio layout.⌉[ **Grid Layout Style 13:** Behance-inspired creative portfolio layout. [⌊Grid Layout Style 14: Modern dark-theme photography grid structure.⌉⌊Grid Layout Style 14: Modern dark-theme photography grid structure.⌉[ **Grid Layout Style 14:** Modern dark-theme photography grid structure. [⌊Grid Layout Style 15: Media-first showcase grid focusing on project details.⌉⌊ Grid Layout Style 15: Media-first showcase grid focusing on project details.⌉[ **Grid Layout Style 15:** Media-first showcase grid focusing on project details. [⌊Grid Layout Style 16: Balanced grid interface for dual-column portfolios.⌉⌊Grid Layout Style 16: Balanced grid interface for dual-column portfolios.⌉[ **Grid Layout Style 16:** Balanced grid interface for dual-column portfolios. [⌊Grid Layout Style 17: Video gallery card layout with play actions and metrics tracker.⌉⌊Grid Layout Style 17: Video gallery card layout with play actions and metrics tracker.⌉[ **Grid Layout Style 17:** Video gallery card layout with play actions and metrics tracker. [⌊Grid Layout Style 18: Inline responsive video preview card layout.⌉⌊Grid Layout Style 18: Inline responsive video preview card layout.⌉[ **Grid Layout Style 18:** Inline responsive video preview card layout. [⌊Grid Layout Style 19: YouTube & Vimeo standard streaming gallery card.⌉⌊Grid Layout Style 19: YouTube & Vimeo standard streaming gallery card.⌉[ **Grid Layout Style 19:** YouTube & Vimeo standard streaming gallery card. [⌊Grid Layout Style 20: Cinematography block portfolio style card.⌉⌊Grid Layout Style 20: Cinematography block portfolio style card.⌉[ **Grid Layout Style 20:** Cinematography block portfolio style card. [⌊Grid Layout Style 21: Product-ready card layout with integrated Add-to-Cart formatting.⌉⌊ Grid Layout Style 21: Product-ready card layout with integrated Add-to-Cart formatting .⌉[ **Grid Layout Style 21:** Product-ready card layout with integrated Add-to-Cart formatting. [⌊Grid Layout Style 22: eCommerce store listing optimization grid card.⌉⌊Grid Layout Style 22: eCommerce store listing optimization grid card.⌉[ **Grid Layout Style 22:** eCommerce store listing optimization grid card. [⌊Grid Layout Style 23: Multi-column product display box with sales flags.⌉⌊Grid Layout Style 23: Multi-column product display box with sales flags.⌉[ **Grid Layout Style 23:** Multi-column product display box with sales flags. [⌊Grid Layout Style 24: Minimalist boutique product presentation grid item.⌉⌊Grid Layout Style 24: Minimalist boutique product presentation grid item.⌉[ **Grid Layout Style 24:** Minimalist boutique product presentation grid item. [⌊Grid Layout Style 25: Team & Testimonial profile block grid system.⌉⌊Grid Layout Style 25: Team & Testimonial profile block grid system.⌉[ **Grid Layout Style 25:** Team & Testimonial profile block grid system. [⌊Grid Layout Style 26: Author profile introduction layout array.⌉⌊Grid Layout Style 26: Author profile introduction layout array.⌉[ **Grid Layout Style 26:** Author profile introduction layout array. [⌊Grid Layout Style 27: Multi-image collage block layout.⌉⌊Grid Layout Style 27: Multi-image collage block layout.⌉[ **Grid Layout Style 27:** Multi-image collage block layout. [⌊Grid Layout Style 28: Floating text overlay card design framework.⌉⌊Grid Layout Style 28: Floating text overlay card design framework.⌉[ **Grid Layout Style 28:** Floating text overlay card design framework. [⌊Grid Layout Style 29: Monochromatic split-card presentation format.⌉⌊Grid Layout Style 29: Monochromatic split-card presentation format.⌉[ **Grid Layout Style 29:** Monochromatic split-card presentation format. [⌊Grid Layout Style 30: Clean modern list-to-grid hybrid card layout.⌉⌊Grid Layout Style 30: Clean modern list-to-grid hybrid card layout.⌉[ **Grid Layout Style 30:** Clean modern list-to-grid hybrid card layout. [⌊Grid Layout Style 31: Abstract background-color text layout block.⌉⌊Grid Layout Style 31: Abstract background-color text layout block.⌉[ **Grid Layout Style 31:** Abstract background-color text layout block. ## Installazione 1. Upload the plugin files to the `/wp-content/plugins/gridpress-grid-layout-design` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Navigate to Grids > Add New to create your first grid. 4. Choose a style, configure data source and display settings, then copy the shortcode. 5. Paste the shortcode `[gridpress_grid id="YOUR_ID"]` into any page or post. ## FAQ ### Does Gridpress work with any WordPress theme? Yes. Gridpress is built using standard WordPress APIs and outputs clean HTML. It works with any properly coded theme. ### Can I display WooCommerce products in a grid? Yes. Any registered post type — including WooCommerce product — can be selected as the data source once it is enabled in Global Settings. ### Does it support Elementor? Yes. Gridpress is compatible with Elementor using the built-in Shortcode widget. ### Can I create a grid with custom items? Yes. Use the Manual Data source to add items with custom titles, images, video URLs, dates, authors, and more. ### What pagination options are available? Page Numbers, Load More (AJAX button), and Infinite Scroll (AJAX auto-load on scroll). ### Can I export and import grid settings? Yes. Use the Import/Export tab in any grid’s settings to download a JSON backup or upload one to restore settings. ## Recensioni Non ci sono recensioni per questo plugin. ## Contributi e sviluppo “Gridpress – Grid Layout Design” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito. Collaboratori * [ CodeStap ](https://profiles.wordpress.org/muhammadfarhanatif/) [Traduci “Gridpress – Grid Layout Design” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/gridpress-grid-layout-design) ### Ti interessa lo sviluppo? [Esplora il codice](https://plugins.trac.wordpress.org/browser/gridpress-grid-layout-design/) segui il [repository SVN](https://plugins.svn.wordpress.org/gridpress-grid-layout-design/), segui il [log delle modifiche](https://plugins.trac.wordpress.org/log/gridpress-grid-layout-design/) tramite [RSS](https://plugins.trac.wordpress.org/log/gridpress-grid-layout-design/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release. ## Meta * Versione **1.0.0** * Ultimo aggiornamento **5 giorni fa** * Installazioni attive **Meno di 10** * Versione WordPress ** 5.5 o superiore ** * Testato fino alla versione **7.0** * Versione PHP ** 7.4 o superiore ** * Lingua * [English (US)](https://wordpress.org/plugins/gridpress-grid-layout-design/) * Tag * [content grid](https://it.wordpress.org/plugins/tags/content-grid/)[gallery](https://it.wordpress.org/plugins/tags/gallery/) [grid](https://it.wordpress.org/plugins/tags/grid/)[portfolio](https://it.wordpress.org/plugins/tags/portfolio/) [post grid](https://it.wordpress.org/plugins/tags/post-grid/) * [Visualizzazione avanzata](https://it.wordpress.org/plugins/gridpress-grid-layout-design/advanced/) ## Valutazioni Non sono state ancora inviate recensioni. [Your review](https://wordpress.org/support/plugin/gridpress-grid-layout-design/reviews/#new-post) [Vedi tutte le recensioni](https://wordpress.org/support/plugin/gridpress-grid-layout-design/reviews/) ## Collaboratori * [ CodeStap ](https://profiles.wordpress.org/muhammadfarhanatif/) ## Supporto Hai qualcosa da dire? Ti serve aiuto? [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/gridpress-grid-layout-design/)