Ελάτε να δημιουργήσετε ένα θέμα εξατομικευμένο ανά Redmine.

Il vantaggio di un tema personalizzato è che è è unico e il suo design è esattamente come lo desideri (questo beneficio non è disponibile con la maggior parte dei temi predefiniti). Hai la flessibilità di progettare un tema personalizzato in qualsiasi modo desideri. Anche se la creazione di un tema personalizzato potrebbe richiedere più sforzo rispetto all'utilizzo di uno predefinito, i risultati ne valgono totalmente la pena. Συνεχίστε ένα leggere per imparare come creare un tema Redmine personalizzato.

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

Redmine fornisce un supporto fondamentale per i temi. Questi temi possono aggiungere alcuni javascript personalizzati e sostituire and fogli di stile (application.css).
Il primo passo è creare una nuova κατάλογο σε δημόσια/θέματα. Il nome della directory verrà utilizzato come nome del tema. Ad esempio: public/themes/my_theme.
Successivamente, crea un application.css personalizzato e salvalo in una sottocartella chiamata sheets:
Public/themes/my_theme/stylesheets/application.css
Ecco un esempio di foglio di stile personalizzato che sostituisce solo un paio di impostazioni:
/* carica il foglio di stile Redmine predefinito */
@import url (../../../ stylesheets / application.css);
/* aggiungi un logo nell'intestazione */
# επικεφαλής {
    φόντο: #507AAA url(../images/logo.png) χωρίς επανάληψη 2px;
    πληκτρολόγηση αριστερά: 86px;
}
/* sposta il menu del progetto a destra */
#κυρίως μενού {
    αριστερά: auto;
    δεξιά: 0px;
}
L'esempio sopra fa l'assunzione che tu abbia un'immagine che si trova στο my_theme/images/logo.png.
Puoi scaricare questo tema (esempio) come punto di partenza per il tuo tema Redmine personalizzato. Estrai il tema nella κατάλογος κοινό/θέματα.

Προσωποποιήστε το Javascript

Μπορείτε να συμπεριλάβετε το javascript στο javascript/theme.js και το verrà caricato automaticamente su ogni page.

Impostazione del Favicon

Inserisci il tuo favicon nella cartella favicon e verrà caricato automaticamente anziché quello predefinito su ogni pagina. Il nome del file favicon può essere qualsiasi cosa. (Nel caso in cui non lo sapessi, un favicon è una piccola icona di 16x16 pixel che serve allo scopo del branding del tuo sito web. πρόγραμμα).

Εφαρμογή για την εξατομίκευση του θέματος

• Βήμα 1:

Il primo passo è scaricare un nuovo tema.

• Βήμα 2:

Decomprimi il thema in ../public/themes/. Il risultato di questo sarebbe un percorso alla directory di application.css come ad esempio

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

• Βήμα 3:

Vai su Amministrazione -> Impostazioni e dalla lista "Tema" (menu a tendina), seleziona il tema che hai appena creato. Dopo di che, salva le tue impostazioni.
A questo punto, Redmine dovrebbe essere mostrato utilizzando il tuo tema personalizzato.

Se stai utilizzando Redmine < 1.1.0, potresti dover riavviare l'applicazione affinché appaia nella lista dei temi disponibili.

Κατάλογος Struttura della dei temi

Un thema è composto da quest file:

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

Ciò è dimostrato di seguito:
δημόσιο/
  + - θέματα /
       +- /
            |
            + - favicon /
            | +- (ad esempio favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - φύλλα στυλ /
                 + - application.css

Ελάτε να δημιουργήσετε ένα θέμα Redmine χρησιμοποιήστε το προκαθορισμένο θέμα

Μπορείτε να δημιουργήσετε ένα θέμα για το Redmine και το έγχρωμο αρχείο CSS για προκαθορισμένο θέμα.

Supponiamo che tu voglia cambiare tutto da un tema blu a uno rosso. Puoi farlo con il CSS qui sotto.

1. sh# cd / percorso / a / redmine
2. sh # mkdir -p public / θέματα / redtheme / stylesheets
3. sh# vi public / themes / redtheme / stylesheets / application.css (il codice è mostrato di seguito)
4. Vai alle impostazioni dell'amministratore e seleziona redtheme

/* carica il foglio di stile predefinito di 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); }

Come cambiare il logo del tema;

1° passaggio:

Metti il ​​file del logo in @./ public / themes/ redminecrm / images@

2^o Πάσο

Λογότυπο αρχείου Sostituire il.png με λογότυπο αρχείου νέου σε διαστάσεις 43x30

...

#header> h1 {

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

               padding: 5px 60px; /* Modificare questo per impostare il proprio logo */

}