=== Gridpress - Grid Layout Design ===
Contributors: CodeStap, muhammadfarhanatif
Tags: grid, post grid, gallery, portfolio, content grid
Requires at least: 5.5
Tested up to: 7.0
Requires PHP: 7.4
Stable tag: 1.0.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.txt

Effortlessly create responsive grid listings of posts, products, portfolios, and custom post types using a powerful shortcode-based builder.

== Description ==

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

== Installation ==

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.


== 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.

== Frequently Asked Questions ==

= 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.

== Screenshots ==

1. **General Settings Dashboard:** Easily configure global variables, default font settings, container styles, and global layout rules.
2. **Add New Grid Layout Interface:** Create and customize a brand-new grid canvas with our interactive, tab-based control panel.
3. **Grid Shortcode Copy Panel:** Generate and grab unique system shortcodes instantly upon saving any layout.
4. **Embedding Grid Shortcode into a Page:** Paste the shortcode block effortlessly into standard Gutenberg editor paragraphs, Classic editors, or custom builders.
5. **Grid Layout Style 1:** Clean minimalist blogging design with meta layout.
6. **Grid Layout Style 2:** Traditional masonry cards tailored for editorial content.
7. **Grid Layout Style 3:** Compact card overview with crisp typography.
8. **Grid Layout Style 4:** Creative background overlay card variant.
9. **Grid Layout Style 5:** High-impact modern grid interface.
10. **Grid Layout Style 6:** Smooth grid layout optimized for multi-author entries.
11. **Grid Layout Style 7:** Borderless creative card framework.
12. **Grid Layout Style 8:** Bold boxed masonry template.
13. **Grid Layout Style 9:** Modern magazine-inspired card aesthetic.
14. **Grid Layout Style 10:** Seamless content masonry showcase.
15. **Grid Layout Style 11:** Portfolio grid layout highlighting full-resolution imagery.
16. **Grid Layout Style 12:** Gallery interface complete with sleek hover text overlays.
17. **Grid Layout Style 13:** Behance-inspired creative portfolio layout.
18. **Grid Layout Style 14:** Modern dark-theme photography grid structure.
19. **Grid Layout Style 15:** Media-first showcase grid focusing on project details.
20. **Grid Layout Style 16:** Balanced grid interface for dual-column portfolios.
21. **Grid Layout Style 17:** Video gallery card layout with play actions and metrics tracker.
22. **Grid Layout Style 18:** Inline responsive video preview card layout.
23. **Grid Layout Style 19:** YouTube & Vimeo standard streaming gallery card.
24. **Grid Layout Style 20:** Cinematography block portfolio style card.
25. **Grid Layout Style 21:** Product-ready card layout with integrated Add-to-Cart formatting.
26. **Grid Layout Style 22:** eCommerce store listing optimization grid card.
27. **Grid Layout Style 23:** Multi-column product display box with sales flags.
28. **Grid Layout Style 24:** Minimalist boutique product presentation grid item.
29. **Grid Layout Style 25:** Team & Testimonial profile block grid system.
30. **Grid Layout Style 26:** Author profile introduction layout array.
31. **Grid Layout Style 27:** Multi-image collage block layout.
32. **Grid Layout Style 28:** Floating text overlay card design framework.
33. **Grid Layout Style 29:** Monochromatic split-card presentation format.
34. **Grid Layout Style 30:** Clean modern list-to-grid hybrid card layout.
35. **Grid Layout Style 31:** Abstract background-color text layout block.
36. **Grid Layout Style 32:** Asymmetric grid system displaying high-contrast typography.
37. **Grid Layout Style 33:** Clean multi-tier structural content block.
38. **Grid Layout Style 34:** Fully interactive custom post type responsive grid template.

== Changelog ==

= 1.0.0 =
* Initial release.
