Korleis lage eit tilpassa Redmine-tema

6/3/2020
6 λεπτά
Λούκα Μπέγια
Redmine kjem med ein rask og enkel administrative måte for deg å bruke eit tema som passar dine preferansar. Nokre av dei standardtemaene som er tilgjengelege er μινιμαλιστική, andre er meir livelege, 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 thema i motsetning til å bruke et standard thema, er resultatene helt verdt det. Les videre for å lære hvordan du oppretter et tilpasset Redmine-tema. Επωφεληθείτε από το Redmine-tema Redmine για την ομάδα σας. Μπορείτε να διαβάσετε το JavaScript και να χρησιμοποιήσετε το overstyre stiler (application.css). Første trinn å opprette en ny mappe i public/themes. Navnet på mappen vil bli brukt som navnet på temaet. Για exempel: public/themes/my_theme. Αποφεύγετε την εφαρμογή. / @import url(../../../stylesheets/application.css); /* legg til et logo i headeren */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-αριστερά: 86px; } /* flytt prosjektmenyen til høyre */ #main-menu { left: auto; δεξιά: 0px; } Det nevnte eksempelet forutsetter at du har et bilde som er plassert i my_theme/images/logo.png. Du kan laste ned dette temaet (eksempel) som et utgangspunkt for ditt eget tilpassede Redmine-tema. Pakk ut temaet i public/themes-mappen. Επιστροφή στην αρχή Αποστολή σχολίων Προτεινόμενη αντιμετώπιση Προτεινόμενη αντιμετώπιση του προβλήματος. Εισάγοντας το Favicon Sett inn faviconen και favicon-mappen, και το vil bli bli lastet automatic and stedet for standard favicon på hver side. Favicon-filens navn kan være hva som helst. (Hvis du ikke vet det, er en favicon et lite 16x16 piksels ikon som tjener formålet med merkevaren til nettstedet ditt. Hovedmålet er å hjelpe besøkende med å finne siden din lettere når de harp flere faner). Βγάλτε το θέμα του 1: Første trinn å laste ned et nytt thema. Trinn 2: Pakk ut temaet i ../public/themes/. Αποτελέσματα για την εφαρμογή του.css, για εκδόσεις: ../public/themes/redminecrm/stylesheets/application.css Τρίτο 3: Για τη διαχείριση -> Innstillinger og fra "Tema" -listen (rullegardinlisten), temaet du nettopp har opprettet. Etter dette, lagre innstillingene dine. På dette tidspunktet skal Redmine nå vises med det tilpassede temaet ditt. Hvis du bruker Redmine < 1.1.0, για να ξεκινήσετε την εφαρμογή σας για στο den skal vises ακούω πάνω από το tilgjengelige temaer.

Temaets katalogstruktur

Και το καλύτερο θέμα για το αρχείο:

  • javascripts/theme.js (dette er valgfritt): tilpasset JavaScript για temaet
  • favicon / (dette er valgfritt): favicon για Redmine-temaet
  • φύλλα στυλ / application.css (dette er nødvendig): CSS (Cascading Style Sheets) για temaet

Dette er demonstrert nedenfor:
δημόσιο/
  + - θέματα /
       +- /
            |
            + - favicon /
            | +- (f.eks. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - φύλλα στυλ /
                 + - application.css


Slik oppretter du et Redmine-tema ved å bruke standardtemaet

Μπορείτε να επιλέξετε το θέμα και το θέμα του Redmine και να δημιουργήσετε ένα αρχείο CSS για το πρότυπο αρχείο.

Si at du vil endre alt fra et blått tema til et rødt tema. Θα πρέπει να χρησιμοποιήσετε το 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 (koding vises nedenfor)
  4. Για να διαχειριστείτε και να αποτρέψετε το κόκκινο θέμα

/* last inn standard Redmine-stilark */

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

# top-menu {φόντο: RGB (128,0,0);}

#header {φόντο-χρώμα: RGB (192,0,0);}

# έργα-δείκτης ul.projects div.root a.project {color: RGB (128,0,0); }

περιεχόμενο h1, h2, h3, h4 {color: RGB (128,0,0);}

# κύριο {χρώμα: RGB (128,0,0); }

a, a: link, a: επισκέφθηκε {color: RGB (128,0,0); }

a: hover, a: ενεργό {color: RGB (128,0,0); }


Hvordan endre temaets logo;


1. trinn:

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

2nd βηματίζω

Erstatt logo.png-filen med den nye logofilen med størrelsen 43x30

...

#header> h1 {

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

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

}

Το απόλυτο Redmine-oppgraderingen; Ένκελ.

Få alle kraftige verktøy for perfekt prosjektplanlegging, -styring og -kontroll i én programvare.

Προβάλετε το Easy Redmine και 30-dagers δωρεάν σε πρώτη περίοδο

Full funksjonalitet, SSL-beskyttet, daglige sikkerhetskopier, i din geografiske plassering