Quindi, scegli di utilizzare il tema Redmine

6/3/2020
6 minuti
Lukaš Beňa

Redmine arriva con un modo doloroso e senza amministrazione per farti utilizzare un tema che passa alle tue preferenze. Nogle af de standardtemaer, der er tilgængelige, er minimalista, e altro ancora livlige, e se non hai scavato questi muligheder inclinabili, puoi farlo questo non verrà utilizzato dal tema Redmine definito.

Guardare a un tema definito è che è unico e il design è preciso come lo desideri (questo modello non è compatibile con la maggior parte dei temi standard). Hai flessibilità per progettare un tema definito da utilizzare in questo modo, lo desideri. Anche se può essere più facile creare un tema definito da utilizzare nella configurazione per utilizzare un tema standard, il risultato è assolutamente valido. Leggi di più per imparare come creare e utilizzare il tema Redmine.


Operazione su un nuovo tema Redmine

Redmine fornisce un supporto fondamentale per l'argomento. Questi argomenti possono utilizzare alcuni JavaScript definiti e sovrascritti (application.css).
Il primo compito è creare una nuova mappa in temi/pubblici. La navigazione sulla mappa ti servirà come navigazione sull'argomento. Ad esempio: public/themes/my_theme.
Successivamente, definisci application.css e le gemme in un sottomappe kaldet stylesheets:
Pubblico/themes/my_theme/stylesheets/application.css
Il seguente è un esempio di un foglio di stile definito dall'utente che sovrascrive una parte dell'impostazione:
/* include il foglio di stile Redmine standard */
@import url (../../../ stylesheets / application.css);
/* visualizza il logo nell'intestazione */
#intestazione {
    baggrund: #507AAA url(../images/logo.png) nessuna ripetizione 2px;
    imbottitura-sinistra: 86px;
}
/* visualizza il menu del progetto all'altezza */
#menu principale {
    sinistra: auto;
    a destra: 0px;
}
Il primo esempio è che hai uno spazio che è inserito in my_theme/images/logo.png.
Puoi scaricare questo tema (tipo) come un punto di sviluppo per utilizzarlo come tema Redmine definito. Modifica il tema nella mappa public/themes.


Utilizzo della definizione JavaScript utilizzata

Includere il JavaScript in javascript/theme.js e verrà inserito automaticamente da ogni lato.


Installazione della favicon

Inserisci la tua favicon nella mappa delle favicon e verrà inserita automaticamente nel sito standard della rete da ogni lato. Il nome del file favicon può essere quello che succede. (Se non lo vedi, si tratta di una favicon di una piccola icona da 16x16 pixel, che forma il formato con il branding del tuo sito web. Il primo formato è quello di aiutarti a trovare la tua lettera laterale, quando hai più pagine aperte).


Utilizzo del tema definito dall'utente

  • Trinità 1:

Il primo compito è scaricare un nuovo tema.

  • Passo 2:

Seleziona il tema in ../public/themes/. Il risultato di ciò sarebbe stato uno sti per application.css come f.eks.

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

  • Passo 3:

Vai a Amministrazione -> Impostazioni e seleziona il tema che hai creato, da "Tema" ascolta (elenco dei ruoli). Gemma dopo, dine indstillinger.
A questo punto, Redmine ora vede il tuo tema superato.

Se utilizzi Redmine < 1.1.0, devi avviare il programma in modo da vedere gli argomenti disponibili.


Struttura per temi mappa

L'argomento tratta da questo file:

  • javascripts/theme.js (questo è valido): supporta JavaScript per il tema
  • icona preferita / (dette er valgfrit): favicon per il tema Redmine
  • stylesheets / application.css (questo è disponibile): CSS (Cascading Style Sheets) per il tema

Questa dimostrazione è necessaria per:
pubblico/
  + - temi /
       +- /
            |
            + - favicon /
            | +- (ad esempio favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - fogli di stile /
                 + - application.css

Quindi crea un tema Redmine utilizzando il tema standard

Puoi anche creare un tema Redmine modificando il file CSS per il tema standard.

Ragazzi, vorrete trasformare tutto da un argomento bianco a una radice. Questo può essere fatto con i seguenti CSS.

  1. sh# cd /sti/til/redmine
  2. sh# mkdir -p public/themes/redtheme/stylesheets
  3. sh# vi public/themes/redtheme/stylesheets/application.css (koden vede nedenfor)
  4. Vai all'impostazione dell'amministrazione e scegli il tema rosso successivo

/* include il foglio di stile Redmine standard */

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

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

#header {background-color: RGB (192,0,0);}

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

contenuto h1, h2, h3, h4 {color: RGB (128,0,0);}

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

a, a: link, a: visitato {color: RGB (128,0,0); }

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


Come modificare il logo dei temi?


Passaggio 1:

File del logo del posizionatore in @./public/themes/redminecrm/images@


2nd Trin

Modifica logo.png file con il nuovo logo con dimensioni 43x30

...

#header> h1 {

               baggrund: url(../images/logo.png) no-repeat 10px 20%;

               imbottitura: 5px 60px; /* Ændre dette for at sætte dit eget logo */

}

L'ultimo upgrade di Redmine? Nemt.

Ottieni tutte le migliori funzionalità per una progettazione, una pianificazione e un controllo perfetti in un software gratuito.

Prova Easy Redmine in 30 giorni di prova gratuita

Funzionalità complete, protezione SSL, aggiornamento dei backup e geolocalizzazione