Kuidas luua kohandatud Redmine'i teemat

1/1/2024
6 분
루카시 베사
Redmine'il on kiire ja lihtne haldusviis, et saaksite rakendada endale meelepärase teema. Mõned saadaolevad 바이키미시 티마드 on 최소한의, 티징됨 엘라바마드 ja kui ükski neist valikutest ei meeldi, saate luua oma väga enda kohandatud Redmine'i teema.

Kohandatud teema eelis on see, et see on unikaalne ja Selle kujundus on täpselt Selline, nagu soovite(eelis Pole saadaval enamiku vaikimisi teemade puhul 참조). Teil on paindlikkus kujundada kohandatud teema täpselt nii, nagu soovite. Kuigi kohandatud teema loomine võib nõuda rohkem pingutust võrreldes vaikimisi teema kasutamisega, on tulemused täielikult seda väärt. Lugege edasi, et teada saada, kuidas luua kohandatud Redmine'i teema.

Uue Redmine'i teema loomine

Redmine pakub teemadele põhitoetust. JavaScripti ja ülekirjutada stiililehed(application.css)가 필요합니다.
Luua uus katalogo 공개/테마에 대한 Esimene samm. Kataloogi nimi kasutatakse teema nimeks. 적용 대상: public /themes / my_theme.
Järgmisena looge kohandatud application.css 및 salvestage는 alamkausta nimega 스타일시트를 참조하세요.
공개 / 테마 / my_theme / 스타일 시트 / application.css
Järgnevalt on näide kohandatud stiililehest, mis üle kirjutab ainult mõned seaded:
/* laadige vaikimisi Redmine'i stiilileht */
@import url (../../../ stylesheets / application.css);
/* lisage 로고 päisese */
#헤더 {
    taust: #507AAA URL (../images/logo.png) 반복 없음 2px;
    왼쪽 여백 : 86px;
}
/* 프로젝트 메뉴 메뉴 선택 */
# main-menu {
    왼쪽 : 자동;
    오른쪽 : 0px;
}
Eelnev näide eeldab, et teil on pilt, mis asub kohas my_theme / 이미지 / logo.png.
Saate Selle teema (näidisena) alla laadida oma kohandatud Redmine'i teema alustamiseks. 추가 공개/테마 kataloogi.


Kohandatud JavaScripti 리사민

Lisage oma JavaScript javascript /theme.js ja는 laaditakse automaatselt igal lehel을 참조하세요.


파비코니 시디스타민

Sisestage oma favikon favikoni kausta ja see laaditakse automaatselt vaikimisi favikoni asemel igal lehel. Favikoni falli nimi võib olla ükskõik mis. (Kui te ei tea, pisike 16×16 piksline ikoon의 siis favikon, mis täidab teie veebisaidi brändimise eesmärki. Selle peamine eesmärk on aidata külastajatel leida teie lehte lihtsamalt, kui neil on avatud mitu vahekaarti).


코한다투드 테마 라켄다민

  • 샘 1:

Esimene samm은 uue teema allalaadine에 있습니다.

  • 샘 2:

Pakkige teema lahti ../public/themes/kausta. Selle tulemusena oleks kataloogitee application.css-le järgmine:

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

  • 샘 3:

Minge halduse -> Seaded ja valige "Teema" loendist (rippmenüüst) teema, mille olete hiljuti loonud. Pärast seda salvestage oma seaded.
Selles punktis peaks Redmine nüüd kuvama teie kohandatud teemat.

Redmine 버전이 1.1.0 미만인 경우, 해당 내용을 확인하고 관련 내용을 참조하세요.


Teemade 카타루기 구조

Teema koosneb järgmistest가 가장 실패했습니다:

  • javascripts/theme.js (valikuline 참조): kohandatud JavaScript teemale
  • 파비콘 / (valikuline 참조): favicon Redmine teemale
  • 스타일시트 / application.css(vajalik 참조): CSS(Kaskaadlaadimisstiilid) teemale

näidatud의 Allpool:

공공의/   +-테마 /        +- /             |             +-favicon /             | +- (nt favicon.ico, favicon.png)             |             +-자바 스크립트 /             | +-theme.js             |             +-스타일 시트 /                  +-application.css

Kuidas luua Redmine teemat, kasutades vaikimisi teemat

Redmine 테마를 사용하면 CSS가 실패할 수 있습니다.

Öelgem, et soovite muuta kõike sinisest teemast punaseks. CSS-iga를 사용하려면 모든 풀을 사용하세요.

  1. sh # cd / path / ~ / 레드 마인
  2. sh # mkdir -p public / 테마 / redtheme / 스타일 시트
  3. sh# vi public / themes / redtheme / stylesheets / application.css (näidatud kood의 allpool)
  4. Minge haldusseadete juurde ja valige seejärel redtheme
/* laadige vaikimisi Redmine stiilileht */ @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); }

Kuidas muuta teema 로고?

1. 샘:

Pange 로고 실패 asukohta @./ public / themes/ redminecrm / Images@

2nd

Asenda logo.png 실패 uue 로고failiga suurusega 43x30

...

#header> h1 {

               taust: url(../images/logo.png) 반복 없음 10px 20%;

               크기: 5px 60px; /* Muuda seda, et seada oma 로고 */

}

궁극적 인 Redmine 업그레이드? 쉬운.

프로젝트 계획을 세우는 데 필요한 계획을 세우십시오., Juhtimiseks ja kontrollimiseks ühes tarkvaras.

Proovige Easy Redmine'i 30 päeva tasuta prooviperioodi jooksul

Täielikud funktsioonid, SSL-kaitse, igapäevased varukoopiad, teie geolokatsioonis