Hoe maak je een aangepast Redmine-thema.

Het voordeel van een aangepast thema is dat het uniek is en het ontwerp precies is zoals je het wilt (di voordeel is niet beschikbaar bij de meeste standaardthema's). Je hebt de flexibiliteit om een ​​aangepast thema op elke gewenste manier te ontwerpen. Hoewel het maken van een aangepast thema meer moeite kan kosten in vergelijking met het het gebruik van een standaardthema, zijn de resultaten absoluut de moeite waard. Lees verder om te leren hoe je een aangepast Redmine-thema kunt maken.

Creëren van een nieuw Redmine-thema

Το Redmine Biedt Fundamentele ondersteuning for thema's. Deze thema's kunnen een paar aangepaste javascripts toevoegen en stijlbladen (application.css) overschrijven.
De eerste stap είναι ο χάρτης που δημιουργείται σε δημόσιο/θέματα. De naam van de map wordt gebruikt als de naam van het thema. Bijvoorbeeld: δημόσιο /themes / my_theme.
Maak vervolgens een aangepaste application.css en sla deze op in een submap genaamd stylesheets:
Δημόσιο / θέματα / my_theme / stylesheets / application.css
Hieronder staat een voorbeeld van een aangepast stijblad dat slechts een paar instellingen overschrijft:
/* laad het standard Redmine-stijblad */
@import url (../../../ stylesheets / application.css);
/* voeg een logo toe στην κεφαλίδα */
# επικεφαλής {
    φόντο: # 507AAA url (../ images / logo.png) no-repeat 2px;
    πληκτρολόγηση αριστερά: 86px;
}
/* verplaats het projectmenu naar rechts */
#κυρίως μενού {
    αριστερά: auto;
    δεξιά: 0px;
}
Het eerder genoemde voorbeeld gaat ervan uit dat je een afbeelding hebt die zich bevindt in my_theme / images / logo.png.
Πραγματοποιήστε λήψη του θέματος (voorbeeld) για να ξεκινήσετε να λαμβάνετε ένα δικό σας θέμα Redmine-thema. Pak het thema uit σε δημόσιο/χάρτη θεμάτων.

Toepassen van aangepaste Javascript

Το Voeg gewoon je javascript toe in javascript /theme.js en het wordt automatisch geladen op elke page.

Instellen van Favicon

Voeg je favicon toe in de favicon map en het wordt automatisch geladen in plaats van de standard favicon op elke page. De naam van het favicon-bestand kan alles zijn. (Στο het geval dat je het niet weet, is een favicon een klein 16x16 pixel icoon dat dient voor de branding van je website. Het primaire doel is om bezoekers te helpen je pagina gemakkelijker te vinden wanneer ze meerdere hebbenbla tab).

Toepassen van het aangepaste θέμα

• Βήμα 1:

Μπορείτε να κάνετε λήψη αυτού του θέματος.

• Βήμα 2:

Pak het thema uit στο ../public/themes/. Het resultaat hiervan zou een map-pad naar application.css zijn, zoals

../public/themes/redminecrm/stylesheets/application.css

• Βήμα 3:

Ga naar Beheer -> Instellingen en Selecteer het thema dat je zojuist hebt gemaakt uit de "Thema"-lijst (keuzelijst). Sla vervolgens je instellingen op.
Op dit punt zou Redmine nu moeten worden weergegeven met je aangepaste thema.

Als je gebruik maakt van Redmine < 1.1.0, moet je mogelijk de toepassing opnieuw starten zodat deze verschijnt in de beschikbare themalijst.

Structuur van het thema's directory

Een thema bestaat uit deze bestanden:

• javascripts/theme.js (προαιρετικά): aangeppaste JavaScript για το θέμα
• favicon / (προαιρετικά): favicon voor het Redmine-thema
• φύλλα στυλ / application.css (noodzakelijk): CSS (Cascading Style Sheets) για το θέμα

Dit wordt hieronder gedemonstreerd:
δημόσιο/
  + - θέματα /
       +- /
            |
            + - favicon /
            | +- (bijv. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - φύλλα στυλ /
                 + - application.css

Een Redmine-thema maden door het standaardthema te gebruiken

Μπορείτε να δείτε το Redmine-thema maken door de kleuren στο het CSS-bestand van het standaardthema te veranderen.

Stel dat je alles van een blauw thema naar een rood thema wilt veranderen. Δεν γνώρισα το CSS.

1. sh# cd / pad / naar / redmine
2. sh # mkdir -p public / θέματα / redtheme / stylesheets
3. sh# vi public / themes / redtheme / stylesheets / application.css (κωδικοποίηση wordt hieronder weergegeven)
4. Ga naar de beheerinstellingen en Selecteer vervolgens redtheme

/* πρότυπο φύλλο στυλ Redmine */

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

# top-menu {φόντο: RGB (128,0,0);}

#header {φόντο-χρώμα: RGB (192,0,0);}

# έργα-δείκτης ul.projects div.root a.project {color: RGB (128,0,0); }

περιεχόμενο h1, h2, h3, h4 {color: RGB (128,0,0);}

# κύριο {χρώμα: RGB (128,0,0); }

a, a: link, a: επισκέφθηκε {color: RGB (128,0,0); }

a: hover, a: ενεργό {color: RGB (128,0,0); }

Hoe verander je het logo van het thema;

2^e Βήμα

Vervang het bestand logo.png πόρτα het nieuwe logobestand met een grootte van 43x30

...

#header> h1 {

               achtergrond: url(../images/logo.png) χωρίς επανάληψη 10 εικονοστοιχεία 20%;

               padding: 5px 60px; /* Pas dit aan om uw eigen logo in te stellen */

}