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

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

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

Το Redmine παρέχει βασική υποστήριξη για θέματα. Αυτά τα θέματα μπορούν να προσθέσουν μερικά προσαρμοϽμέναμοσμννακτια script αστήσουν τα stylesheets (application.css).
Το πρώτο βήμα είναι να δημιουργήσετε ένα νέο φάκελο στο offentlige/temaer. Το όνομα του φακέλου θα χρησιμοποιηθεί ως όνομα του θέματος. Για παράδειγμα: public/themes/mit_tema.
Στη συνέχεια, δημιουργήστε ένα προσαρμοσμένο application.css και αποθηκοντθσμένο αν υποφάκελο που ονομάζεται stylesheets:
Public/themes/my_theme/stylesheets/application.css
Το παρακάτω είναι ένα παράδειγμα προσαρμοσμένου stylesheet που αντικεκτικ ς ρυθμίσεις:
/* φορτώνει το προεπιλεγμένο stylesheet του Redmine */
@import url (../../../ stilark / applikation.css);
/* προσθέτει ένα λογότυπο στην κεφαλίδα */
#header {
    baggrund: #507AAA url(../images/logo.png) no-repeat 2px;
    polstring til venstre: 86px;
}
/* μετακινεί το μενού του έργου προς τα δεξιά */
#hovedmenu {
    venstre: auto;
    højre: 0px;
}
Το παραπάνω παράδειγμα υποθέτει ότι έχετε μια εικόνα ποτα theme/images/logo.png.
Μπορείτε να κατεβάσετε αυτό το θέμα (δείγμα) ως αφετηρίαιατσς γό ροσαρμοσμένο θέμα Redmine. Αποσυμπιέστε το θέμα στον φάκελο offentlige/temaer.

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

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

Ορισμός Favicon

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

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

• Trin

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

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

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

  Αυτό αποδεικνύεται παρακάτω:
  offentlig/
    + - temaer /
         +- <όνομα θέματος>/
              |
              + - favicon /
              | +- (π.χ. favicon.ico, favicon.png)
              |
              + - javascripts /
              | + - theme.js
              |
              + - stilark /
                   + - ansøgning.css
  

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

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

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

  1. sh # cd / sti / til / redmine
  2. sh # mkdir -p offentlige / temaer / redtheme / stilark
  3. sh# vi public / themes / redtheme / stylesheets / application.css (ο κώδικας εμφανίζεται παρακάτω)
  4. Μεταβείτε στις ρυθμίσεις διαχειριστή και επιλέξτε το redtheme

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

  @import url (../../../ stilark / applikation.css);

  # top-menu {baggrund: RGB (128,0,0);}

  #header {baggrund-farve: RGB (192,0,0);}

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

  indhold h1, h2, h3, h4 {farve: RGB (128,0,0);}

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

  a, a: link, a: besøgt {color: RGB (128,0,0); }

  a: hover, a: aktiv {farve: RGB (128,0,0); }

  
  

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

  
  

  1^ο Trin:

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

  
  

  2^o Trin

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

  ...

  #header> h1 {

                 baggrund: url (../billeder / logo.png) ingen gentagelse 10px 20%;

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

  }