Inhaltsverzeichnis

  1. Einführung

  2. Was ist das Oblyon-Thema?

  3. Vorteile der Verwendung von Oblyon in Dolibarr

  4. Voraussetzungen und Kompatibilität

  5. Installieren des Oblyon-Themas

  6. Oblyon in Dolibarr aktivieren

  7. Entdecken Sie die Verbesserungen der Benutzeroberfläche von Oblyon

  8. Anpassen von Oblyon: Farben, Logos, Schriftarten

  9. Erweiterte Anpassung über CSS- und TPL-Dateien

  10. Verwenden von Oblyon mit Modulen und Erweiterungen

  11. Mobile Reaktionsfähigkeit und UX-Verbesserungen

  12. Beispiele aus der Praxis für die Verwendung von Oblyon

  13. Leistungsüberlegungen

  14. Fehlerbehebung und Support

  15. Tipps zur Aufrechterhaltung einer konsistenten Markenidentität

  16. Fazit

1. Einleitung

Dolibarr ist ein modulares ERP/CRM-System, das für seine Flexibilität und seinen Open-Source-Charakter geschätzt wird. Ein Aspekt, den Nutzer oft verbessern möchten, ist die visuelle Darstellung der Plattform. Hier kommt das Oblyon-Theme ins Spiel – ein modernes, responsives und anpassbares Frontend-Theme, das das Aussehen und die Benutzerfreundlichkeit von Dolibarr verändert. Dieser Artikel erläutert, wie Sie das Oblyon-Theme aktivieren, konfigurieren und anpassen, um ein intuitiveres und optisch ansprechenderes Erlebnis zu schaffen.

2. Was ist das Oblyon-Thema?

Oblyon ist ein professionell entwickeltes Theme für Dolibarr, das die Ästhetik, Navigation und Reaktionsfähigkeit der Benutzeroberfläche (UI) verbessert. Es ersetzt den Standard-Dolibarr-Look durch ein klareres Layout, verbesserte Menüs und moderne Designprinzipien.

Die wichtigsten Merkmale sind:

  • Responsives Layout für Tablets und Smartphones

  • Moderne UI-Komponenten

  • Anpassbare Farbpalette

  • Verbesserte Dashboard-Elemente

Oblyon ist besonders nützlich für Unternehmen, die Dolibarr in kundenorientierten Umgebungen verwenden oder denen Markenkonsistenz am Herzen liegt.

3. Vorteile der Verwendung von Oblyon in Dolibarr

  • Verbesserte Navigation: Besser strukturierte Menüs und Layouts steigern die Produktivität.

  • Bereit Mobil: Responsive Design gewährleistet geräteübergreifende Benutzerfreundlichkeit.

  • Branding: Unterstützt benutzerdefinierte Logos und Farben zur Anpassung an die Unternehmensidentität.

  • Professioneller Look: Eine ausgefeilte Benutzeroberfläche schafft Vertrauen und Komfort beim Benutzer.

  • Integration: Funktioniert gut mit den meisten Dolibarr-Kernmodulen und Tools von Drittanbietern.

4. Voraussetzungen und Kompatibilität

Stellen Sie vor der Installation von Oblyon Folgendes sicher:

  • Ihre Dolibarr-Version wird unterstützt (normalerweise v12 oder neuer).

  • Sie haben Administratorzugriff.

  • Sichern Sie Ihre Dolibarr-Instanz, bevor Sie ein Drittanbieter-Design installieren.

  • Die PHP-Version ist kompatibel (normalerweise PHP 7.4+).

5. Installation des Oblyon-Themes

Option 1: Dolistore (Offizieller Marktplatz)

  1. Gehe zu dolistore.com

  2. Suche nach „Oblyon Theme“

  3. Kaufen oder laden Sie die kostenlose/Light-Version herunter

  4. Extrahieren und Hochladen von Dateien auf htdocs/theme/oblyon

Option 2: GitHub (falls Open Source)

  • Klonen oder Herunterladen des Repositorys

  • Platzieren Sie die Designdateien im entsprechenden Designverzeichnis

Leeren Sie nach der Installation Ihren Browser-Cache und laden Sie Dolibarr neu.

6. Oblyon in Dolibarr aktivieren

  1. Als Administrator anmelden

  2. Navigieren Home > Einrichtung > Anzeige

  3. Suchen Sie das Dropdown-Menü „Thema“ und wählen Sie Oblyon

  4. Klicke Gespeichert

Alle Benutzer sehen jetzt die aktualisierte Oblyon-Benutzeroberfläche, sofern sie nicht durch individuelle Einstellungen überschrieben wird.

7. Erkundung der Verbesserungen der Benutzeroberfläche von Oblyon

Bemerkenswerte Änderungen nach der Aktivierung:

  • Horizontale und vertikale Menüoptionen

  • Verbesserte Dashboard-Widgets

  • Symbolverbesserungen und Schriftartaktualisierungen

  • Sticky Header und Floating-Menüs

  • Größere anklickbare Zonen für mobile UX

Oblyon unterstützt je nach Version und Benutzereinstellungen auch helle und dunkle Modi.

8. Anpassen von Oblyon: Farben, Logos, Schriftarten

So personalisieren Sie das Design:

  • Gehe zu Home > Setup > Anzeige > Designkonfiguration (wenn verfügbar)

  • Laden Sie ein neues Logo hoch (mysoc.png in theme/common/company/)

  • Ändern Sie Hintergrund- und Menüfarben über die Benutzeroberfläche oder CSS

  • Verwenden Sie Google Fonts oder benutzerdefinierte Schriftarten, indem Sie die oblyon.css oder Injektionsstile

Zu den üblichen Optimierungen gehören:

  • Ersetzen des Standard-Favicons

  • Ändern der Schaltflächenformen und des Eckenradius

  • Anwenden von Farbverläufen auf Menüs

9. Erweiterte Anpassung über CSS- und TPL-Dateien

Entwickler können tiefer eintauchen, indem sie Folgendes bearbeiten:

  • theme/oblyon/style.css

  • theme/oblyon/theme_vars.inc.php

  • .tpl.php Dateien für Kopf-/Fußzeile in core/tpl

Verwenden Sie untergeordnete Designs oder pflegen Sie eine versionskontrollierte Umgebung, um Konflikte nach Updates zu vermeiden.

10. Oblyon mit Modulen und Erweiterungen verwenden

Oblyon funktioniert nahtlos mit:

  • Kernmodule von Dolibarr (Rechnungen, Angebote, Projekte)

  • CRM-Funktionen (Drittanbieter, Kontakte)

  • Externe Module von Dolistore, mit seltenen Layoutproblemen

Bei nicht unterstützten Modulen können kleinere CSS-Anpassungen erforderlich sein.

11. Mobile Reaktionsfähigkeit und UX-Verbesserungen

Oblyon ist für Smartphones und Tablets optimiert:

  • Menüs werden in mobile Navigationsleisten umgewandelt

  • Tische passen sich kleinen Bildschirmen an

  • Touch-freundliche Schaltflächen und Eingabefelder

Dies macht es ideal für Außendienstteams, Lagerscans oder die Verwaltung unterwegs.

12. Beispiele aus der Praxis für die Verwendung von Oblyon

  • Beratungsunternehmen: Angepasstes Oblyon mit Markenfarben und eingebetteten Diagrammen auf dem Dashboard.

  • E-Commerce-Unternehmen: Verwendetes mobiles Layout für Vertriebsmitarbeiter in Ausstellungsräumen.

  • Krankenversicherung: Verbesserte Lesbarkeit für tägliche Berichte und Patientenakten.

Diese Implementierungen demoInszenieren Sie die Flexibilität von Oblyon in professionellen Umgebungen.

13. Leistungsüberlegungen

Obwohl Oblyon optisch ansprechender ist, kann es sein, dass die Seitenladezeit etwas zunimmt:

  • Minimieren Sie CSS und JS beim Bereitstellen

  • Verwenden Sie das Browser-Caching

  • Erwägen Sie das Deaktivieren nicht verwendeter UI-Elemente

  • Überwachen Sie mithilfe von Browser-Entwicklungstools oder externer Überwachung

14. Fehlerbehebung und Support

Häufige Probleme sind:

  • Design wird nicht angezeigt: Überprüfen Sie die Dateiberechtigungen und den Pfad

  • Defektes Layout: Browser- und Dolibarr-Caches löschen

  • Logo wird nicht angezeigt: Stellen Sie sicher, dass das Dateiformat und der Speicherort korrekt sind

Ressourcen:

  • Dolibarr GitHub

  • Community-Foren und Discord-Gruppen

  • Kostenpflichtiger Support durch Theme-Entwickler

15. Tipps zur Aufrechterhaltung einer konsistenten Markenidentität

  • Verwenden Sie die gleiche Farbpalette für alle Module

  • Hochauflösende Logos hochladen

  • Passen Sie PDF-Generierungsvorlagen an die Benutzeroberfläche an

  • Dokumentieren Sie Ihre Designeinstellungen für zukünftige Upgrades

16. Fazit

Das Oblyon-Theme ist eine der effektivsten Möglichkeiten, die visuelle Darstellung und Benutzerfreundlichkeit von Dolibarr zu verbessern. Von der reibungslosen Navigation über die vollständige mobile Kompatibilität bis hin zu Branding-Optionen verwandelt es Dolibarr in ein verfeinertes ERP-Erlebnis. Ob Administrator, Entwickler oder Endbenutzer – Oblyon bietet die Tools und die Flexibilität, Dolibarrs Erscheinungsbild an die einzigartige Identität Ihres Unternehmens anzupassen.