Title: Grid Accordion
Author: bqworks
Published: <strong>18. Juni 2014</strong>
Last modified: 12. September 2026

---

Plugins suchen

![](https://ps.w.org/grid-accordion/assets/banner-772x250.png?rev=2589052)

![](https://ps.w.org/grid-accordion/assets/icon-256x256.png?rev=2589052)

# Grid Accordion

 Von [bqworks](https://profiles.wordpress.org/bqworks/)

[Herunterladen](https://downloads.wordpress.org/plugin/grid-accordion.1.9.16.zip)

 * [Details](https://de.wordpress.org/plugins/grid-accordion/#description)
 * [Rezensionen](https://de.wordpress.org/plugins/grid-accordion/#reviews)
 *  [Installation](https://de.wordpress.org/plugins/grid-accordion/#installation)
 * [Entwicklung](https://de.wordpress.org/plugins/grid-accordion/#developers)

 [Support](https://wordpress.org/support/plugin/grid-accordion/)

## Beschreibung

Grid Accordion combines the look and functionality of a grid with that of an accordion,
allowing you to create image grids which are fully responsive and mobile-friendly.

Features:

 * Fully responsive on any device
 * Touch support for touch-enabled screens
 * Customizable number of columns
 * Possibility to change the aspect and configuration of the grid based on screen
   size
 * Animated and static layers, which can contain text, images or any HTML content
 * Keyboard navigation
 * Mouse wheel navigation
 * Pagination for the panels
 * Retina support
 * Lazy loading for images
 * Deep linking (link to specific slide inside the accordion)
 * Lightbox integration
 * Swap image when the panel is opened
 * Clean and intuitive admin interface
 * Preview grid accordions directly in the admin area
 * Drag and drop panel sorting
 * Publish grid accordions in any post (including pages and custom post types), 
   in PHP code, and widget areas
 * Caching system for quick loading times
 * Optimized file loading. The JavaScript and CSS files are loaded only in pages
   where there are grid accordions
 * Load images (e.g., featured images) and content dynamically, from posts (including
   custom post types), WordPress galleries and Flickr
 * Action and filter hooks to add to the functionality of the plugin
 * Import and export grid accordions

[These videos](https://bqworks.net/grid-accordion/screencasts/) demonstrate the 
full capabilities of the plugin.

[Premium Add-ons](https://bqworks.net/premium-add-ons/#grid-accordion) allow you
to further extend the functionality of the grid accordion:

 * [Custom CSS and JavaScript](https://bqworks.net/premium-add-ons/#custom-css-js-for-grid-accordion):
   Allows you to add custom CSS and JavaScript code to your grid accordions in a
   syntax highlighting code editor. It also features a revisions system that will
   backup all your code edits, allow you to compare between multiple revisions and
   restore a certain revision.
 * [Revisions](https://bqworks.net/premium-add-ons/#revisions-for-grid-accordion):
   Automatically stores a record of each edit/update of your accordions, for comparison
   or backup purposes. Each accordion will have its own list of revisions, allowing
   you to easily preview a revision, analyze its settings, compare it to other revisions
   or restore it.

## Screenshots

[⌊Grid accordion with text layers.⌉⌊Grid accordion with text layers.⌉[

Grid accordion with text layers.

[⌊Simple grid accordion.⌉⌊Simple grid accordion.⌉[

Simple grid accordion.

[⌊Grid accordion with mixed content.⌉⌊Grid accordion with mixed content.⌉[

Grid accordion with mixed content.

[⌊The admin interface for creating and editing an accordion.⌉⌊The admin interface
for creating and editing an accordion.⌉[

The admin interface for creating and editing an accordion.

[⌊The preview window in the admin area.⌉⌊The preview window in the admin area.⌉[

The preview window in the admin area.

[⌊The layer editor in the admin area.⌉⌊The layer editor in the admin area.⌉[

The layer editor in the admin area.

[⌊The background image editor in the admin area.⌉⌊The background image editor in
the admin area.⌉[

The background image editor in the admin area.

[⌊Adding dynamic tags for accordions generated from posts.⌉⌊Adding dynamic tags 
for accordions generated from posts.⌉[

Adding dynamic tags for accordions generated from posts.

## Blöcke

Dieses Plugin bietet 1 Block.

 *   Grid Accordion Insert a Grid Accordion instance.

## Installation

To install the plugin:

 1. Install the plugin through Plugins > Add New > Upload or by copying the unzipped
    package to wp-content/plugins/.
 2. Activate the Grid Accordion plugin through the ‚Plugins > Installed Plugins‘ menu
    in WordPress.

To create grid accordions:

 1. Go to Grid Accordion > Add New and click the ‚Add Panels‘ button.
 2. Select one or more images from the Media Library and click ‚Insert into post‘.
 3. After you customized the grid accordion, click the ‚Create‘ button.

To publish grid accordions:

Copy the [grid_accordion id=“1″] shortcode in the post or page where you want the
accordion to appear. You can also insert it in PHP code by using , or in the widgets
area by using the built-in Grid Accordion widget.

## FAQ

### How can I set the size of the images?

When you select an image from the Media Library, in the right columns, under ‚ATTACHMENT
DISPLAY SETTINGS‘, you can use the ‚Size‘ option to select the most appropriate 
size for the images.

## Rezensionen

Zu diesem Plugin liegen noch keine Rezensionen vor.

## Mitwirkende und Entwickler

„Grid Accordion“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin
mitgewirkt:

Mitwirkende

 *   [ bqworks ](https://profiles.wordpress.org/bqworks/)

[Übersetze „Grid Accordion“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/grid-accordion)

### Interessiert an der Entwicklung?

[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/grid-accordion/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/grid-accordion/)
an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/grid-accordion/)
per [RSS](https://plugins.trac.wordpress.org/log/grid-accordion/?limit=100&mode=stop_on_copy&format=rss).

## Änderungsprotokoll

#### 1.9.16

 * validate breakpoint settings passed through the shortcode

#### 1.9.15

 * add nonce verification when previewing the accordion

#### 1.9.14

 * sanitize shortcode elements, to prevent JavaScript code
    added by users who have
   permission to add content

#### 1.9.13

 * patch fancybox script, to disallow html content in captions

#### 1.9.12

 * sanitize html content output, to prevent JavaScript code
    added by users who 
   have access to the plugin’s editing area

#### 1.9.11

 * improve accessibility for admin editor panels
 * fix deprecation notices

#### 1.9.10

 * fix styling for admin add-on cards

#### 1.9.9

 * improve panel content settings loading in admin

#### 1.9.8

 * fix deprecation notice regarding optional parameter in php 8

#### 1.9.7

 * minor security hardening
 * other minor fixes

#### 1.9.6

 * improve support for gallery slides
 * add support for deferred loading of scripts

#### 1.9.5

 * fix layers‘ admin settings bug
 * modify user capability requirements for editing accordions

#### 1.9.4

 * add possibility to extend the sidebar settings panels
 * other fixes and improvements

#### 1.9.3

 * add Gutenberg block

#### 1.9.2

 * some fixes and improvements

#### 1.9.1

 * added code mirror editor to HTML textareas
 * add filter for allowed HTML tags
 * other fixes and improvements

#### 1.9.0

 * added the add-on installation interface

#### 1.8.2

 * added the possibility to remove the existing custom CSS and JavaScript

#### 1.8.1

 * fixed the inline CSS widht and height of the grid accordion

#### 1.8.0

 * initial release on WordPress.org
 * fix styling for sidebar panels

## Meta

 *  Version **1.9.16**
 *  Zuletzt aktualisiert **vor 1 Monat**
 *  Aktive Installationen **100+**
 *  WordPress-Version ** 4.0 oder höher **
 *  Getestet bis **7.1.3**
 *  Sprache
 * [English (US)](https://wordpress.org/plugins/grid-accordion/)
 * Schlagwörter
 * [grid accordion](https://de.wordpress.org/plugins/tags/grid-accordion/)[grid plugin](https://de.wordpress.org/plugins/tags/grid-plugin/)
   [image grid](https://de.wordpress.org/plugins/tags/image-grid/)[post grid](https://de.wordpress.org/plugins/tags/post-grid/)
   [responsive grid](https://de.wordpress.org/plugins/tags/responsive-grid/)
 *  [Erweiterte Ansicht](https://de.wordpress.org/plugins/grid-accordion/advanced/)

## Bewertungen

Es wurden noch keine Rezensionen eingereicht.

[Deine Rezension](https://wordpress.org/support/plugin/grid-accordion/reviews/#new-post)

[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/grid-accordion/reviews/)

## Mitwirkende

 *   [ bqworks ](https://profiles.wordpress.org/bqworks/)

## Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

 [Support-Forum anzeigen](https://wordpress.org/support/plugin/grid-accordion/)

## Spenden

Möchtest du die Weiterentwicklung dieses Plugins unterstützen?

 [ Für dieses Plugin spenden ](https://bqworks.net/premium-add-ons/)