Korleis lage eit tilpassa Redmine тема

6/3/2020
6 минути
Лукаш Бена
Redmine kjem med ein rask og enkel administrativ måte for deg å bruke eit tema som passar dine preferansar. Nokre av dei стандарттемаене som er tilgjengelege er минималистичен, andre er meir livlege, og om ingen av desse alternativa fenger deg, kan du lage това е eige tilpassa Redmine тема.
Fordelen med et tilpasset tema er at det er unikt, og designet er akkurat slik du ønsker det (thenne fordelen er ikke tilgjengelig med de fleste standardtemaer). Имате гъвкавост за дизайна и достъпа до темата, която ще бъде актуална. Selv om det kan kreve mer innsats å lage et tilpasset tema i motsetning til å bruke et standard tema, er resultatene helt verdt det. Les seere for å lære hvordan du oppretter et tilpasset Redmine-tema. Определяне на нова тема на Redmine Redmine е предназначена за темата. Тази тема може да бъде подготвена без използване на JavaScript и оформен стил (application.css). Første trinn er å opprette en ny mappe i public/themes. Navnet på mappen vil bli brukt som navnet på temaet. За пример: 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 exempl på en tilpasset stylesheet som bare overstyrer noen få innstillinger: /* последен стандартен Redmine stylesheet * / @import url(../../../stylesheets/application.css); /* поставяне на логото в заглавие */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-left: 86px; } /* flytt prosjektmenyen til høyre */ #main-menu { left: auto; дясно: 0px; } Този нов пример за създаване на изображението е поставен в 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. Достъп до достъпен JavaScript Включете гол JavaScript-en в javascript/theme.js, и ще можете да изтеглите автоматично от другата страна. Създаване на Favicon Sett inn faviconen din i favicon-mappen, og den bli lastet automatisk i stedet for standard favicon på ever side. Favicon-filens navn kan være hva som helst. (Hvis du ikke vet det, er en favicon et lite 16x16 pixels ikon som tjener formålet med merkevaren til nettstedet ditt. Hovedmålet er å hjelpe besøkende med å finne siden din lettere når de har flere faner åpne). Bruk av det tilpassed temaet Trinn 1: Første trinn er å laste ned et nytt tema. Trinn 2: Pakk ut temaet i ../public/themes/. Резултатът от това ще бъде въведен в mappensti до application.css, за пример: ../public/themes/redminecrm/stylesheets/application.css Trinn 3: Отидете до Administrasjon -> Instillinger og fra "Tema" -listen (rullegardinlisten), velg temaet du nettopp har opprettet. Etter dette, lagre innstillingene dine. På dette tidspunktet skal Redmine nå vises med det tilpassede temaet ditt. Когато използвате Redmine < 1.1.0, можете да започнете да използвате приложението на nytt, за да слушате актуални теми.

Temaets katalogstruktur

Най-добрата тема от този файл:

  • javascripts/theme.js (който е валиден): използва се JavaScript за тема
  • фавикон / (dette er valgfritt): favicon за Redmine-temaet
  • stylesheets / application.css (dette er nødvendig): CSS (Cascading Style Sheets) за темает

Dette er demonstrert nedenfor:
обществена /
  + - теми /
       +- /
            |
            + - фавикон /
            | +- (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. Dette kan du gjøre med 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 (кодиране менгемета неденфор)
  4. Отидете до администриране и изберете червената тема

/* последен хан стандарт Redmine-stilark */

@import url (../../../ стилове / application.css);

# топ меню {фон: RGB (128,0,0);}

#header {фон-цвят: RGB (192,0,0);}

# проекти-индекс ul.projects div.root a.project {цвят: RGB (128,0,0); }

съдържание h1, h2, h3, h4 {цвят: RGB (128,0,0);}

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

a, a: връзка, a: посетен {цвят: RGB (128,0,0); }

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


Hvordan endre temaets logo?


1. трин:

Файл с лого на Plasser в @./public/themes/redminecrm/images@

2nd стег

Erstatt лого.png файл с всички лого файлове с размери 43x30

...

#header> h1 {

               bakgrunn: url(../images/logo.png) без размери 10px 20%;

               подложка: 5px 60px; /* Endre dette for å sette ditt eget logo */

}

Последно надграждане на Redmine? Enkel.

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

Пробвайте Easy Redmine в 30-те безплатни периода на проба

Пълна функционалност, SSL-защита, продължително сиккерхетско копие, и din geografiske plassering