Πώς να δημιουργήσετε ένα προσαρμοσμένο θέμα Redmine

Το πλεονέκτημα ενός προσαρμοσμένου θέματος είναι ότι νίνακακοι σχεδιασμός του είναι ακριβώς όπως τον θέλετε (αυτό τοϽηεαέεττε ναι διαθέσιμο με τα περισσότερα προεπιλεγμένα θέματα). Έχετε την ευελιξία να σχεδιάσετε ένα προσαρμοσμέεο θέμα θέμα θέμα. Αν και η δημιουργία ενός προσαρμοσμένου θέματος μποσρεί ναεεί να ότερη προσπάθεια από τη χρήση ενός προεπιλεγξένου, ταλαλαλαλαλαλαλαλαλαεαέ υν πλήρως. Διαβάστε παρακάτω για να μάθετε πώς να δημιουργήσετοσραένοσσστε θέμα Redmine.

Δημιουργία ενός νέου θέματος Redmine

Το Redmine παρέχει βασική υποστήριξη για θέματα. Αυτά τα θέματα μπορούν να προσθέσουν μερικά προσαρμοσμέναμοσμέναμοσμένακτ αστήσουν τα גיליונות סגנונות (application.css).
Το πρώτο βήμα είναι να δημιουργήσετε ένα νέο φάκελο στο ציבורי/נושאים. Το όνομα του φακέλου θα χρησιμοποιηθεί ως όνομα του θέματος. Για παράδειγμα: public/themes/my_theme.
Στη συνέχεια, δημιουργήστε ένα προσαρμοσμένο application.css και αποθεκοντθσμένο application.css גיליונות סגנונות של αν υποφάκελο που ονομάζεται:
Public/themes/my_theme/stylesheets/application.css
Το παρακάτω είναι ένα παράδειγμα προσαρμοσμένου גיליון סגנונות που αντικ ς ρυθμίσεις:
/* φορτώνει το προεπιλεγμένο גיליון סגנונות του Redmine */
@ ייבוא ​​url (../../../ סגנונות / יישום.css);
/* προσθέτει ένα λογότυπο στην κεφαλίδα */
#header {
    רקע: #507AAA url(../images/logo.png) no-repeat 2px;
    ריפוד שמאל: 86 פיקסלים;
}
/* μετακινεί το μενού του έργου προς τα δεξιά */
#תפריט ראשי {
    משמאל: אוטומטי;
    משמאל: 0px;
}
Το παραπάνω παράδειγμα υποθέτει ότι έχετε μια εικόνα ποτα my_κόνα ποτε theme/images/logo.png.
Μπορείτε να κατεβάσετε αυτό το θέμα (δείγμα) ως αφετηρία γγό ροσαρμοσμένο θέμα Redmine. Αποσυμπιέστε το θέμα στον φάκελο ציבורי/נושאים.

Προσθήκη προσαρμοσμένου Javascript

Απλά περιλάβετε το javascript σας στο javascript/theme.js και θα φορτωθεεεί αυτόμάαεκκ δα.

Ορισμός Favicon

Εισαγάγετε το favicon σας στον φάκελο favicon και θα φορτωθεί αυτόματαίυρόματα λεγμένου σε κάθε σελίδα. Το όνομα του αρχείου favicon μπορεί να είναι οποιοδήποτε. (Σε περίπτωση που δεν το γνωρίζετε, ένα favicon είναι ένα μιονρό 16×16 μινρό el που χρησιμεύει για το מיתוג του ιστότοπού σας. θήσει τους επισκέπτες να εντοπίσουν ευκολότερα τη σελία τη σελί ανοιχτές πολλές καρτέλες).

Εφαρμογή του προσαρμοσμένου θέματος

• שלב

  Δομή Καταλόγου Θεμάτων

  Ένα θέμα περιλαμβάνει αυτά τα αρχεία:

  • javascripts/theme.js (αυτό είναι προαιρετικό): προσαρμοσμένο JavaScript για το θέμα
  • favicon / (αυτό είναι προαιρετικό): favicon για το θέμα Redmine
  • סגנונות / application.css (αυτό είναι απαραίτητο): CSS (Cascading Style Sheets) για το θέμα

  Αυτό αποδεικνύεται παρακάτω:
  ציבורי /
    + - ערכות נושא /
         +- <όνομα θέματος>/
              |
              + - favicon /
              | +- (π.χ. favicon.ico, favicon.png)
              |
              + - javascripts /
              | + - theme.js
              |
              + - גיליונות סגנונות /
                   + - יישום. css
  

  Δημιουργία Θέματος Redmine με Χρήση Προεπιλεγμένου Θέματος

  Μπορείτε επίσης να δημιουργήσετε ένα θέμα Redmine αλλάζονταχατατατατατ χείο CSS του προεπιλεγμένου θέματος.

  Ας πούμε ότι θέλετε να αλλάξετε όλα από ένα μπλε θέμα σκκκα σε κνα κονκα κονκα μπλε θέμα σκκκα νκα κονκα κονκα κοκα ένα μπλε. Μπορείτε να το κάνετε με τον παρακάτω CSS.

  1. sh # cd / path / to / redmine
  2. sh # mkdir -p ציבורי / נושאים / redtheme / גיליונות סגנונות
  3. sh# vi public / themes / redtheme / stylesheets / application.css (ο κώδικας εμφανίζεται παρακάτω)
  4. Μεταβείτε στις ρυθμίσεις διαχειριστή και επιλέξτε το redtheme

  /* φόρτωση του προεπιλεγμένου αρχείου στυλ του Redmine */

  @ ייבוא ​​url (../../../ סגנונות / יישום.css);

  # התפריט העליון {רקע: RGB (128,0,0);}

  #header {צבע רקע: RGB (192,0,0);}

  # פרויקטים-אינדקס ul.projects div.root a.project {color: RGB (128,0,0); }

  תוכן h1, h2, h3, h4 {צבע: RGB (128,0,0);}

  #main {צבע: RGB (128,0,0); }

  א, קישור: א, ביקרו {color: RGB (128,0,0); }

  א: רחף, א: פעיל {צבע: RGB (128,0,0); }

  
  

  Πώς να αλλάξετε το Λογότυπο του Θέματος;

  
  

  1^ο שלב:

  Τοποθετήστε το αρχείο λογότυπου στο @./ public / themes/ redminecrm / images@

  
  

  2^o שלב

  Αντικαταστήστε το αρχείο logo.png με το νέο αρχείο λογότυπου μοεε 43θογε 30θγεε

  ...

  #header> h1 {

                 רקע: url (../ images / logo.png) ללא חזרה 10px 20%;

                 ריפוד: 5px 60px; /* Τροποποιήστε αυτό για να ορίσετε το δικό σας λογότυπο */

  }