Készítsen személyre szabott témát a Redmine számára.

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

Redmine viene fornito con un modo amministrativo rapido e facile per applicare un tema che si adatta all tue preferenze. Alcuni dei temi predefiniti disponibili sono minimalisták, altri sono più élénk, e se nessuna di queste opzioni ti piace, puoi creare a Redmine személyre szabott témája.

A személyre szabott téma egyedülálló és egyedi tervezésű, amely rendelkezik a szándékkal (amely előny nem érhető el előre meghatározott területeken). Hai la flexibilità di progettare egy személyre szabott téma minden igényt kielégítõ módon. Anche se la creazione di un tema személyre szabott potrebbe richiededere több sforzo rispetto all'utilizzo di uno predefinito, i risultati ne valgono totalmente la pena. Folytassa a gyűjteményt, hogy hozzon létre egy személyre szabott Redmine témát.


Az új Redmine téma létrehozása

Redmine fornisce un supporto fundamentale per i temi. Ez a téma kiegészíti a személyre szabott javascript elemeket és a stílus stílusát (application.css).
Il primo passo hozzon létre egy új könyvtárat nyilvános/témákban. A nome della directory verrà usezato come nome del tema. Ad esempio: public/themes/my_theme.
Successivamente, crea un application.css personalizzato e salvalo in una Sottocartella chiamata stíluslapok:
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 (../../../ stíluslapok / application.css);
/* aggiungi un logo nell'intestazione */
#fejléc {
    háttér: #507AAA url(../images/logo.png) no-repeat 2px;
    párnázat-bal: 86 képpont;
}
/* sposta il menu del progetto a destra */
#főmenü {
    balra: automatikus;
    jobbra: 0px;
}
L'esempio sopra fa l'assunzione che tu abbia un'immagine che si trova in my_theme/images/logo.png.
Töltse le ezt a témát (esempio), hogy részt vegyen a személyre szabott Redmine témában. Estrai il tema nella directory public/themes.


Aggiunta di Javascript személyre szabott

Alapvetően tartalmazza a javascriptet a javascript/theme.js fájlban, és automatikusan beállíthatja az oldalt.


Impostazione del Favicon

Inserisci il your favicon nella cartella favicon e verrà caricato automaticamente anziché quello predefinito su ogni page. 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 Principle è quello di aiutare i visitatori a trovare la tua pagina diversiteeten facilment ütemezés).


Alkalmazás a téma személyre szabott

  • 1. lépés:

A primo passo letölthető egy új téma.

  • Lépés 2:

Dekomprimi il téma itt: ../public/themes/. Il risultato di questo sarebbe un percorso alla directory di application.css come ad esempio

../public/themes/redminecrm/styleheets/application.css

  • Lépés 3:

Vai su Amministrazione -> Impostazioni és a "Tema" listája (menü a tendencia), válassza ki a létrehozott témát. Dopo di che, salva le tue impostazioni.
Ez a pont, a Redmine dovrebbe leginkább használható a személyre szabott témában.

Ha a Redmine < 1.1.0-s verzióját használja, akkor az affinché applikációt használja a rendelkezésre álló témák listájához.


Struttura della directory dei temi

A következő fájl témája:

  • javascripts/theme.js (opció): személyre szabott JavaScript a témához
  • favicon / (opzionale): kedvenc a Redmine témához
  • stíluslapok / application.css (szükséges): CSS (Cascading Style Sheets) témánként

Ciò è dimostrato di seguito:
nyilvános/
  + - témák /
       +- /
            |
            + - favicon /
            | +- (ad esempio favicon.ico, favicon.png)
            |
            + - javascriptek /
            | + - theme.js
            |
            + - stíluslapok /
                 + - application.css

Készítsen Redmine témát az előre meghatározott témával

Létrehozhat egy Redmine témát, amely módosítható a CSS-fájl színével, a téma előre definiálva.

Supponiamo che tu voglia cambiare tutto da un tema blue a uno rosso. Puoi farlo a CSS-ben itt.

  1. sh# cd / percorso / a / redmine
  2. sh # mkdir -p public / témák / redtheme / stíluslapok
  3. sh# vi public / themes / redtheme / stylesheets / application.css (il codice è mostrato di seguito)
  4. Vai all impostazioni dell'administratore e Selectiona redtheme

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

@import url (../../../ stíluslapok / application.css);

# felső menü {háttér: RGB (128,0,0);}

#header {háttér szín: RGB (192,0,0);}

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

h1, h2, h3, h4 tartalom {szín: RGB (128,0,0);}

#main {szín: RGB (128,0,0); }

a, a: link, a: meglátogatott {szín: RGB (128,0,0); }

a: lebeg, a: aktív {szín: RGB (128,0,0); }

Nézze meg a téma logóját?

1° passaggio:

Ismerje meg a fájl logóját itt: @./ public / themes/redminecrm / images@

2o Lépés

Állítsa be a logo.png fájlt az új 43x30 méretű fájl logóval

...

#header> h1 {

               háttér: url (../ images / logo.png) nincs ismétlés 10x 20%;

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

}

L'aggiornamento definitivo di Redmine? Könnyed.

Ottieni minden potenciális eszköz egy zongora, kézi és vezérlési tökéletes prognózis egy egyedi szoftver.

Prova Easy Redmine ingyenes 30 naponként

Funzionalità teljes, SSL védelem, biztonsági mentés, geolocalizzazione nella tua