Přijďte si vytvořit téma personalizace na Redmine.

6/3/2020
6 minut
Lukáš Beňa -> Lukáš Beňa

Redmine se používá s rychlým způsobem správy a snadnou aplikací podle tématu a podle všech preferenci. Alcuni dei temi predefiniti k dispozici jsou minimalisté, další sono più vibrující, e se nessuna di queste opzioni ti piace, puoi creare Toto je osobní téma 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). Přizpůsobte si progettare a personalizujte téma v kvalifikovaném modu. Anche se la creazione di un tema personalizzato potrebbe richiedere più sforzo rispetto all'utilizzo di uno fordefinito, and risultati ne valgono totalmente la pena. Pokračujte v leggere za opakování, které jste vytvořili pro téma Redmine personalizzato.


Vytvoření nového tématu Redmine

Redmine fornisce un supporto fundamentale on i the temi. Questi temi possono aggiungere alcuni javascript personalizzati a sostituire a fogli di stile (application.css).
Il primo passo è creare una nuova director in public/themes. Il nome della directory verrà utilizzato come nome del tema. Ad esempio: public/themes/my_theme.
Pokračování, vytvoření aplikace.css personalizzato a salvalo ve stylech sottocartella chiamata:
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 (../../../ styly / application.css);
/* logo nell'intestazione */
#záhlaví {
    pozadí: #507AAA url(../images/logo.png) no-repeat 2px;
    padding-left: 86px;
}
/* zapište nabídku z progetto a destra */
#hlavní menu {
    vlevo: auto;
    doprava: 0px;
}
L'esempio sopra fa l'assunzione che tu abbia un'immagine che si trova v my_theme/images/logo.png.
Puoi scaricare questo tema (esempio) přichází na místo pro toto téma Redmine personalizzato. Prohlédněte si téma nella adresáře public/themes.


Přizpůsobení Javascriptu

Zahrnout tento javascript do javascriptu/theme.js a automaticky zkopírovat tuto stránku na jiné stránce.


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. Il suo obiettivo principale è quello di aiutare i visitatori a trovare la tua pageina piùndo facilment rozmanité rozvrh).


Aplikace pro personalizaci tématu

  • Krok 1:

První krok je nový téma.

  • Krok 2:

Dekomprimujte téma v ../public/themes/. Il risultato di questo sarebbe un percorso alla director of application.css come ad esempio

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

  • Krok 3:

Vai su Amministrazione -> Impostazioni e dalla lista "Tema" (menu a tendina), vyberte téma, které je vytvořeno appena. Dopo di che, salva le tue impostazioni.
A questo punto, Redmine dovrebbe essere mostrato utilizzando il tuo personalizzato.

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


Struttura della adresář dei temi

Téma a složení souboru dotazu:

  • javascripts/theme.js (opzionale): Personalizace JavaScriptu podle tématu
  • favicon / (opzionale): favicon na téma Redmine
  • šablony stylů / application.css (nezbytné): CSS (kaskádové styly) na téma

Ciò è dimostrato di seguito:
veřejnost/
  + - témata /
       +- /
            |
            + - favicon /
            | +- (ad esempio favicon.ico, favicon.png)
            |
            + - javascripty /
            | + - theme.js
            |
            + - styly /
                 + - application.css

Pojďte vytvořit téma Redmine, které je předdefinované

Vytvořte si téma Redmine modifikované a barevný soubor CSS podle předdefinovaného tématu.

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 / themes / redtheme / stylesheets
  3. sh# vi public / themes / redtheme / stylesheets / application.css (il codice è mostrato di seguito)
  4. Vai alle impostazioni dell'amministratore a seleziona redtheme

/* carica il foglio di stile predefinito di Redmine */

@import url (../../../ styly / 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); }

obsah h1, h2, h3, h4 {barva: RGB (128,0,0);}

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

a, a: link, a: navštíveno {color: RGB (128,0,0); }

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

Pojď cambiare il logo del tema?

1° průchod:

Zobrazit soubor loga v @./ public / themes/ redminecrm / images@

2o Krok

Sostituire il file logo.png s novým souborem logo o rozměrech 43x30

...

#header> h1 {

               pozadí: url (../ images / logo.png) neopakovat 10px 20%;

               odsazení: 5px 60px; /* Modifikace loga na základě impostare il proprio */

}

L'aggiornamento definitivo di Redmine? Snadno.

Ottieni tutti gli instrumenti potenci on a pianificazione, gestione and controllo del progetto perfetti in un unico software.

Prova Easy Redmine zdarma za 30 giorni

Funzionalita kompletní, ochrana SSL, záložní giornalieri, další geolocalizzazione