Nasıl Özel Bir Redmine Teması Oluşturulur

Özel bir tema avantajı, benzersiz olması ve tasarımının tam olarak istediğiniz gibi olmasıdır (bu fayda çoğu varsayılan tema ile mevcut değildir). Özel bir tema istediğiniz gibi tasarlamak için esnekliğe sahipsiniz. Özel bir tema oluşturmak, varsayılan bir tema 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. Темата не може да се използва в javascript и да се поддържа (application.css).
İlk adım, public/themes klasöründe yeni bir dizin oluşturmaktır. Dizin adı tema adı olarak kullanılacaktır. Örneğin: public/themes/my_theme.
След това можете да използвате application.css и да добавите стилови таблици към други класове:
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 (../../../ стилове / application.css);
/* başlıkta bir logo ekle */
#header {
    фон: #507AAA url(../images/logo.png) без повторение 2px;
    padding-left: 86px;
}
/* proje menüsünü sağa taşı */
#главно меню {
    вляво: автоматично;
    десен: 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ı public/themes dizinine çıkarın.

Özel Javascript Eklemek

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

Favicon Ayarı

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 olabilir. (Bilmiyorsanız, bir favicon, web sitenizin markalamasının amacını yerine getiren 16x16 пиксела boyutunda küçük bir simgedir. Temel amacı, ziyaretçilerin birden fazla sekme açtıklarında sayfanızı daha kolay bulmalarına yardımcı olmaktır).

Özel Temayı Uygulama

• Стъпка 1:

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

• Етап 2:

Temayı ../public/themes/ dizinine çıkarın. В този случай, application.css е актуален за следното:

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

• Етап 3:

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

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

Tema Dizin Yapısı

Bir tema şu dosyalardan oluşur:

• javascripts/theme.js (bu isteğe bağlıdır): темата е в özelleştirilmiş JavaScript
• фавикон / (bu isteğe bağlıdır): Redmine teması için favicon
• стилови таблици / application.css (когато се използва): тема в CSS (каскадни стилови таблици)

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

обществена /
  + - теми /
       +- /
            |
            + - фавикон /
            | +- (във favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - таблици за стилове /
                 + - 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, her şeyi mavi bir temadan kırmızı bir tema yapmak istiyorsunuz. Bunun için aşağıdaki CSS'i kullanabilirsiniz.

1. sh # cd / път / към / redmine
2. sh # mkdir -p public / теми / redtheme / стилове
3. sh# vi public / themes / redtheme / stylesheets / application.css (кодлама 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 (../../../ стилове / application.css);

# топ меню {фон: RGB (128,0,0);}

#header {фон-цвят: RGB (192,0,0);}

# проекти-индекс ul.projects div.root a.project {цвят: RGB (128,0,0); }

съдържание h1, h2, h3, h4 {цвят: RGB (128,0,0);}

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

a, a: връзка, a: посетен {цвят: RGB (128,0,0); }

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

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

Стъпка 1:

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

2^NCI стъпка

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

...

#header> h1 {

               фон: url (../ images / logo.png) без повторение 10px 20%;

               подложка: 5px 60px; /* Kendi logonuzu ayarlamak için bunu değiştirin */

}