This is automatic translation. If you do not like it, switch to English or another language. Thank you for understanding. OK Show original
Tilfreds

Sådan opretter du et tilpasset redmine-tema

Redmine kommer med en hurtig og nem administrativ måde for dig at anvende et tema, der passer til dine præferencer. Et par af standardtemaer tilgængelige er minimalistisk, andre er mere levende, og hvis ingen af ​​disse indstillinger slår din fan, kan du oprette dit helt eget tilpassede Redmine-tema.

Fordelen ved et tilpasset tema er, at det er unikt, og dets design er nøjagtigt, hvordan du vil have det (denne fordel er ikke tilgængelig med de fleste standardtemaer). Du har fleksibiliteten til at designe et brugerdefineret tema, som du vil.

Selvom det muligvis kræver mere kræfter at oprette et brugerdefineret tema i modsætning til at bruge et standardtema, er resultaterne det helt værd.

Læs videre for at lære, hvordan man opretter et tilpasset Redmine-tema.

Oprettelse af et nyt Redmine-tema

Redmine giver grundlæggende support til temaer. Disse temaer kan tilføje et par brugerdefinerede javascript og tilsidesætte stilark (application.css).

Det første trin er at oprette en ny mappe i det offentlige / temaer. Navnet på biblioteket vil blive brugt som navnet på temaet. For eksempel: offentlig / temaer / min_tema.

Opret derefter brugerdefineret application.css og gem dette i en undermappe kaldet stylesheets:

Offentlige / temaer / my_theme / stilark / application.css

Følgende er et brugerdefineret typografiarkeksempel, der kun tilsidesætter et par indstillinger:

/ * indlæse standard Redmine-stilarket * /

@import url (../../../ stilark / applikation.css);

/ * tilføj et logo i overskriften * /

#header {

    baggrund: # 507AAA url (../ images / logo.png) ingen gentagelse 2px;

    polstring til venstre: 86px;

}

/ * flyt projektmenuen til højre * /

#hovedmenu {

    venstre: auto;

    højre: 0px;

}

Det ovennævnte eksempel antager, at du har et billede, der er placeret på my_theme / images / logo.png.

Du kan downloade dette tema (prøve) som udgangspunkt for dit eget tilpassede Redmine-tema. Uddrag temaet i den offentlige / temakatalog.

Tilføjelse af tilpasset Javascript

Bare inkluder dit javascript i javascript /theme.js, så indlæses det automatisk på hver side.

Indstilling af Favicon

Indsæt dit favicon i favicon-mappen, og det indlæses automatisk i stedet for som standard på hver side. Favicon-filens navn kan være hvad som helst

(I tilfælde af at du ikke ved, er et favoritikon et lille 16 × 16 pixel-ikon, der tjener formålet med dit websteds branding. Dets primære mål er at hjælpe besøgende med at finde din side lettere, når de har flere faner åbne).

Anvendelse af det tilpassede tema

  • Trin 1:

Det første trin er at downloade et nyt tema.

  • Trin 2:

Pak temaet ud i ../public/themes/. Resultatet af dette ville være en katalogsti til application.css som f.eks

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

  • Trin 3:

Gå over til Administration -> Indstillinger, og vælg det tema, du lige har oprettet, på listen "Tema" (rulleliste). Gem derefter dine indstillinger efter dette.
På dette tidspunkt skal Redmine nu vises ved hjælp af dit tilpassede tema.

Hvis du bruger Redmine <1.1.0, skal du muligvis genstarte applikationen, så den vises på listen over tilgængelige temaer.

Temaers katalogstruktur

Et tema omfatter disse filer:

  • javascripts / theme.js (dette er valgfrit): tilpasset JavaScript til temaet
  • favicon / (dette er valgfrit): favicon til Redmine-temaet
  • stylesheets / application.css (dette er nødvendigt): CSS (Cascading Style Sheets) til temaet

Dette demonstreres nedenfor:

offentlig/

  + - temaer /

       + - /

            |

            + - favicon /

            | + - (f.eks. favicon.ico, favicon.png)

            |

            + - javascripts /

            | + - theme.js

            |

            + - stilark /

                 + - ansøgning.css

Oprettelse af et Redmine-tema ved hjælp af standardtema

Du kan også oprette et Redmine-tema ved at ændre farverne i CSS-filen til standardtemaet.

Sig, at du vil ændre alt fra et blåt tema til et rødt tema. Du kan gøre det med CSS nedenfor.

  1. sh # cd / sti / til / redmine
  2. sh # mkdir -p offentlige / temaer / redtheme / stilark
  3. sh # vi public / themes / redtheme / stylesheets / application.css (kodning er vist nedenfor)
  4. Gå over til administratorindstillingerne, og vælg derefter redtheme

/ * indlæse standard Redmine-stilarket * /

@import url (../../../ stilark / applikation.css);

# top-menu {baggrund: RGB (128,0,0);}

#header {baggrund-farve: RGB (192,0,0);}

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

indhold h1, h2, h3, h4 {farve: RGB (128,0,0);}

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

a, a: link, a: besøgt {color: RGB (128,0,0); }

a: hover, a: aktiv {farve: RGB (128,0,0); }

Sådan ændres temaets logo?

1st Trin:

Sæt logo-fil til @ / offentlig / temaer / redminecrm / billeder @

2nd Trin

Udskift logo.png-fil med den nye logofil med 43x30 størrelse

...

#header> h1 {

               baggrund: url (../billeder / logo.png) ingen gentagelse 10px 20%;

               polstring: 5px 60px; / * Rediger dette for at indstille dit eget logo * /

}

 

Forfatter: Sa Bal, Lukáš Beňa

Yderligere oplysninger
Gratis prøveversion

Nem Redmine 10 opgradering
Top plugins & features
Nyt og mobilt design
Server opgraderinger
Global sky

Start gratis prøveversion

Prøv Easy Redmine i en 30-dages gratis prøveperiode

Fuldt udstyret, 30 Dage, SSL-beskyttet, Daglige Backups, I din Geo-placering

or