WordPress

Diese Seite verwendet WordPress mit dem Theme „Photo Perfect Pro„.

Zur Anzeige der GPX-Tracks in einer Karte wurde zu Beginn des hervorragende, kostenfreie Plug-In „WP-GPX-Maps“ (https://de.wordpress.org/plugins/wp-gpx-maps/) benutzt. Die zahlreichen Einstellungen des Plug-Ins benötige ich aber nicht. Zudem bietet das Plug-In eine Funktionalität nicht: Die Karte mit dem GPX-Track soll direkt unter der Bildergalerie angezeigt werden und synchron mit der Bildergalerie mitlaufen.

Plug-In Entwicklung

Das selbst geschriebene Plug-In vereint die beiden Open-Source-Projekte „Fotorama“ und „GPX Viewer“ zu einem WordPress-Plug-In. Beide liegen als Javascript-Bibliotheken vor, die frei heruntergeladen werden können.

Der GPX Viewer von J. Berkemeier kann hier bezogen werden: https://www.j-berkemeier.de/GPXViewer/. Fotorama kann hier bezogen werden: https://fotorama.io/. Fotorama liegt außerdem als WordPress-Plug-In vor, mit dem alle Parameter gesetzt werden können, siehe: https://themesinfo.com/wordpress-plugins/free-wordpress-fotorama-plugin-dx.

Der Wunsch war, die lizenzierte Bildergalerie „Gmedia Photo Gallery“ zu ersetzen. Diese ist in der Bedienung ziemlich umständlich und bezüglich Support und Updates stets etwas hinterher. Bei einigen Updates wurde in der Vergangenheit die ganze Website zerstört. Support-Anfragen werden meistens gar nicht beantwortet. Darüber hinaus setzt das Modul zur Geo-Lokalisierung nur Google-Maps ein, was bezüglich Kosten und Datenschutz grenzwertig ist. Auch ist beim Kauf Vorsicht geboten, da die möglichen Galerie-Module nachträglich gesondert zu bezahlen sind.

Das neue „Fotorama-GPXViewer“-Plug-In zeigt nun oben die responsive Bildergalerie als jQuery-Slider mit Thumbnails an und fügt direkt unterhalb eine Leaflet-Karte an, auf der die Orte der Bilder aus der Galerie angezeigt werden. Die Karte wandert synchron zum angezeigten Bild mit. Zusätzlich kann auch noch ein zugehöriger GPX-Track angezeigt werden, falls es sich bei der Bildergalerie um einen Touren- oder Reisebericht handelt.

Die Bilder und GPX-Tracks werden direkt aus einem Verzeichnis verwendet und nicht aus der WordPress-Medien-Bibliothek. Diese ist -meiner Meinung und Erfahrung nach- für die hier verwendete Bildmenge nicht geeignet. Die Planung für die nächste Zeit ist ein Lightroom-Modul zu schreiben, das einen LR-Ordner direkt per ftp auf den Server kopiert, um so die Bildverwaltung auf dem Server mit LR durchführen zu können.

Das Ergebnis sieht dann so aus:

Port de Soller seen from the GR221
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
Finca with Puig Major in the background
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
Llucalcari seen from the GR221
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec, Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
Lighthouse in Port de Soller
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
Oranges and Spring flowers in Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED
GR221: Ruta de Pedra en Sec auf Mallorca
NIKON D5200 + AF-S DX VR Zoom-Nikkor 18-105mm f/3.5-5.6G ED

Bekannte Bugs

Wenn in der Karte die Wegpunkte einmal de- / re-aktiviert werden, folgt die Anzeige nicht mehr dem aktuellen Bild. Die Seite muss dann neu geladen werden, dann läuft die Anzeige wieder synchron.

Die Dateien des GPX Viewers dürfen nicht minimiert werden (minify), sonst wird keine Karte mehr angezeigt. Daher kann das Plugin „Autoptimize“ (https://wordpress.org/plugins/autoptimize/) NICHT benutzt werden.
Im Plugin „Asset Clean up“ (https://wordpress.org/plugins/wp-asset-clean-up/) muss das Fotorama-GPX-Viewer-Plug-In explizit ausgenommen werden.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.