Możesz je zobaczyć w motywie Redmine.

6/3/2020
6 minut
Łukasz Beňa.

Redmine wordt geleverd met een snelle en eenvoudige administratieve manier om een ​​thema toe te passen dat bij uw voorkeuren past. Een paar van de standardowy temat die beschikbaar zijn, zijn minimalistyczny, andere zijn meer lewendig, en als geen van deze opties je aanspreekt, kun je je eigen op maat gemaakte Redmine-thema zrobić.

Het voordeel van een aangepast thema is dat het uniek is en het ontwerp precies is zoals je het wilt (dit voordeel is niet beschikbaar bij de meeste standaardthema's). Je hebt de flexibiliteit om een ​​aangepast thema op elke gewenste manier te ontwerpen. Hoewel het maken van een aangepast thema meer moeite kan kosten in vergelijking met het gebruik van een standaardthema, zijn de Resultsaten absoluut de moeite waard. Możesz zobaczyć, jak możesz się uczyć, aangepast Redmine-thema kunt maken.


Utwórz motyw Redmine

Redmine oferuje podstawowe narzędzia do zarządzania motywami. Usuń motyw motywu za pomocą aangepaste javascripts, abyevoegen en stijlbladen (application.css) overschrijven.
Pierwszym krokiem jest utworzenie mapy w miejscach publicznych/motywach. De naam van de map wordt gebruikt als de naam van het thema. Bijvoorbeeld: public /themes / my_theme.
Możesz wkleić plik application.css w pliku sla deze op w arkuszach stylów genaamd mapy podrzędnej:
Publiczne / motywy / mój_motyw / arkusze stylów / application.css
Hieronder staat een voorbeeld van een aangepast stijlblad dat slechts een paar instellingen overschrijft:
/* laad het standard Redmine-stijlblad */
@import url (../../../ stylesheets / application.css);
/* voeg een logo toe w nagłówku */
#nagłówek {
    tło: # 507AAA url (../ images / logo.png) no-repeat 2px;
    dopełnienie lewe: 86px;
}
/* verplaats het menu projektu naar rechts */
#menu główne {
    po lewej: auto;
    po prawej: 0px;
}
Het eerder genoemde voorbeeld gaat ervan uit dat je een afbeelding hebt die zich bevindt w my_theme /images/logo.png.
Możesz pobrać ten motyw (do obejrzenia) jako startpunt, aby móc go wkleić Redmine-thema. Zestaw tematów na mapie publicznej/motywów.


Toepassen przez aangepaste JavaScript

Możesz to zrobić javascript toe w javascript /theme.js i jest to automatyczne słowo na innej stronie.


Instellen van Favicon

Voeg je favicon toe in de favicon map en het wordt automatisch geladen in plaats van de standard favicon op Elke pagina. De naam van het favicon-bestand kan alles zijn. (W het geval dat je het niet weet, jest to favicon een klein 16x16 pixel icon dat dient voor de branding van je website. Het prime doel jest om bezoekers te helpen je pagina gemakkelijker te vinden wanneer ze meerdere tabbladen open hebben).


Toepassen van het aangepaste motywu

  • Krok 1:

Pierwszym krokiem jest pobranie nowego motywu.

  • krok 2:

Umieść motyw w ../public/themes/. Wynikiem tego jest map-pad naar application.css zijn, zoals

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

  • krok 3:

Ga naar Beheer -> Instellingen en Selecteer het thema dat je zojuist hebt gemaakt uit de "Thema"-lijst (keuzelijst). Sla vervolgens je instellingen op.
Op dit punt zou Redmine nu moeten worden weergegeven met aangepaste thema.

Als je gebruik maakt van Redmine < 1.1.0, moet je mogelijk de toepassing opnieuw starten zodat deze verschijnt in de beschikbare themalijst.


Katalog motywów Structuur van het

Najlepszy motyw uit deze bestenden:

  • javascripts/theme.js (opcja): wklej JavaScript dla tego motywu
  • favikona / (opcjonalnie): ulubiona ikona motywu Redmine
  • arkusze stylów / application.css (noodzakelijk): CSS (kaskadowe arkusze stylów) dla tego motywu

Dit wordt hieronder gedemonstreerd:
publiczny/
  + - motywy /
       +- /
            |
            + - favicon /
            | +- (bijv. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - arkusze stylów /
                 + - application.css

Een Redmine-thema maken Door het standaardthema te gebruiken

Możesz zobaczyć Redmine-thema maken drzwi de kleuren w het CSS-bestand van het standaardthema te veranderen.

Stel dat je alles van een blauw thema naar een rood thema wilt veranderen. Dit kun je doen met denderstaande CSS.

  1. sh# cd / pad / naar / redmine
  2. sh # mkdir -p public / themes / redtheme / stylesheets
  3. sh# vi public / motywy / redtheme / arkusze stylów / aplikacja.css (kodowanie słowa hieronder weergegeven)
  4. Ga naar de beheerinstellingen en Selecteer vervolgens redtheme

/* załadowany standardowy arkusz stylów Redmine */

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

# menu główne {tło: RGB (128,0,0);}

#header {kolor tła: RGB (192,0,0);}

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

zawartość h1, h2, h3, h4 {kolor: RGB (128,0,0);}

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

a, a: link, a: odwiedzono {kolor: RGB (128,0,0); }

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

Hoe verander je het logo van het thema?

2e STAP

Vervang het bestand logo.png drzwi nieuwe logobestand met een grootte van 43x30

...

#header> h1 {

               tło: url(../images/logo.png) bez powtórzeń 10px 20%;

               dopełnienie: 5px 60px; /* Pas dit aan om uw eigen logo in te stellen */

}

Ostatnia aktualizacja Redmine? Makkelijk.

Wszystkie narzędzia krachtige umożliwiające doskonałe planowanie projektów, -beheer en -controle w jednym oprogramowaniu.

Probeer Easy Redmine 30 dni za darmo

Pełne funkcje, SSL-beveiligd, kopie zapasowe dagelijkse, w uw geografische locatie