Seite 1 von 1

Ampache Theme Designer

Verfasst: So 15. Dez 2024, 12:07
von Candyman
Der Ampache Theme Designer ist ein leistungsfähiges Werkzeug zur individuellen Anpassung des Erscheinungsbildes von Ampache. Mit seiner intuitiven Benutzeroberfläche und umfangreichen Funktionen ermöglicht er eine einfache und flexible Gestaltung des Musikservers.

Hauptfunktionen
  • Umfassende Farbanpassung: Nahezu alle Farben des Ampache-Interfaces können nach Belieben geändert werden.
  • Benutzerfreundlicher Color Picker: Einfache Farbauswahl durch integrierten Color Picker.
  • Persistente Einstellungen: Alle Anpassungen werden in Cookies gespeichert und bleiben so auch bei erneutem Seitenbesuch erhalten.
  • Design-Export: Erstellte Designs können als fester Bestandteil in die Ampache Design-Auswahl integriert werden.
Benutzeroberfläche

Der Designer ist sofort nach dem Öffnen sichtbar und lässt sich flexibel positionieren:
  • Verschiebbar: Über einen kleinen grünen Punkt kann der Designer beliebig auf der Seite platziert werden.
  • Ausblendbar: Bei Nichtgebrauch lässt sich der Designer komplett ausblenden.
Anpassungsmöglichkeiten

Der Designer bietet verschiedene Menüpunkte zur umfassenden Anpassung:
  • SeekBar: Gestaltung des Fortschrittsbalkens über dem Webplayer.
  • Star Rating: Anpassung der Sternebewertung.
  • Wiedergabesteuerung: Individualisierung der Playback-Kontrollelemente.
  • Playlist-Anzeige: Optionen zur Darstellung der Playlist im Webplayer.
CSS-Export

Eine besonders nützliche Funktion ist der CSS-Export:
  • Erstellte Designs können als separate CSS-Datei gespeichert werden.
  • Automatische Formatierung und Speicherung auf dem Server.
  • Einfache Integration in das Designer-Menü.
Installation

Die Integration des Designers in Ampache ist unkompliziert:

1.
<?php require('MyTemplates/headertool.html'); ?> 
2. Einbindung in `templates/footer.inc.php`:
<?php require('themes/Designer/index.php'); ?> <?php require('themes/Designer/designer_opener.html'); ?> 
3. Umbenennung,3 von `jplayer.midnight.black-iframed.css` zu `jplayer.midnight.black-iframed.css-Alt`.
4. Anpassung der Ampache-Adresse in drei Dateien (genaue Details folgen).

Demo und Feedback

Eine Demo-Version des Designers ist unter https://ampache.whitefox-webdesign.de/public/index.php verfügbar

Benutzer: Testuser
Passwort: Testuser

Der Entwickler freut sich über Feedback und steht für Fragen zur Verfügung. Interesse am Designer und Rückmeldungen sind sehr willkommen.