Korleis lage eit passa Redmine-tema

6/3/2020
6 minuti
Lukaš Beňa
Redmine kjem con un compito e un semplice compito amministrativo per utilizzare un argomento che ti consente di passare le tue preferenze. Nokre av dei standardtemaene qualcosa è utile minimalista, andre er meir livligio, e se non hai questa alternativa, puoi andare questo è tutto per passare il tema Redmine.
Il servizio con un tema disponibile è che sia unico e il design è accurato come lo desideri (questo servizio non è compatibile con la maggior parte dei temi standard). Hai flessibilità per progettare un tema adatto che vorrai. Anche se può essere più efficace inserire un tema disponibile nella modalità di utilizzo per utilizzare un tema standard, il risultato è tutto verde. Qui troverai informazioni su come creare un pacchetto Redmine. L'ottimizzazione di un nuovo tema Redmine Redmine offre un supporto leggero per temi. Questi temi possono essere utilizzati per utilizzare JavaScript e stilizzare eccessivamente (application.css). Il primo tentativo è quello di creare una nuova mappa in pubblico/temi. La navigazione sulla mappa verrà utilizzata come navigazione sull'argomento. Ad esempio: public/themes/my_theme. Seleziona un file application.css e salvalo in un foglio di stile colorato sottomappa: Public/themes/my_theme/stylesheets/application.css Il seguito è un esempio di un foglio di stile Redmine che viene sovrastirato solo per ottenere l'impostazione: /* last standard Redmine stylesheet * / @import url(../../../stylesheets/application.css); /* vai al logo nell'intestazione */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; imbottitura a sinistra: 86px; } /* porta i progetti di progettazione all'altezza */ #main-menu { left: auto; a destra: 0px; } Questo non è un esempio di esempio che hai in mente e che hai un'immagine plasser in my_theme/images/logo.png. Puoi ultimare questo tema (esempio) come un punto di partenza per il tuo tema Redmine. Metti il ​​tema in public/themes-mappen. Usa il pass JavaScript incluso Include il semplice JavaScript nel tuo javascript/theme.js e l'ultimo verrà eseguito automaticamente su ogni lato. Installazione della favicon Imposta la tua favicon nella mappa delle favicon e l'ultima volta verrà automaticamente posizionata per la favicon standard su ogni lato. Il nome del file favicon può essere quello che succede. (Se non lo vedi, si tratta di una favicon di un'icona leggera da 16x16 pixel che forma il modulo con il mercato per la tua rete. Il supporto è quello di aiutare a trovare il lato della tua lettera quando hanno più luci aperte). Usa il tema superato Trinn 1: Il primo trinn è l'ultimo di un nuovo tema. Trinn 2: Pakk ut temaet i ../public/themes/. Il risultato di questo sarà una mappa per application.css, ad esempio: ../public/themes/redminecrm/stylesheets/application.css Passaggio 3: Vai ad Amministrazione -> Impostazioni e da "Tema" -ascolta (ascolta il comando), leggi il tema della pulizia è stato visualizzato. Etter dette, lagre innstillingene dine. A questo punto, Redmine dovrà vedere il tuo tema superato. Se utilizzi Redmine < 1.1.0, puoi avviare l'applicazione di nuovo per visualizzarla durante l'ascolto di temi disponibili.

Struttura del catalogo dei temi

L'argomento tratta da questo file:

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

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


Crea facilmente un tema Redmine utilizzando i temi standard

Puoi anche creare un tema Redmine per completare il trasferimento dei file CSS al tema standard.

Se vorrai finire tutto da un tema bianco a un tema rosso. Questo può essere fatto con CSS e non è necessario.

  1. sh# cd /sti/til/redmine
  2. sh# mkdir -p public/themes/redtheme/stylesheets
  3. sh# vi public/themes/redtheme/stylesheets/application.css (la codifica non è valida)
  4. Vai all'amministrazione e scopri il tuo tema rosso

/* ultima locanda standard Redmine-stilark */

@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); }


Qual è il logo di tutti i temi?


1. trinn:

File logo Plasser su @./public/themes/redminecrm/images@

2nd steg

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

...

#header> h1 {

               bakgrunn: url(../images/logo.png) non modificato 10px 20%;

               imbottitura: 5px 60px; /* Endre dette for å sette ditt eget logo */

}

L'ultima opzione di Redmine? Enkel.

Ottieni tutti i vantaggi creativi per una perfetta pianificazione, creazione e controllo dei progetti in un programma.

Prova Easy Redmine in un periodo di prova gratuito di 30 giorni

Funzionalità complete, protezione SSL, protezione quotidiana della sicurezza e la tua geografia