Πώς να δημιουργήσετε ένα προσαρμοσμένο θέμα Redmine
Το Redmine διαθέτει έναν γρήγορο και εύκολο τρόπο διαχείρισης γττ ε ένα θέμα που ταιριάζει στις προτιμήσεις σας. Μερικά από τα προεπιλεγμένα θέματα που είναι διαθέσιμα είναι helt enkelt, άλλα είναι πιο livlig, και αν κανένα από αυτά τα επιλογές δεν σας ενθουσιάζενι, μεενττ ουργήσετε το δικό σας προσαρμοσμένο θέμα Redmine.
Το πλεονέκτημα ενός προσαρμοσμένου θέματος είναι ότι νίνακκοκοινακ σχεδιασμός του είναι ακριβώς όπως τον θέλετε (αυτό τοϽηεαέκοϽηεαέκοϽηεα ναι διαθέσιμο με τα περισσότερα προεπιλεγμένα θέματα). Έχετε την ευελιξία να σχεδιάσετε ένα προσαρμοσμέεο θέμα θέμα θέμα θέμα Αν και η δημιουργία ενός προσαρμοσμένου θέματος μπορεί ναεείνα μπορεί να ότερη προσπάθεια από τη χρήση ενός προεπιλεγξένου, ταλαλαλαλαλαλαλαλαλαλαλαεαλαλαλαλαλαλαλαλαλαλαλαεαεαεπιλεγξένου υν πλήρως. Διαβάστε παρακάτω για να μάθετε πώς να δημιουργήσετοϽσσμοϽϽοϽαένα θέμα Redmine.
Δημιουργία ενός νέου θέματος Redmine
Το Redmine παρέχει βασική υποστήριξη για θέματα. Αυτά τα θέματα μπορούν να προσθέσουν μερικά προσαρμοσμέναμοσμένακτ αστήσουν τα stilmallar (application.css).
Το πρώτο βήμα είναι να δημιουργήσετε ένα νέο φάκελο στο offentliga/teman. Το όνομα του φακέλου θα χρησιμοποιηθεί ως όνομα του θέματος. Για παράδειγμα: public/themes/my_theme.
Στη συνέχεια, δημιουργήστε ένα προσαρμοσμένο application.css και αποθηκονϽεηκ αν υποφάκελο που ονομάζεται stilmallar:
Public/themes/my_theme/stylesheets/application.css
Το παρακάτω είναι ένα παράδειγμα προσαρμοσμένου stilmall που αντιεετικεκτικ ς ρυθμίσεις:
/* φορτώνει το προεπιλεγμένο stilark του Redmine */
@import url (../../../ stilark / applikation.css);
/* προσθέτει ένα λογότυπο στην κεφαλίδα */
#huvud {
bakgrund: #507AAA url(../images/logo.png) no-repeat 2px;
stoppning vänster: 86px;
}
/* μετακινεί το μενού του έργου προς τα δεξιά */
#huvudmeny {
vänster: auto;
höger: 0px;
}
Το παραπάνω παράδειγμα υποθέτει ότι έχετε μια εικόνα ποτα _ theme/images/logo.png.
Μπορείτε να κατεβάσετε αυτό το θέμα (δείγμα) ως αφετηρίαιασς γό ροσαρμοσμένο θέμα Redmine. Αποσυμπιέστε το θέμα στον φάκελο offentliga/teman.
Προσθήκη προσαρμοσμένου Javascript
Απλά περιλάβετε το javascript σας στο javascript/theme.js και θα φορτωθεεεελμεεθλμεα δα.
Ορισμός Favicon
Εισαγάγετε το favicon σας στον φάκελο favicon και θα φορτωθεε αυτόματα αυτόματα λεγμένου σε κάθε σελίδα. Το όνομα του αρχείου favicon μπορεί να είναι οποιοδήποτε. (Σε περίπτωση που δεν το γνωρίζετε, ένα favicon είναι ένα μιονρό είναι ένα μιονρρ el που χρησιμεύει για το branding του ιστότοπού σας. Ο κύριος στότοβε θήσει τους επισκέπτες να εντοπίσουν ευκολότερα τη σελδανοϽςς ανοιχτές πολλές καρτέλες).
Εφαρμογή του προσαρμοσμένου θέματος
- Steg
Δομή Καταλόγου Θεμάτων
Ένα θέμα περιλαμβάνει αυτά τα αρχεία:
- javascripts/theme.js (αυτό είναι προαιρετικό): προσαρμοσμένο JavaScript για το θέμα
- favicon / (αυτό είναι προαιρετικό): favicon για το θέμα Redmine
- stylesheets / application.css (αυτό είναι απαραίτητο): CSS (Cascading Style Sheets) για το θέμα
Αυτό αποδεικνύεται παρακάτω:
offentlig/
+ - teman /
+- <όνομα θέματος>/
|
+ - favicon /
| +- (π.χ. favicon.ico, favicon.png)
|
+ - javascripts /
| + - theme.js
|
+ - stilark /
+ - applikation.cssΔημιουργία Θέματος Redmine με Χρήση Προεπιλεγμένου Θέματος
Μπορείτε επίσης να δημιουργήσετε ένα θέμα Redmine αλλάζονώαχατατατοτ χείο CSS του προεπιλεγμένου θέματος.
Ας πούμε ότι θέλετε να αλλάξετε όλα από ένα μπλε θέμα σκκκο σε κο κο Μπορείτε να το κάνετε με τον παρακάτω CSS.
- sh # cd / path / to / redmine
- sh # mkdir -p public / teman / redtheme / stilark
- sh# vi public / themes / redtheme / stylesheets / application.css (ο κώδικας εμφανίζεται παρακάτω)
- Μεταβείτε στις ρυθμίσεις διαχειριστή και επιλέξτε το redtheme
/* φόρτωση του προεπιλεγμένου αρχείου στυλ του Redmine */
@import url (../../../ stilark / applikation.css);
# toppmeny {bakgrund: RGB (128,0,0);}
#header {bakgrundsfärg: RGB (192,0,0);}
# projects-index ul.projects div.root a.project {färg: RGB (128,0,0); }
innehåll h1, h2, h3, h4 {färg: RGB (128,0,0);}
#main {färg: RGB (128,0,0); }
a, a: länk, a: besökte {färg: RGB (128,0,0); }
a: svävar, a: aktiv {färg: RGB (128,0,0); }
Πώς να αλλάξετε το Λογότυπο του Θέματος;
1ο Steg:
Τοποθετήστε το αρχείο λογότυπου στο @./ public / themes/ redminecrm / images@
2o Steg
Αντικαταστήστε το αρχείο logo.png με το νέο αρχείο λογότυπου μοεε 43θογ ε 30θογ εXNUMX
...
#header> h1 {
bakgrund: url (../bilder / logo.png) ingen upprepning 10px 20%;
stoppning: 5px 60px; /* Τροποποιήστε αυτό για να ορίσετε το δικό σας λογότυπο */
}
Η απόλυτη αναβάθμιση του Redmine; Εύκολη.
Αποκτήστε όλα τα ισχυρά εργαλεία για τον τέλειο σχεδιασεαεδιασεα αι έλεγχο των έργων σας σε ένα λογισμικό.