Korleis lage eit tilpassa Redmine-tema

6/3/2020
6 dakikadır.
Lukaš Beňa
Tercih edebileceğiniz bir temayı daha kolay hale getirmek için bir görev ve idari yönetim konusunu düşünün. Nokre av dei standarttemaen bazı şeyler çok önemli Minimalizm, vere er meir canlılık, ve başka bir alternatif olarak fenger derece, kan du lage ditt eige tilpassa Redmine-tema.
Silinen ve silinen tema benzersizdir ve tasarımı da bu şekildedir (bu, standart bir temayla uyumlu değildir). Tasarımınız için esneksiniz ve temayı doğru şekilde tasarlayabilirsiniz. Ancak, yavaş ve basit bir tema ve kaba ve standart bir temaya göre daha fazla yenilik yaratabilirsiniz, bu da sonuç olarak doğru olur. Kullanıcının daha fazla bilgi alması ve Redmine-Tema'yı seçmesi için buradayız. Yeni Redmine Temanızı Seçin Redmine, tema için yeni bir temadır. Bu temalar, JavaScript'i değiştirmek ve daha fazla stil (application.css) oluşturmak için kullanılabilir. İlk önce halka açık/temalarda yeni bir haritaya uygun. Navnet, bir navnet temasıyla haritalandırılabilir. Eksempel için: public/themes/my_theme. Application.css dosyasını silin ve harita altı stil sayfalarında daha fazla bilgi edinin: Public/themes/my_theme/stylesheets/application.css Dosya, öğretici olarak daha fazla bilgi veren bir stil sayfasıdır: /* son standart Redmine stil sayfası * / @import url(../../../stylesheets/application.css); /* logo ve başlığa kadar devam */ #header { arka plan: #507AAA url(../images/logo.png) tekrarlanmayan 2px; sol dolgu: 86 piksel; } /* programa göre geçiş yapın */ #main-menu { left: auto; sağ: 0 piksel; } Bu, my_theme/images/logo.png dosyasında yer alan yeni bir ek örnektir. Redmine temayı geçmek için bu temayı (eksempel) biraz daha uzun süre kullanabilirsiniz. Temayı herkese açık/tema haritası olarak paketleyin. JavaScript'i etkinleştirin Javascript/theme.js dosyasına yalnızca JavaScript ekleyin ve her iki tarafta da son otomatik olarak etkinleştirin. Favicon Yerleştirme Favicon haritasına favicon yerleştirir ve her iki tarafta da standart favicon için en son otomatikleştirme yapılır. Favicon dosyaları her zaman kullanılabilir. (Ne yazık ki, bu bir favicon ve 16x16 piksellik bir simgedir, bu da net olarak satış için uygun bir formdur. Hovedmålet, daha fazla sayıda mektubun ince tarafıyla ilgili olarak iyi bir yardımcıdır). Üç geçişli tema olan Trinn 1: İlk tema yeni temanın sonuncusudur. 2. Adım: Temayı ../public/themes/ ile paketleyin. Ek olarak, application.css dosyasında elde edilen sonuçlar: ../public/themes/redminecrm/stylesheets/application.css 3. Adım: Yönetim -> Yönlendirme ve "Tema" -dinleme (kuralları dinleme), velg Kullanabileceğiniz net tema. Etter dette, lagre innstillingene akşam yemeği. Bu, Redmine adlı yeni bir temadır ve bu tema ile aynı değildir. Redmine < 1.1.0 sürümüne sahipseniz, yeni temaları dinlemek için yeni uygulamalara başlayabilirsiniz.

Temaets katalog yapısı

Bu dosyadaki en iyi tema:

  • javascripts/theme.js (bunun için bir valgfritt): temaet için tilpasset JavaScript
  • site simgesi / (dette er valgfritt): Redmine-temaet için favicon
  • stylesheets / application.css (bunun için bir örnek): Tema için CSS (Basamaklı Stil Sayfaları)

Bunun nedeni şunu gösteriyor:
halka açık/
  + - temalar /
       +- /
            |
            + - favicon /
            | +- (f.eks.favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stil sayfaları /
                 + - application.css


Redmine temasının iyi bir versiyonu ve kaba standart bir tema

Redmine temasını alternatif olarak CSS dosyasında standart temaya göre daha farklı hale getirebilirsiniz.

Eğer koyu bir tema ile sağlam bir tema arasında kaldıysanız. Bu, CSS ile ilgili bir neden olabilir.

  1. sh# cd /sti/til/redmine
  2. sh# mkdir -p genel/temalar/kırmızıtema/stil sayfaları
  3. sh# vi public/themes/redtheme/stylesheets/application.css (kodlama mengeneleri neden için)
  4. Yönetimselleştirme ve kırmızı temayı daha iyi kaldırma

/* son han standardı Redmine-stilark */

@import url (../../../ stil sayfaları / application.css);

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

#header {arka plan rengi: RGB (192,0,0);}

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

içerik h1, h2, h3, h4 {renk: RGB (128,0,0);}

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

a, a: bağlantı, a: ziyaret {renk: RGB (128,0,0); }

a: üzerine gelin, a: etkin {renk: RGB (128,0,0); }


Hvordan'ın son teması logosu?


1. üç:

Logo dosyasını @./public/themes/redminecrm/images@ adresine yerleştirin

2nd steg

43x30 boyutunda yeni logo dosyasıyla logo.png dosyası

...

#header> h1 {

               bakgrunn: url(../images/logo.png) içinde 10px 20%;

               dolgu: 5 piksel 60 piksel; /* Logoyu ayarlamak için şunu sonlandırın */

}

Redmine'in en iyi performansından mı bahsediyorsunuz? Enkel.

Mükemmel tasarım planı, şekillendirme ve kontrol ve program için tüm bu teknik özellikler.

Easy Redmine ve 30 günlük ücretsiz deneme süresine sahip olun

Coğrafya düzenlemelerinde tam işlevsellik, SSL desteği, güncel veri kopyaları