Kuinka luoda räätälöity Redmine-teema

6/3/2020
6 분
루카시 베사
Redmine tulee mukana nopealla ja helpolla hallintatavalla, jolla voit soveltaa teemaa, joka sopii mieltymyksiisi. 조이타킨 올레투스티모자 난자 미니멀리스트, toiset ovat enemmän 비르키스타비아, ja jos mikään näistä vaihtoehdoista ei miellytä sinua, voit luoda 오만 räätälöidyn Redmine-teeman.

Mukautetun teeman etuna on, että se on ainutlaatuinen ja sen suunnittelu on juuri Sellainen kuin haluat (tämä etu ei ole saatavilla useimmissa oletusteemoissa). joustavuus suunnitella mukautettu teema haluamallasi tavalla의 Sinulla. Vaikka mukautetun teeman luominen saattaa vaatia enemmän vaivaa verrattuna oletusteemaan, tulokset ovat ehdottomasti sen arvoisia. Redmine을 사용하는 방법은 다음과 같습니다.


Uuden Redmine-teeman luominen

Redmine tarjoaa perustuen tuen teemoille. 이 목록에 있는 JavaScript 연결 및 코드 작성(application.css)이 필요합니다.
공개/테마 칸시온을 확인하세요. Hakemiston nimi toimii teeman nimenä. 참고: public/themes/my_theme.
Seuraavaksi luo mukautettu application.css jatalennasealihakemistoon nimeltä 스타일시트:
공개/테마/my_theme/stylesheets/application.css
Seuraava esimerkki on mukautettu tyyitiedosto, joka korvaa van muutamia asetuksia:
/* lataa oletus Redmine-tyylitiedosto */
@import url (../../../ stylesheets / application.css);
/* lisää 로고 오식쿤 */
#헤더 {
    타우스타: #507AAA url(../images/logo.png) ei-toista 2px;
    바센 르우나: 86px;
}
/* siirrä projektivalikko oikealle */
# main-menu {
    바센: 자동;
    오이케아: 0px;
}
Edellinen esimerkki olettaa, että sinulla on kuva, joka sijaitsee kohdassa my_theme/images/logo.png.
Voit ladata tämän teeman (esimerkki) lähtökohdaksi omalle mukautetulle Redmine-teemallesi. Pura teema public/themes-hakemistoon.


Mukautetun JavaScriptin lisääminen

JavaScript 연결이 있는 javascript/theme.js를 확인하면 자동으로 자동 생성되는 작업이 가능해집니다.


파비코닌 아세타민

Lisää faviconisi favicon-kansioon, ja se ladataan automaattisesti jokaisella sivulla oletusversion sijaan. Favicon-tiedoston nimi voi olla mikä tahansa. (Jos et Tieä, 원형 16x16 pikselin kuvake의 favicon, joka edustaa verkkosivustosi brändiä. Sen tarkoituksena on auttaa kävijöitä löytämäään sivusi helpommin, kun heillä on useita välilehtiä auki).


Mukautetun teeman käyttäminen

  • 바이헤 1:

Ladata Uusi teema의 Ensimmäinen vaihe.

  • 바이허 2:

Pura teema kansioon ../public/themes/. Tämän seurauksena hakemistopolku application.css-tiedostoon olisi

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

  • 바이허 3:

Mene hallintapaneeliin -> Asetukset ja valitse "Teema" -luettelosta(pudotusvalikko) juuri luomasi teema. Tämän jälkeentalenna asetukset.
Tässä vaiheessa Redmine pitäisi näkyä mukautetun teeman avulla.

Redmine 버전 < 1.1.0, saatat joutua käynnistämään sovelluksen uudelleen, jotta se näkyy saatavilla olevien teemojen luettelossa.


테모젠 하케미스토라켄네

Teema koostuu näistä Tieostoista:

  • javascripts/theme.js (valinnainen의 내용): mukautettu JavaScript-teemalle
  • 파비콘 / (valinnainen의 tämä): favicon Redmine-teemalle
  • stylesheets / application.css (tämä on välttämätön): CSS(Cascading Style Sheets) teemalle

esitetty alla의 Tämä:
공공의/
  +-테마 /
       +- /
            |
            +-favicon /
            | +- (esim. favicon.ico, favicon.png)
            |
            +-자바 스크립트 /
            | +-theme.js
            |
            +-스타일 시트 /
                 +-application.css

Redmine-teeman luominen oletusteemaa käyttämällä

Redmine을 사용하는 방법은 CSS를 사용하는 방법입니다.

Oletetaan, että haluat muuttaa kaiken sinisetä teemasta punaiseksi. CSS:llä를 확인해보세요.

  1. sh# cd /polku/redmineen
  2. sh# mkdir -p 공개/테마/redtheme/스타일시트
  3. sh# vi public/themes/redtheme/stylesheets/application.css (esitetty alla의 koodaus)
  4. Mene hallintasetuksiin ja valitse sitten redtheme

/* lataa oletus Redmine-tyylitiedosto */

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

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

#header {배경색 : RGB (192,0,0);}

# projects-index 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 : 링크, a : 방문한 {색상 : RGB (128,0,0); }

a : 호버, a : active {색상 : RGB (128,0,0); }


Miten vaihdetaan teeman 로고?


1. 바이헤:

Aseta 로고타이도스토 @./public/themes/redminecrm/images@


2nd 바이허

Korvaa logo.png Tiedosto uudella logotiedostolla, jonka koko on 43x30

...

#header> h1 {

               타우스타: url(../images/logo.png) ei-toista 10px 20%;

               크기: 5px 60px; /* Muokkaa tätä asettaaksesi oman logosi */

}

Redmine-päivitys, joka vie sinut uudelle tasolle? 헬포아.

당신이 프로젝트를 시작하기 전에 당신이 할 수 있는 일은 무엇이든 할 수 있습니다.

Kokeile Easy Redmine -ohjelmaa 30 päivän ilmaisella kokeilujaksolla

Täydet ominaisuudet, SSL-suojattu, päivittäiset varmuuskopiot, sijaintisi mukaan