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 unterstützt 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.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