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

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

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

Το Redmine βασική υποστήριξη για θέματα. Αυτά τα θέματα μπορούν να προσθέσουν μερικά προσαρμοσμένα javascript και να αντικαταστ ήσουν τα arkuszy stylów (application.css).
Το πρώτο βήμα είναι να δημιουργήσετε ένα νέο φάκελο στο public/themes. Το όνομα του φακέλου θα χρησιμοποιηθεί ως όνομα του θέματος. Wybierz: public/themes/my_theme.
Στη συνέχεια, δημιουργήστε ένα προσαρμοσμένο application.css και αποθηκεύστε το σε ένα ν υποφάκελο που ονομάζεται arkuszy stylów:
Public/themes/my_theme/stylesheets/application.css
Το παρακάτω είναι ένα παράδειγμα προσαρμοσμένου arkusz stylów που αντικαθιστά μερικές ρ Typ:
/* φορτώνει το προεπιλεγμένο arkusz stylów dla Redmine */
@import url (../../../ stylesheets / application.css);
/* προσθέτει ένα λογότυπο στην κεφαλίδα */
#nagłówek {
    tło: #507AAA url(../images/logo.png) bez powtórzeń 2px;
    dopełnienie lewe: 86px;
}
/* μετακινεί το μενού του έργου προς τα δεξιά */
#menu główne {
    po lewej: auto;
    po prawej: 0px;
}
Το παραπάνω παράδειγμα υποθέτει ότι έχετε μια εικόνα που βρίσκεται στο my_theme /images/logo.png.
Μπορείτε να κατεβάσετε αυτό το θέμα (δείγμα) ως αφετηρία για το δικό σας προ σαρμοσμένο θέμα Redmine. Αποσυμπιέστε το θέμα στον φάκελο public/themes.

JavaScript

Zainstaluj javascript w javascript/theme.js, aby uzyskać więcej informacji α.

Zmień Favicon

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

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

• Krok

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

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

  • JavaScript/theme.js (αυτό είναι προαιρετικό): προσαρμοσμένο JavaScript για το θέμα
  • favikona / (αυτό είναι προαιρετικό): favicon για το θέμα Redmine
  • arkusze stylów / application.css (αυτό είναι απαραίτητο): CSS (kaskadowe arkusze stylów) για το θέμα

  Αυτό αποδεικνύεται παρακάτω:
  publiczny/
    + - motywy /
         +- <όνομα θέματος>/
              |
              + - favicon /
              | +- (π.χ. favicon.ico, favicon.png)
              |
              + - javascripts /
              | + - theme.js
              |
              + - arkusze stylów /
                   + - application.css
  

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

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

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

  1. sh # cd / path / to / redmine
  2. sh # mkdir -p public / themes / redtheme / stylesheets
  3. sh# vi public / motywy / redtheme / arkusze stylów / application.css (ο κώδικας εμφανίζεται παρακάτω)
  4. Zmień motyw na redtheme

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

  @import url (../../../ stylesheets / application.css);

  # menu główne {tło: RGB (128,0,0);}

  #header {kolor tła: RGB (192,0,0);}

  # projekty-indeks ul. projekty div.root a.project {color: RGB (128,0,0); }

  zawartość h1, h2, h3, h4 {kolor: RGB (128,0,0);}

  #main {color: RGB (128,0,0); }

  a, a: link, a: odwiedzono {kolor: RGB (128,0,0); }

  a: hover, a: active {color: RGB (128,0,0); }

  
  

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

  
  

  1^ο Krok:

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

  
  

  2^Och Krok

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

  ...

  #header> h1 {

                 tło: url (../ images / logo.png) bez powtarzania 10px 20%;

                 dopełnienie: 5px 60px; /* Τροποποιήστε αυτό για να ορίσετε το δικό σας λογότυπο */

  }