Luxe Gallery

Beschreibung

Luxe Gallery revolutioniert WordPress-Galerien mit einem visuellen Raster-Editor, mit dem du einzigartige Hero-Layouts erstellen kannst. In Kombination mit automatischer WebP-Konvertierung, kategoriebasierter Organisation und einer immersiven Vollbildansicht bietet es die perfekte Lösung für professionelle Bildpräsentationen.

Hauptfunktionen

  • 🎨 Visueller Raster Editor: Erstelle benutzerdefinierte Hero-Layouts per Drag & Drop – individuell anpassbar für jede Galerie.
  • 📱 Mobile-First Design: Responsive design with custom slider for mobile devices
  • 🗂️ Kategoriebasierte Organisation: Organisiere Bilder in benutzerdefinierten Kategorien.
  • 💡 Lightbox: Modern, touch-friendly lightbox experience
  • ⚡ WebP-Optimierung: Automatische WebP-Konvertierung für bessere Leistung
  • 🎨 Drag & Drop-Oberfläche: Intuitive Verwaltungsoberfläche für die Bildverwaltung
  • 📝 Shortcode-Unterstützung: Einfache Integration mit [luxe_gallery id="123"]
  • 🔧 Page Builder-Integration: Native Unterstützung für Gutenberg, Elementor, Divi, Beaver Builder und Bricks Builder
  • ⚙️ Umfassende Einstellungen: Vollständig konfigurierbare Optionen für Leistung und Design

Leistungsfunktionen

  • Lazy Loading: Bilder werden nur bei Bedarf geladen.
  • WebP-Unterstützung: Automatische Konvertierung in moderne Bildformate
  • Optimierte Datenbankabfragen: Minimale Auswirkungen auf die Website-Performance
  • CDN-kompatibel: Funktioniert mit allen gängigen CDN-Lösungen

Kompatibilität mit Page-Builder

  • Gutenberg-Block: Nativer Block für den WordPress-Block-Editor
  • Elementor Widget: Vollständig integriertes Widget mit Live-Vorschau
  • Divi-Modul: Benutzerdefiniertes Modul für den Divi Builder
  • Beaver Builder-Modul: Nahtlose Integration mit Beaver Builder
  • Bricks Builder Element: Native Bricks-Element mit allen Optionen

Technische Details

  • Vollständig responsive und mobilfähig
  • SEO-freundlich mit strukturierten Daten
  • Barrierefrei (WCAG 2.1)
  • Übersetzungsbereit (i18n)
  • Kompatibel mit allen gängigen Themes und Page Buildern
  • Sauberer, validierter Code

Shortcode-Verwendung

[luxe_gallery id="123"]

Parameters:

  • id – The gallery ID (required)
  • show_title – Show gallery title: yes/no (default: no)
  • title_tag – HTML tag for title: h1-h6 (default: h2)
  • layout – Layout style: hero-grid, grid, masonry (default: hero-grid)
  • columns – Number of columns: 2-6 (default: 4, for grid/masonry layouts)
  • gap – Gap between images in pixels (default: 8)
  • border_radius – Border radius in pixels (default: 12)
  • show_image_count – Show photo count on button: yes/no (default from settings)
  • lightbox – Enable lightbox: yes/no (default: yes)
  • sharing – Enable social sharing: yes/no (default: no)
  • virtual_tour – Virtual tour URL (optional)
  • class – Additional CSS classes (optional)

Example with all parameters:

[luxe_gallery id="123" layout="masonry" columns="3" gap="12" lightbox="yes" sharing="yes"]

Technische Informationen

Mindestanforderungen

  • WordPress 5.0 oder höher
  • PHP 7.4 oder höher
  • MySQL 5.6 oder höher
  • Mindestens 64 MB PHP-Speicherlimit

Empfohlene Anforderungen

  • WordPress 6.0 oder höher
  • PHP 8.0 oder höher
  • MySQL 8.0 oder höher
  • 128 MB PHP-Speicherlimit
  • GD Library oder ImageMagick für die WebP-Konvertierung

Verwendete Bibliotheken

  • No external JavaScript libraries — all components are custom-built
  • Zero dependencies for optimal performance

Support

Für Support und Fragen besuche bitte:
* Website: https://jajasolutions.de
* Plugin-Support-Forum: https://wordpress.org/support/plugin/luxe-gallery (nach Veröffentlichung)
* Entwickler: Janni Hares

Mitwirken

Beiträge sind willkommen! Weitere Informationen findest du in unserem GitHub-Repository.

Datenschutz

Luxe Gallery sammelt keine personenbezogenen Daten von Website-Besuchern. Alle Daten werden lokal in deiner WordPress-Installation gespeichert.

Screenshots

  • Hero-Raster-Layout – Attraktives Raster mit 5 Bildern als Einstiegspunkt
  • Mobile Slider – optimierte Anzeige für mobile Geräte
  • Kategoriebasierte Galerie – organisierte Bildanzeige mit Navigation
  • Lightbox – Modern lightbox experience

Blöcke

Dieses Plugin bietet 1 Block.

  • Luxe Gallery Display a beautiful Airbnb-style hero grid gallery with categories and lightbox.

Installation

  1. Lade das Plugin über das WordPress-Admin-Panel hoch oder installieren es über das Plugin-Verzeichnis.
  2. Aktiviere das Plugin im „Plugins“-Menü in WordPress
  3. Gehe zu „Luxe Gallery“ > „Neu hinzufügen“, um deine erste Galerie zu erstellen.
  4. Du kannst die Plugin-Einstellungen unter „Luxe Gallery“ > „Einstellungen“ konfigurieren.
  5. Verwende den Shortcode [luxe_gallery id="ID"], um die Galerie anzuzeigen.

Verwendung mit Page Buildern

Gutenberg: Suche im Block-Editor nach dem Block „Luxe Gallery“.
Elementor: Suche das Widget „Luxe Gallery“ in der Elementor-Seitenleiste
Divi: Füge das Modul „Luxe Gallery“ aus dem Divi Builder hinzu
Beaver Builder: Wähle „Luxe Gallery“ aus den Inhaltsmodulen
Bricks Builder: Verwende das Element „Luxe Gallery“ im Bricks Editor

Manuelle Installation

  1. Lade den Plugin-Ordner in das /wp-content/plugins/ Verzeichnis hoch
  2. Aktiviere das Plugin im „Plugins“-Menü in WordPress
  3. Befolge die oben genannten Installationsschritte.

FAQ

Wie erstelle ich eine neue Galerie?

  1. Gehe zu „Luxe Gallery“ > „Neu hinzufügen“
  2. Gib einen Titel für deine Galerie ein
  3. Wähle 5 Hero-Bilder für das Raster-Layout aus.
  4. Kategorien hinzufügen und Bilder organisieren
  5. Speichere die Galerie und kopiere den generierten Shortcode.

Unterstützt das Plugin WebP-Bilder?

Ja, Luxe Gallery konvertiert hochgeladene Bilder automatisch in das WebP-Format, um eine bessere Leistung zu erzielen. Dies kann in den Plugin-Einstellungen konfiguriert werden.

Ist das Plugin responsiv?

Auf jeden Fall! Luxe Gallery wurde speziell für mobile Geräte entwickelt und bietet eine optimale Darstellung auf allen Geräten, vom Smartphone bis zum Desktop-Computer.

Kann ich das Design individuell anpassen?

Ja, das Plugin bietet umfassende Einstellungsoptionen. Darüber hinaus kannst du das Erscheinungsbild mit CSS weiter anpassen.

Funktioniert es mit meinem Theme?

Luxe Gallery ist so konzipiert, dass es mit den meisten WordPress-Themes kompatibel ist. Bei Problemen wende dich bitte an den Support.

Funktioniert das Plugin mit Page Buildern?

Ja! Luxe Gallery bietet native Integration für alle gängigen Page Builder:
– Gutenberg (WordPress Block Editor)
– Elementor
– Divi Builder
– Beaver Builder
– Bricks Builder

Jeder Builder verfügt über ein eigenes benutzerdefiniertes Modul/Widget mit Live-Vorschau und allen Einstellungsoptionen.

Welche Dateiformate werden unterstützt?

Das Plugin unterstützt alle gängigen Bildformate: JPEG, PNG, GIF, WebP und SVG.

Kann ich mehrere Galerien auf einer Seite verwenden?

Ja, du kannst beliebig viele Galerien auf einer Seite einfügen, indem du mehrere Shortcodes verwendest.

Gibt es eine Begrenzung der Anzahl der Bilder?

Nein, es gibt keine technischen Einschränkungen. Die Leistung hängt vom Hosting und der Anzahl der Bilder ab.

Rezensionen

Für dieses Plugin gibt es keine Rezensionen.

Mitwirkende und Entwickler

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

Mitwirkende

„Luxe Gallery“ wurde in 1 Sprache übersetzt. Danke an die Übersetzer für ihre Mitwirkung.

Übersetze „Luxe Gallery“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

2.2.8

  • Fixed: Hero grid area assignments (e.g. image 4 spanning 2 columns) and per-gallery JS config were missing for logged-out visitors on cached page loads. The transient-cache fast path in render_shortcode returned the cached HTML without re-running wp_add_inline_style() / wp_add_inline_script(), so anyone hitting the cache received markup without the per-gallery grid CSS or the window.luxe_gallery_config_* / window.luxe_gallery_all_images_* globals. Per-gallery CSS and JS are now emitted as <style> / <script> tags inside the cached HTML output, so they survive every cache path (page cache, object cache, LiteSpeed CSS combine).

2.2.7

  • Mobile slider: Fixed image bottom corners appearing sharp while top corners rounded — the .luxe-gallery-image-wrapper had no height, so the image rendered at its intrinsic aspect and left a bare edge above the slider’s rounded bottom. Wrapper now stretches to fill the slide.
  • Mobile slider: Pagination dots moved onto a translucent pill (backdrop-filter: blur(6px)) so white/black dots stay legible on any image background — sky, shadow, pool water — without drifting off-scene.
  • Mobile slider: Pagination now caps at 3 visible dots (prev / current / next) with a sliding window — fixes an accessibility issue where 10+ dots crowded together on long galleries and became indistinguishable.
  • Mobile slider: Fixed a long-standing specificity bug where the .luxe-gallery-container button reset zeroed out pagination-dot padding and margin, collapsing the intended touch area. Dots now use a ::before overlay for a 38×38 hit zone (exceeds WCAG 2.5.8 AA 24×24) while the visible dot stays 10 px and the pill stays compact.
  • Mobile slider: Increased visual spacing between dots (12 px gap) so adjacent targets are distinguishable on touch.
  • Mobile slider: „Show all N photos“ button no longer wraps to two lines on narrow phones (iPhone SE, 375 px) — added white-space: nowrap and max-width: calc(100% - 32px).

2.2.6

  • Admin UI: Fixed icon-to-label spacing on „Add Images“ and „Remove Category“ buttons — they now raise specificity above WP core .button so flex gap wins regardless of stylesheet load order.
  • Admin UI: Image „remove“ control expanded to a 44×44 px hit area (WCAG 2.5.5) via content-box padding + background-clip; the visible pill stays compact and the control is now always visible on touch devices and on keyboard focus.
  • Admin UI: Replaced every inline style="…" in the media meta box (Videos, Floor Plan, Before/After) with reusable classes — destructive buttons route through a single .luxe-remove-btn token that respects --luxe-admin-danger.
  • Admin UI: Removed ~10 duplicate CSS selector blocks that made cascade behavior brittle; margins and paddings from the old rules are preserved in the consolidated versions.
  • Admin UI: Merged two colliding @media (max-width: 768px) blocks and fixed an unreachable flex-direction: column on a CSS grid parent — the grid editor now correctly collapses to a single column on mobile.
  • Accessibility: Admin body-text secondary color upgraded from #a0a5aa (2.3:1, fail) to #646970 (4.56:1, pass WCAG AA). Three other grey-on-white contrast failures on remove-links and empty-state text now use the same token.
  • i18n: Empty-state hints („No categories yet…“, „Drop images here…“) moved from hard-coded CSS strings to translatable PHP via data-empty-text attributes.

2.2.5

  • Security: AI custom endpoint URL now validated against an http(s) allowlist; outbound calls refuse loopback/private/reserved IPs to block SSRF.
  • Security: PDF export and original-download AJAX endpoints now require edit_post / read_post on the specific gallery instead of a generic site-wide capability.
  • Security: Gallery password sessions default to 2-hour lifetime (filterable via luxe_gallery_password_session_lifetime) and uninstall now scrubs cache-version and floor-plan hotspot meta.
  • Performance: Gallery output cache invalidation now uses per-post version keys, so saves invalidate transients on external object caches (Redis, Memcached) without enumerating hashed keys.
  • Accessibility: Screen readers now hear a single polite announcement per lightbox navigation („Image 3 of 12, caption“) instead of two separate regions firing.
  • Accessibility: Before/After slider exposes aria-valuetext with human-readable percentages and labels.
  • Accessibility: Focus rings meet WCAG 2.4.7 — thicker outline plus light contrast layer so rings stay visible over dark and light images.
  • Accessibility: Keyboard shortcuts (F/G/?/Home/End) are now scoped to the gallery container, preventing cross-gallery conflicts on pages with multiple instances.
  • Accessibility: Lightbox focus trap now includes iframes, links, and custom tabindex elements so embedded video controls stay reachable.
  • Accessibility: Decorative icons carry aria-hidden="true"; inline <dialog> on grid/masonry layouts announces as a region, not a dialog.
  • Accessibility: Alt text now prefers _wp_attachment_image_alt across every rendering path (template, lightbox, floor plan).
  • Accessibility: Plugin ships its own .screen-reader-text utility so SR-only text works even on themes that omit it.

2.2.4

  • Fixed: Lightbox caption showing image filename even when „Show image titles“ setting is disabled

2.2.3

  • Fixed: Hero grid layout broken — CSS class mismatch (.item-X vs .area-X) caused flat grid instead of Airbnb-style 2×2+4 layout
  • Fixed: Lightbox shows blank images when lazy-loading plugin (LiteSpeed/WP Rocket) replaces img src with data-URI placeholder
  • Fixed: „Show all photos“ dialog empty when gallery has only hero images and no categories — now falls back to hero images
  • Fixed: LQIP thumbnail images no longer duplicated in lightbox navigation (aria-hidden images filtered out)

2.2.2

  • Full view now uses native HTML dialog element — proper focus trapping, Escape key handling, and top-layer rendering
  • Fixed: Plugin settings (colors, gap, border radius, button text) now correctly applied on the frontend
  • Fixed: Custom button text setting for „Show all photos“ button
  • Fixed: Hero images now included in lightbox navigation (click hero image opens lightbox)
  • Fixed: Critical error on gallery admin list when gallery data stored as array instead of JSON
  • Fixed: Data loss when saving gallery with only videos/floor plan but no categories
  • Fixed: Transient key injection in WebP conversion progress handler
  • Fixed: Feature buttons (Video, Floor Plan, Before/After) now visible on mobile
  • Fixed: Layout shortcode parameter (grid/masonry) now respected
  • Fixed: LuxeLightbox and LuxeCompare re-entrant close/destroy crash
  • Fixed: Gutenberg block TypeError on non-block-editor pages
  • Fixed: Uninstall now cleans up all meta keys (videos, floor plan, before/after)
  • Fixed: Transient cache now invalidated when plugin settings change
  • Improved: Hero images with width/height attributes, srcset/sizes, and fetchpriority for better Core Web Vitals
  • Improved: Full view focus restoration for accessibility
  • Improved: Skeleton loading animation made more subtle

2.0.5

  • Fixed translations not working: bundled .mo now loads via load_textdomain() before WP.org JIT translations can override with incomplete data
  • „Show all X photos“ button now correctly displays in German (and other languages)

2.0.4

  • Regenerated .pot file with all translatable strings (was outdated from v1.0.1)
  • Fixed „Show all X photos“ button not translatable (string was missing from .pot)
  • Fixed „photo/photos“ plural form not translatable (missing from .pot)
  • Fixed lightbox strings (Close, Share, Previous/Next) not translatable (missing from .pot)
  • Completed 100% German (de_DE + de_DE_formal) translations for all 214 strings
  • Added translations for all page builder modules (Elementor, Divi, Beaver Builder, Bricks)

2.0.3

  • Fixed mobile slider pagination dots jumping when clicking through slides
  • Fixed back-to-grid button positioned in center of modal instead of at navigation
  • Reduced excessive gap between category navigation and first category section
  • Fixed show_image_count setting still showing count when disabled (default changed to false)
  • Added German formal (de_DE_formal) translation files
  • Smooth dot visibility transitions instead of abrupt display:none jumps

2.0.2

  • Fixed category navigation no longer scrolls sticky with page
  • Fixed show_image_count setting being ignored when unchecked
  • Fixed all checkbox settings not saving correctly when unchecked
  • Fixed German translations not loading (enabled load_plugin_textdomain)
  • Added German translations for plural photo/photos, settings descriptions, and lightbox strings
  • Fixed grid images not filling full height (picture element + wrapper height)
  • Fixed hover removing rounded borders on grid images
  • Added black border to slider pagination dots for better visibility
  • Slider pagination now shows max 5 dots with sliding window navigation
  • Updated settings description to remove outdated PhotoSwipe reference
  • Regenerated .mo translation file

2.0.1

  • Fixed critical SyntaxError caused by ES module export statement
  • Fixed grid image display issues
  • Fixed button icon alignment
  • Added proper version bumping for WordPress update detection

2.0.0

  • Major Performance Rewrite: Removed all third-party libraries
  • Replaced Swiper.js (151KB) with custom CSS scroll-snap slider (~2KB)
  • Replaced PhotoSwipe (68KB) with custom lightweight lightbox (~4KB)
  • Removed jQuery dependency — zero external dependencies
  • Frontend JS reduced from 246KB to 26KB (−89%)
  • Frontend CSS reduced from 41KB to 20KB (−51%)
  • HTTP requests reduced from 6 files to 2 files
  • Optimized PHP: deduplicated WebP logic, reduced per-image overhead
  • Optimized Icon.png from 1.1MB to 44KB
  • Uses O(1) associative array for image deduplication instead of in_array()
  • Single wp_upload_dir() call per render instead of per-image
  • Custom lightbox features: pinch-to-zoom, swipe nav, wheel zoom, double-click zoom, preloading, Web Share API

1.1.0

  • WordPress 6.9 compatibility with Gutenberg Block API v3
  • Added extended shortcode parameters: show_title, title_tag, layout, columns, gap, border_radius, lightbox, sharing, virtual_tour
  • Added new layout options: hero-grid, standard grid, and masonry
  • Added virtual tour button integration
  • Added comprehensive hooks and filters system for developers
  • Added Display Defaults settings section (layout, columns, gap, border radius, lightbox, sharing)
  • Added Branding settings section (button text, colors, accent color)
  • Added skeleton loading animation for images
  • Added blur-up image loading effect
  • Added sticky category navigation in fullscreen view
  • Added social sharing functionality in lightbox (Web Share API with fallback)
  • Added deep linking support for lightbox images (shareable URLs)
  • Added extended keyboard shortcuts (F to open, G to close, Home/End for navigation)
  • Updated Elementor widget with layout, columns, features, and virtual tour controls
  • Updated Divi module with layout, columns, lightbox, sharing, and virtual tour options
  • Updated Beaver Builder module with full feature parity
  • Improved Bricks Builder integration with extended controls
  • Fixed Bricks Builder labels (internationalization)
  • Improved accessibility with focus states
  • Performance optimizations with CSS custom properties

1.0.1

  • Alle Original-Strings wurden zur Einhaltung der Polyglots-Richtlinien auf en_US aktualisiert.
  • Synchronisierte Lokalisierungsdateien und Builder-Labels
  • Vorbereitete Release-Assets für die Verteilung auf WordPress.org

1.0.0

  • Erstveröffentlichung
  • Hero-Raster-Layout mit 5 konfigurierbaren Bildern
  • Kategorienbasierte Galerieorganisation
  • Für Mobilgeräte optimierter Swiper-Slider
  • Integration von PhotoSwipe Lightbox
  • Automatische WebP-Konvertierung
  • Umfassende Plugin-Einstellungen
  • Drag-and-drop-Admin-Oberfläche
  • Vollständige Internationalisierung
  • Leistungsoptimierungen