Πίνακας περιεχομένων

  1. Εισαγωγή

  2. Τι είναι τα θέματα Dolibarr;

  3. Γιατί να Αλλάξω το Θέμα;

  4. Διαθέσιμα προεπιλεγμένα θέματα στο Dolibarr

  5. Ενεργοποίηση ενός θέματος από το περιβάλλον χρήστη

  6. Ορισμός προεπιλεγμένου θέματος για όλους τους χρήστες

  7. Προσαρμογή ρυθμίσεων θέματος

  8. Δημιουργώντας το δικό σας θέμα

  9. Τροποποίηση υπαρχόντων θεμάτων με ασφάλεια

  10. Δομή καταλόγου ενός θέματος Dolibarr

  11. CSS και LESS σε θέματα Dolibarr

  12. Προσθήκη προσαρμοσμένων λογότυπων και branding

  13. Συμβατότητα θεμάτων με εκδόσεις Dolibarr

  14. Θέματα σχεδιασμού με απόκριση

  15. Χρήση θεμάτων που συνεισφέρονται από την κοινότητα

  16. Αντιμετώπιση προβλημάτων θέματος

  17. Βέλτιστες πρακτικές για τη δημιουργία θεμάτων

  18. Διαμόρφωση θεμάτων πολλαπλών εταιρειών

  19. Ζητήματα ασφάλειας και απόδοσης

  20. Συμπέρασμα

1. Εισαγωγή

Η διεπαφή χρήστη (UI) του Dolibarr παίζει βασικό ρόλο στη χρηστικότητα, την αποτελεσματικότητα και την καθιέρωση της επωνυμίας. Το Dolibarr υποστηρίζει πολλαπλά θέματα και οι διαχειριστές ή οι προγραμματιστές μπορούν να αλλάξουν, να προσαρμόσουν ή να δημιουργήσουν εντελώς νέα οπτικά στυλ. Αυτός ο οδηγός σας καθοδηγεί σε ολόκληρη τη διαδικασία αλλαγής και διαχείρισης θεμάτων στο Dolibarr.

2. Τι είναι τα θέματα Dolibarr;

Τα θέματα στο Dolibarr είναι συλλογές φύλλων στυλ (CSS/LESS) και εικόνων που καθορίζουν την εμφάνιση της εφαρμογής. Ένα θέμα ελέγχει:

  • Χρώματα και γραμματοσειρές

  • Διάταξη μενού

  • Στυλ κουμπιών

  • Φόντα και σύνολα εικονιδίων

Κάθε θέμα βρίσκεται στο /htdocs/theme/ κατάλογο και μπορεί να επιλεγεί σε επίπεδο χρήστη ή συστήματος.

3. Γιατί να αλλάξω το θέμα;

Οι λόγοι περιλαμβάνουν:

  • Οπτική προσαρμογή ώστε να αντικατοπτρίζει την εταιρική επωνυμία

  • Βελτίωση της προσβασιμότητας για ορισμένους χρήστες

  • Βελτίωση της χρηστικότητας σε διαφορετικά μεγέθη οθονών

  • Ευθυγράμμιση του UI του Dolibarr με άλλα επιχειρηματικά εργαλεία

Ένα καλύτερο περιβάλλον χρήστη μπορεί να αυξήσει την αποδοτικότητα και την ικανοποίηση του προσωπικού.

4. Διαθέσιμα προεπιλεγμένα θέματα στο Dolibarr

Κοινά ενσωματωμένα θέματα περιλαμβάνουν:

  • Όμπλιον (σύγχρονο και ευέλικτο)

  • Έλντι (κλασικό και ευρέως υποστηριζόμενο)

  • MD (Εμπνευσμένο από το σχεδιασμό υλικών)

Κάθε θέμα διατηρείται ώστε να ευθυγραμμίζεται με τις βασικές ενημερώσεις του Dolibarr.

5. Ενεργοποίηση ενός θέματος από το περιβάλλον χρήστη

Για να αλλάξετε το θέμα για έναν χρήστη:

  1. Συνδεθείτε ως χρήστης

  2. Πηγαίνετε στο Επάνω δεξιά μενού > Προσωπικές ρυθμίσεις

  3. Κάτω από Επιλογές Εμφάνισης, επιλέξτε το προτιμώμενο θέμα

  4. Αποθήκευση αλλαγών και ανανέωση σελίδας

Αυτή η αλλαγή επηρεάζει μόνο τον τρέχοντα χρήστη.

6. Ορισμός προεπιλεγμένου θέματος για όλους τους χρήστες

Για να εφαρμόσετε ένα θέμα σε ολόκληρο το σύστημα:

  1. Συνδεθείτε ως διαχειριστής

  2. Πηγαίνετε στο Ρύθμιση > Οθόνη

  3. Επιλέξτε το προεπιλεγμένο θέμα στην ενότητα Επιλογές διεπαφής

  4. Προαιρετικά, απενεργοποιήστε την επιλογή θέματος για να επιβάλετε συνέπεια

Χρήσιμο για την καθιέρωση επωνυμίας ή την τυποποίηση της εμφάνισης σε όλες τις ομάδες.

7. Προσαρμογή ρυθμίσεων θέματος

Ορισμένα θέματα όπως το Oblyon προσφέρουν διαμορφώσιμα στοιχεία:

  • Σύμπτυξη πλευρικής γραμμής

  • Επιλογή συνόλου εικονιδίων

  • Μέγεθος γραμματοσειράς και απόσταση

Αυτά μπορούν να ρυθμιστούν από τις ρυθμίσεις χρήστη ή μέσω του πίνακα διαχείρισης, εάν υποστηρίζονται.

8. Δημιουργία του Δικού σας Θέματος

Βήματα:

  1. Αντιγραφή ενός υπάρχοντος φακέλου θέματος από /htdocs/theme/

  2. Μετονομάστε το (π.χ., mytheme)

  3. Ενημέρωση main.style.css.php και αναφορές σε εικόνες

  4. Ορίστε το όνομα του θέματος σε theme.inc.php

Μόλις τοποθετηθεί, το θέμα σας εμφανίζεται στην αναπτυσσόμενη λίστα για επιλογή.

9. Τροποποίηση υπαρχόντων θεμάτων με ασφάλεια

Για την πρόληψη προβλημάτων:

  • Ποτέ μην επεξεργάζεστε απευθείας τα αρχεία βασικού θέματος

  • Αντ' αυτού, αντιγράψτε και αντικαταστήστε ένα προσαρμοσμένο θέμα

  • Χρησιμοποιήστε εργαλεία προγραμματιστή προγράμματος περιήγησης για να αναγνωρίσετε κλάσεις και επιλογείς

Διατηρήστε τις τροποποιήσεις σας στο ελάχιστο για ευκολότερες μελλοντικές αναβαθμίσεις.

10. Δομή καταλόγου ενός θέματος Dolibarr

Τυπικά περιεχόμενα ενός φακέλου θεμάτων:

  • theme.inc.php: μεταδεδομένα

  • main.style.css.php: κύρια λογική CSS

  • img/: φάκελος για λογότυπα, εικονίδια

  • style.css: εφεδρικά ή εκτεταμένα στυλ

Ορισμένα θέματα χρησιμοποιούν LESS για ευκολότερη διαχείριση στυλ.

11. CSS και LESS στα Θέματα Dolibarr

Το Dolibarr υποστηρίζει τη δημιουργία δυναμικού CSS:

  • main.style.css.php δημιουργεί στυλ χρησιμοποιώντας μεταβλητές PHP

  • Μπορούν να μεταγλωττιστούν LESS αρχεία εάν το θέμα σας το υποστηρίζει

Οι προχωρημένοι χρήστες μπορούν να χρησιμοποιήσουν μεταβλητές για να ελέγξουν τα χρωματικά σχήματα, τα μεγέθη γραμματοσειρών κ.λπ.

12. Προσθήκη προσαρμοσμένων λογότυπων και branding

Για να αλλάξετε λογότυπα:

  1. Πηγαίνετε στο Ρύθμιση > Εταιρεία/Οργανισμός

  2. Μεταφόρτωση νέου αρχείου λογότυπου

  3. Το λογότυπο θα εμφανίζεται σε κεφαλίδες και έγγραφα PDF

Για λογότυπα ειδικά για το θέμα, τοποθετήστε τα στο θέμα img/ κατάλογο και να τα αναφέρετε σε CSS.

13. Συμβατότητα θεμάτων με εκδόσεις Dolibarr

Κατά την αναβάθμιση του Dolibarr:

  • Πάντα να δοκιμάζετε πρώτα τα προσαρμοσμένα θέματα κατά την προετοιμασία

  • Έλεγχος για παρωχημένα στυλ ή νέες δομές HTML

  • Ελέγξτε τις σημειώσεις έκδοσης για αλλαγές στο περιβάλλον χρήστη

Τα μη συμβατά θέματα μπορούν να προκαλέσουν προβλήματα εμφάνισης ή προβληματικές διατάξεις.

14. Θέματα σχεδιασμού απόκρισης

Τα σύγχρονα θέματα όπως το Oblyon είναι φιλικά προς κινητά:

  • Δοκιμή σε διαφορετικά μεγέθη οθόνης

  • Χρησιμοποιήστε ευέλικτα πλάτη και ερωτήματα μέσων

  • Αποφύγετε τις σταθερές διατάξεις pixel για τις γραμμές πλοήγησης

Βεβαιωθείτε ότι τα tablet και τα smartphone εμφανίζουν με σαφήνεια τα βασικά στοιχεία του UI.

15. Χρήση θεμάτων που συνεισφέρονται από την κοινότητα

Μπορείτε να βρείτε θέματα σε:

Πριν χρησιμοποιήσετε ένα θέμα κοινότητας:

  • Επαληθεύστε τη συμβατότητά του με την έκδοσή σας

  • Σάρωση για περιττά ή μη ασφαλή σενάρια

  • Ελέγξτε για τεκμηρίωση και επιλογές υποστήριξης

16. Αντιμετώπιση προβλημάτων θέματος

συμπτώματα:

  • Κενές σελίδες ή προβληματικές διατάξεις

  • Λείπουν εικονίδια ή δεν φορτώνει το CSS

Λύσεις:

  • Εκκαθάριση προσωρινής μνήμης προγράμματος περιήγησης

  • Ενεργοποίηση λειτουργίας προγραμματιστή στο Dolibarr

  • Ελέγξτε την κονσόλα του προγράμματος περιήγησης για σφάλματα

  • Σύγκριση δικαιωμάτων αρχείων στον διακομιστή

17. Βέλτιστες πρακτικές για τη δημιουργία θεμάτων

  • Να εργάζεστε πάντα σε ένα αντίγραφο ενός υπάρχοντος θέματος

  • Χρήση ελέγχου έκδοσης (π.χ., Git) για τη διαχείριση αλλαγών

  • Καταγράψτε τις παρακάμψεις σας για μελλοντικές ενημερώσεις

  • Δοκιμάστε διεξοδικά σε όλα τα μεγάλα προγράμματα περιήγησης

Διατηρήστε τον σχεδιασμό καθαρό, ευανάγνωστο και συνεπή με την εταιρική ταυτότητα.

18. Διαμόρφωση θεμάτων για πολλές εταιρείες

Εάν χρησιμοποιείτε την ενότητα Multicompany:

  • Σε κάθε οντότητα μπορεί να ανατεθεί το δικό της θέμα

  • Χρήσιμο για μοντέλα franchise ή θυγατρικές

Ρυθμίστε αυτό κάτω από Ρύθμιση > Πολυεταιρικό (όταν η ενότητα είναι ενεργοποιημένη).

19. Παράγοντες ασφάλειας και απόδοσης

  • Ελαχιστοποιήστε τη χρήση μεγάλων εικόνων φόντου ή βαριών γραμματοσειρών

  • Συμπίεση αρχείων CSS όπου είναι δυνατόν

  • Αποφύγετε τα ενσωματωμένα σενάρια που θα μπορούσαν να ενέχουν κινδύνους XSS

  • Εφαρμόστε μόνο τα απαραίτητα χαρακτηριστικά του θέματος για να αποφύγετε την υπερφόρτωση

20. Σύναψη

Η αλλαγή του θέματος του Dolibarr σάς επιτρέπει να εξατομικεύσετε τη διεπαφή ERP για αισθητικούς, επωνυμικούς ή λειτουργικούς λόγους. Είτε χρησιμοποιείτε ένα ενσωματωμένο θέμα, τροποποιείτε ένα υπάρχον είτε αναπτύσσετε ένα νέο σχέδιο από την αρχή, η κατανόηση του τρόπου λειτουργίας των θεμάτων διασφαλίζει την ομαλή ανάπτυξη και την ικανοποίηση των χρηστών.