Redmine'i kişiselleştirebileceğiniz bir tema oluşturun.

6/3/2020
6 dakikadır.
Lukáš Bena -> Lukáš Bena

Dosyayı hızlı bir şekilde değiştirin ve uygulamayı daha fazla tercih edebileceğiniz bir uygulama için yönetin. Temel Temeller örtülü kullanılabilirlik var minimaliste, altele sunt mai canlı, yeni bir yer seçeneğim yok, yaratabileceğim bir şey var Redmine'in kişiselleştirilmesine yardımcı olmak için.

Kişiselleştirmenin avantajları, benzersiz bir şekilde tasarlanmış olup, tam olarak bu şekilde tasarlanmıştır (bu, temel veya örtülü olarak mevcut olan hiçbir fayda sağlamaz). Projeyi daha esnek hale getirin ve temayı istediğiniz gibi kişiselleştirin. Bir şeyi örtük olarak kullanmak için çok fazla çaba harcamanızı gerektirecek kişiselleştirilmiş bir tema oluşturmak, bunun sonucunda tamamen faydalı olacaktır. Redmine'i kişiselleştirmek için bir şeyler oluşturmaya devam edin. Yeni bir Redmine teması oluşturun Redmine, temanız için temel destek sunuyor. Bu, kişiselleştirilmiş bir javascript dosyası ve stil (application.css) üzerinde ek dosyalar oluşturabilir. Bu, genel olarak/temalarda yeni bir yönetmen yaratmanın ilk adımıdır. Numara yöneticisi, tema numarası kullanılarak kullanılabilir. Örnek: public/themes/my_theme.jpg Ayrıca, application.css'yi kişiselleştirin ve birkaç stil sayfası alt klasörüne kaydedin: Public/themes/my_theme/stylesheets/application.css Örnek olarak, bir stil sayfası oluşturmak için kişiselleştirilmiş bir stil sayfası örneği oluşturabilirsiniz: /* stil sayfasının örtülü Redmine * / @import url(../../../stylesheets/application.css); /* önce bir logo ekledik */ #header { arka plan: #507AAA url(../images/logo.png) tekrarlanmayan 2px; sol dolgu: 86 piksel; } /* planlanmış proiectului'yi değiştir */ #main-menu { left: auto; sağ: 0px; } Örnek olarak my_theme/images/logo.png dosyasına göz atmayı düşünün. Redmine'in kişiselleştirilmesi için bir öğe (örnek) oluşturabilirsiniz. Genel/temalar dizinine tema ekleyin. Kişiselleştirme Javascript'i, Javascript-ul-dvs'yi de içerir. javascript/theme.js dosyasında ve sayfanın otomatik olarak açılmasıyla birlikte. Favicon'u Ayarla Favori klasöründe favori ikonunu tanıtın ve site sayfasında örtülü olarak yerel hücreye otomatik olarak kaydedin. Favori dosyalarınızı seçin. (Bununla birlikte, bir favicon, site genelinde markalama kapsamına hizmet eden 16x16 piksellik bir mikrofon simgesidir. Kapsam, sayfalarınızı daha fazla ziyaret etmek için ana sayfadır. birden fazla dosyayı silebilirsiniz. ). Temaları kişiselleştirin Pasul 1: Yeni temayı indirin. Pasul 2: Temayı ../public/themes/ adresinde açın. Sonuç olarak, ../public/themes/redminecrm/stylesheets/application.css dosyasıyla birlikte application.css dosyasında kazanç elde edildi. 3. Adım: Yönetime Erişim -> Ayarlar ve "Tema" listesinden (geçersiz liste) en son oluşturulacak temayı seçin. Bunu yapın, kurtarın. Redmine ilk anda temayı kişiselleştirmek için harekete geçti. Redmine < 1.1.0'ı kullanmak, mevcut temalar listesinde görünen uygulamalar için yeniden rapor oluşturmak mümkündür.

Temel Yönetim Yapısı

Bu dosyanın formatı şu şekildedir:

  • javascripts/theme.js (isteğe bağlı): Tema için JavaScript kişiselleştirilmesi
  • site simgesi / (isteğe bağlı): Redmine teması için site simgesi
  • stylesheets / application.css (gerekli): Tema için CSS (Basamaklı Stil Sayfaları)

Bu gösterinin en iyi örneği:
halka açık/
  + - temalar /
       +- /
            |
            + - favicon /
            | +- (örnek olarak, favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - stil sayfaları /
                 + - application.css

Gizli bir tema oluşturmak için bir tema oluşturun

Örtülü CSS dosyasında farklı kültür temaları oluşturabilirsiniz.

Her şey bir gül çiçeğinden ibaretti. En iyi CSS işlerinde en iyi kazançla karşı karşıya kalabilirsiniz.

  1. sh # cd / yol / to / redmine
  2. sh # mkdir -p public / temalar / redtheme / stil sayfaları
  3. sh# vi public / theme / redtheme / stylesheets / application.css (bunun için geçerli kodlar)
  4. Yönetim ayarlarına erişin ve kırmızı temayı seçin

/* Redmine'in gizli stilini ekledik */

@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); }


Temayı değiştirmek ister misiniz?


Birinci adım:

@./ public / theme/ redminecrm / Images@'da logo dosyası oluşturun


İkinci adım

43x30 boyutunda yeni logo dosyasında logo.png dosyasını açın

...

#header> h1 {

               arka plan: url (../ images / logo.png) tekrarlanmayan 10 piksel% 20;

               dolgu: 5 piksel 60 piksel; /* Uygun logoya göre değişiklik yapın */

}

Redmine final alanı güncellendi mi? Uşoară.

Plan alanı, hareket alanı ve tek bir yazılım girişinde mükemmel bir şekilde kontrol etmek için tüm araçları elde edebilirsiniz.

Easy Redmine în 30 zile de încercare gratuită

İşlev tamamlandı, SSL koruması, akıllı yedekleme, coğrafi yerelleştirme alanı dvs.