Nasil Özel Bir Redmine Teması Oluşturulur

Özel bir motyw avantajı, benzersiz olması ve tasarımının tam olarak istediğiniz gibi olmasıdır (bu fayda çoğu varsayılan motyw ile mevcut değildir). Özel bir temat istediğiniz gibi tasarlamak için esnekliğe sahipsiniz. Özel bir motyw oluşturmak, varsayılan bir motyw kullanmaktan daha fazla çaba gerektirebilir, ancak sonuçlar kesinlikle buna değer. Özel bir Redmine teması nasıl oluşturulacağını öğrenmek için okumaya devam edin.

Yeni Bir Redmine Teması Oluşturma

Redmine temaları için temel destek sağlar. Ale temalar birkaç özel javascript ekleyebilir ve stil sayfalarını (application.css) geçersiz kılabilir.
İlk adım, public/themes klasöründe yeni bir dizin oluşturmaktır. Dizin adı temat adı olarak kullanılacaktır. Typ: public/themes/my_theme.
Sonra, özel application.css oluşturun ve bunu stylesheets adlı bir alt klasöre kaydedin:
Public/themes/my_theme/stylesheets/application.css
Aşağıdaki örnek, yalnızca birkaç ayarı geçersiz kılan özel bir stil sayfasıdır:
/* varsayılan Redmine stil sayfasını yükle */
@import url (../../../ stylesheets / application.css);
/* başlıkta bir logo ekle */
#nagłówek {
    tło: #507AAA url(../images/logo.png) bez powtórzeń 2px;
    dopełnienie lewe: 86px;
}
/* proje menüsünü sağa taşı */
#menu główne {
    po lewej: auto;
    po prawej: 0px;
}
Yukarıdaki örnek, my_theme/images/logo.png konumunda bir resme sahip olduğunuzu varsayar.
Kendi özel Redmine temasınızın başlangıç ​​noktası olarak kullanmak üzere bu temayı (örnek) indirebilirsiniz. Temayı publiczne/motywy dizinine çıkarın.

Özel JavaScript Eklemek

Sadece javascriptinizi javascript/theme.js içine ekleyin ve jej sayfada otomatik olarak yüklenecektir.

Favicon Ayari

Favicon'unuzu favicon klasörüne yerleştirin ve her sayfada varsayılan yerine otomatik olarak yüklenecektir. Favicon dosyasının adı herhangi bir şey obilir. (Bilmiyorsanız, bir favicon, web sitenizin markalamasının amacını yerine getiren 16x16 piksel boyutunda küçük bir simgedir. Temel amacı, ziyaretçilerin birden fazla sekme açtıklarında sayfanızı daha kolay bulmalarınayardımc olmaktır).

Özel Temayı Uygulama

• Krok 1:

Yeni bir motyw indirmek için ilk adımı atın.

• Krok 2:

Temayı ../public/themes/ dizinine çıkarın. Bu durumda, application.css için bir dizin yolu oluşacaktır:

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

• Krok 3:

Yönetim -> Ayarlar bölümüne gidin ve "Tema" listesinden (açılır menü) yeni oluşturduğunuz temayı seçin. Bundan sonra, ayarlarınızı kaydedin.
Bu noktada, Redmine artık özel temanızı kullanarak gösterilmelidir.

Eğer Redmine < 1.1.0 kullanıyorsanız, kullanılabilir temalar listesinde görünmesi için uygulamayı yeniden başlatmanız gerekebilir.

Temat Dizin Yapisı

Bir temata şu dosyalardan oluşur:

• javascripts/theme.js (bu isteğe bağlıdır): temat için özelleştirilmiş JavaScript
• favikona / (bu isteğe bağlıdır): Redmine teması için favicon
• arkusze stylów / application.css (bu gereklidir): temat için CSS (kaskadowe arkusze stylów)

Aşağıda gösterildiği gibi:

publiczny/
  + - motywy /
       +- /
            |
            + - favicon /
            | +- (lub w favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - arkusze stylów /
                 + - application.css

Varsayılan Temayı Kullanarak Bir Redmine Teması Oluşturma

Ayrıca, varsayılan temanın CSS dosyasındaki renkleri değiştirerek bir Redmine teması oluşturabilirsiniz.

Mesela, jej şeyi mavi bir temadan kırmızı bir temat yapmak istiyorsunuz. Bunun için aşağıdaki CSS'i kullanabilirsiniz.

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / motywy / redtheme / arkusze stylów / application.css (kodlama aşağıda gösterilmiştir)
4. Yönetici ayarlarına gidin ve ardından redtheme'i seçin

/* varsayılan Redmine stil sayfasını yükle */

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

# menu główne {tło: RGB (128,0,0);}

#header {kolor tła: RGB (192,0,0);}

# projekty-indeks ul. projekty div.root a.project {color: RGB (128,0,0); }

zawartość h1, h2, h3, h4 {kolor: RGB (128,0,0);}

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

a, a: link, a: odwiedzono {kolor: RGB (128,0,0); }

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

Temanın Logosunu Nasıl Değiştirirsiniz?

Krok 1:

Logo dosyasını @./public /themes/redminecrm /images@ klasörüne koyun

2^th Moje imię

logo.png dosyasını 43x30 boyutunda yeni logo dosyasıyla değiştirin

...

#header> h1 {

               tło: url (../ images / logo.png) bez powtarzania 10px 20%;

               dopełnienie: 5px 60px; /* Kendi logonuzu ayarlamak için bunu değiştirin */

}