Με τη δημιουργία και την εξατομίκευση του Redmine.

6/3/2020
6 λεπτά
Lukáš Beňa -> Lukáš Beňa

Redmine vine cu o modalitate rapidă și ușoară de administrare pentru aplica un temă care să se potrivească preferințelor story. Câteva dintre temele σιωπηρή διαθεσιμότητα υπάρχουν μινιμαλιστικό, altele sunt mai ζωηρός, iar dacă niciuna dintre aceste opțiuni nu îți place, poți crea propria ta temă personalizată Redmine.

Avantajul unui temă personalizată este că aceasta este unică, iar designul său este exact cum doriți (acest beneficiu nu este disponibil in majoritatea temelor implicite). Aveți flexibilitatea de a proiecta o temă personalizată în orice fel doriți. Deși crearea unei teme εξατομικεύστε poate necesita mai mult fort decât utilizarea uneia implicite, rezultatele merită cu totul. Συνέχεια σε μια πόλη μέσα από μια νέα δημιουργία ή την εξατομίκευση του Redmine. Η Crearea unei noi teme Redmine Redmine υποστηρίζει θεμελιώδη θέματα. Aceste teme pot adăuga câteva javascript εξατομίκευση και pot suprascrie foile de stil (application.css). Primul pas este de a crea un director nou in public/themes. Numele Directorului va fi utilizat ca numele temei. Παράδειγμα: public/themes/my_theme. Apoi, creați application.css personalizat și salvați-l într-un υποφάκελο numit φύλλα στυλ: Public/themes/my_theme/stylesheets/application.css Următorul exemplu είναι ένα φύλλο στυλ εξατομικευμένη φροντίδα suprascrie doar câteva set-carelice: / @import url(../../../stylesheets/application.css); /* adaugă un logo în antet */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-αριστερά: 86px; } /* mută meniul proiectului spre dreapta */ #main-menu { αριστερά: auto; δεξιά: 0px; } Exemplul menționat presupune că aveți o φανταστείτε τη φροντίδα se află în my_theme/images/logo.png. Πραγματοποιήστε αποτύπωση această temă (παράδειγμα) σε πορνογραφικό υλικό για την προσωπική προσωπική του Redmine. Extrageți tema în Directorul public/themes. Προσαρμόστε την εξατομίκευση της Javascript για το Trebuie που περιλαμβάνει τα javascript-ul dvs. în javascript/theme.js și acesta va fi încărcat automat pe fiecare σελίδα. Setarea Favicon Εισαγωγή ți favicon-ul în φάκελο favicon și acesta va fi încărcat automat în locul celui implicit pe fiecare σελίδα. Numele fișirului favicon poate fi orice. (În cazul în care nu știți, un favicon este un mic icon de 16x16 pixeli care servește scopului de branding al site-ului dvs. ise ). Aplicarea temei personalisate Pasul 1: Descărcați o temă nouă. Pasul 2: Dezarhivați tema în ../public/themes/. Rezultatul acestui lucru ar fi un Director către application.css, cum ar fi ../public/themes/redminecrm/stylesheets/application.css. Κεφάλαιο 3: Accesați Administrare -> Setări și din list "Temă" (listă derulantă), επιλογή θέματος για φροντίδα που δημιούργησε-ο πρόσφατη. După aceasta, salvați setările. Σε μια μεγάλη στιγμή, το Redmine είναι ένα από τα πιο δημοφιλή θέματα εξατομίκευσης. Χρησιμοποιήστε το Redmine < 1.1.0, είναι δυνατή η χρήση του Redmine για την έκδοση μιας εφαρμογής σε μια περιοχή στη λίστα με τα διαθέσιμα στοιχεία.

Structura de directoare a temelor

O temă este formată din aceste fișiere:

  • javascripts/theme.js (προαιρετικό): JavaScript εξατομικεύεται το θέμα
  • favicon / (προαιρετικά): favicon με θέμα Redmine
  • φύλλα στυλ / application.css (necesar): CSS (Cascading Style Sheets) pentru tema

Aest lucru este demonstrat mai jos:
δημόσιο/
  + - θέματα /
       +- /
            |
            + - favicon /
            | +- (de exemplu, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - φύλλα στυλ /
                 + - application.css

Cum să creați o temă Redmine folosind thema implicită

Puteți crea, de asemenea, o temă Redmine schimbând culorile in fișierul CSS al temei implicite.

Să spunem că doriți să schimbați totul de la o temă albastră la una roșie. Puteți face acest lucru cu CSS-ul de mai jos.

  1. sh # cd / path / to / redmine
  2. sh # mkdir -p public / θέματα / redtheme / stylesheets
  3. sh# vi public / themes / redtheme / stylesheets / application.css (codul este prezentat mai jos)
  4. Πρόσβαση σε ρυθμίσεις διαχείρισης και επιλογή κόκκινου θέματος

/* încărcați foaia de stil implicită 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); }


Cum să schimbați logo-ul temei?


Το πρώτο βήμα:

Puneți fișierul de logo în @./ public / themes/ redminecrm / images@


Το δεύτερο βήμα

Ιστοσελίδα logo.png cu noul fișier de logo cu dimensiunea de 43x30

...

#header> h1 {

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

               padding: 5px 60px; /* Modificați acest lucru pentru a seta propriul logo */

}

Ενημερωθείτε για το τελικό Redmine; Ușoară.

Προμηθευτείτε το όργανο που σας επιτρέπει να βάλετε ένα όργανο σε επίπεδο επίπεδο, περιοχή gestion και να ελέγξετε τέλειο λογισμικό για το πρόγραμμα într-un singur.

Încercați Easy Redmine σε 30 de zile de încercare δωρεάν

Ολοκληρωμένη λειτουργία, υποστήριξη SSL, δημιουργία αντιγράφων ασφαλείας, σε geolocalizarea dvs.