Korleis lage eit tilpassa Redmine-tema

6/3/2020
6 minut
Lukáš Beňa
Redmine kjem med ein rask og enkel administrativ måte for deg å bruke eit tema som passar dine preferansar. Nokre av dei standardnítemaene som er tilgjengelege er minimalistické, andre er meir živobytí, og om ingen av desse alternativa fenger deg, kan du lage ditt eige tilpassa Redmine-tema.
Fordelen med et tilpasset tema er at det er unikt, og designet er akkurat slik du ønsker det (denne fordelen er ikke tilgjengelig med de fleste standardtemaer). Du har fleksibiliteten til å designe et tilpasset tema akkurat slik du vil. Selv om det kan kreve mer innsats å lage et tilpasset tema a motsetning til å bruke and standardní téma, er resultatene helt det det. Podívejte se na å lære hvordan du oppretter et tilpasset Redmine-tema. Opprettelse a nytt Redmine-tema Redmine dívka grunnleggende støtte for the temaer. Chcete-li se zbavit JavaScriptu a přehnaného stileru (application.css), můžete jej používat. Første trinn er å opprette en ny mappe i public/themes. Navnet på mappen vil bli brukt som navnet på temaet. Pro eksempel: public/themes/my_theme. Deretter oppretter du en tilpasset application.css og lagrer den i en undermappe kalt stylesheets: Public/themes/my_theme/stylesheets/application.css Følgende er et eksempel på en tilpasset stylesheet noen få innstillinger noen få innstillinger stylesheet: /* last / @import url(../../../stylesheets/application.css); /* legg til et logo i headeren */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-left: 86px; } /* flytt prosjektmenyen til høyre */ #main-menu { left: auto; vpravo: 0px; } Nenechte se ujít žádných forutsetter at du har et bilde some er plassert and my_theme/images/logo.png. Chcete-li trvat déle, než je téma (eksempel), některé a utgangspunkt pro následující téma Redmine. Pak se zaměřte na public/themes-mappen. Vyhledejte přístupový kód JavaScript Zahrňte holý JavaScript a javascript/theme.js a také poslední automatický systém na druhé straně. Instalační služba Favicon Sett favicon se nachází v mapě favicon, a každý z nich je poslední automatický a pro standardní favicon na zadní straně. Favicon-filens navn kan være hva som helst. (Hvis du ikke vet det, er en favicon et lite 16x16 piksels icons with one formålet with merkevaren til nettsteded ditt. Hovedmålet er åhjelpe besøkende med å finne side din din lettere nåre fan de harår). Předcházející téma Trinn 1: Předcházející téma je poslední a nové. Trinn 2: Pakk ut temaet i ../public/themes/. Výsledky vyhledávání na mapě aplikace.css, pro příklad: ../public/themes/redminecrm/stylesheets/application.css Trinn 3: Gå til Administrasjon -> Innstillinger og fra "Tema" -listen), (rullegardinlisten), (rullegardinlisten) temaet du nettopp har oppretette. Etter dette, lagre innstillingene dine. V případě, že se jedná o červenou minu a svěráky, s těmito svěráky. Hvis du bruker Redmine < 1.1.0, må du kanskje starte applikasjonen på nytt for at den skal Vises i listen over tilgjengelige temaer.

Témata katalogstruktur

A co nejlepší v tomto souboru:

  • javascripts/theme.js (dette er valgfritt): tilpasset JavaScript pro temaet
  • favicon / (dette er valgfritt): favicon pro Redmine-temaet
  • styly / application.css (dette er nødvendig): CSS (Cascading Style Sheets) pro temaet

Dette er demonstrert nedenfor:
veřejnost/
  + - témata /
       +- /
            |
            + - favicon /
            | +- (f.eks. favicon.ico, favicon.png)
            |
            + - javascripty /
            | + - theme.js
            |
            + - styly /
                 + - application.css


Slik oppretter du et Redmine-tema ved å bruke standardtemaet

Můžete použít téma a téma Redmine ve všech barvách a souborech CSS pro standardní téma.

Si at du vil endre alt fra et blått téma til et rødt téma. Dette kan du gjøre s CSS-en nedenfor.

  1. sh# cd /sti/til/redmine
  2. sh# mkdir -p public/themes/redtheme/stylesheets
  3. sh# vi public/themes/redtheme/stylesheets/application.css (kódování svěráků nedenfor)
  4. Přejděte do administrativy a do všech redtheme

/* standard posledního hostince Redmine-stilark */

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


Logo Hvordan endre temaets?


1. trinn:

Plasser logofilen i @./public/themes/redminecrm/images@

2nd web

Erstatt logo.png-filen s novým logofilen se størrelsen 43x30

...

#header> h1 {

               bakgrunn: url(../images/logo.png) ingen gjentakelse 10px 20 %;

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

}

Den konečný Redmine-oppgraderingen? Enkel.

Všechny kraftige verktøy pro perfektní prosjektplanlegging, -styring og -controll a jeden programvare.

Prøv Easy Redmine a 30-dagers zdarma zkušební období

Plně funkční, SSL-beskyttet, daglige sikkerhetskopier, a din geografische plassering