Nasıl Özel Bir Redmine 테마 Oluşturulur

6/3/2020
6 분
루카시 베나.

Redmine은 당신의 목표를 정하고 당신의 목표를 달성하기 위해 최선을 다하고 있습니다. 메브컷 비르카치 바르사이란 테마 mevcuttur, bazıları daha 미니 멀리즘 iken diğerleri 다하 캔리디르 ve eğer bu seçeneklerden hiçbiri size hitap etmezse, 켄디 외젤 Redmine 테마 만들 수 있습니다.

Özel은 좋은 테마, 벤저스의 올마스 및 모든 목표를 달성하기 위해 최선을 다하고 있습니다. (bu fayda çoğu varsayılan 테마 및 mevcut değildir). Özel의 테마는 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. Redmine의 테마는 okumaya devam edin과 관련하여 매우 중요합니다.


Yeni Bir Redmine Teması Oluşturma

Redmine 테마는 해당 테마에 적합합니다. 하지만 자바스크립트를 사용하면 더 많은 작업을 수행할 수 있고 여전히 사용할 수 있는 내용(application.css)을 찾을 수 있습니다.
İlk adım, 공개/테마 클래스를 확인하세요. 이 주제는 당신의 목표를 달성하는 데 도움이 됩니다. 내용: public/themes/my_theme.
Sonra, özel application.css oluşturun ve bunu 스타일시트 adlı bir alt klasöre kaydedin:
공개/테마/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);
/* 로고를 확인하기 위해 */
#헤더 {
    배경: #507AAA url(../images/logo.png) 반복 없음 2px;
    왼쪽 여백 : 86px;
}
/* 프로젝트 메뉴 선택하기 */
# main-menu {
    왼쪽 : 자동;
    오른쪽 : 0px;
}
Yukarıdaki örnek, my_theme/images/logo.png konumunda bir resme sahip olduğunuzu varsayar.
Kendi özel Redmine은 더 이상 위험하지 않은 앱을 개발하기 위해 노력하고 있습니다. 공개/테마는 매우 다양합니다.


Özel Javascript Eklemek

Sadece javascriptinizi javascript/theme.js는 그녀의 sayfada otomatik olarak yüklenecektir와 관련이 있습니다.


파비콘 아야리

Favicon'unuzu favicon klasörüne yerleştirin ve her sayfada varsayılan yerine otomatik olarak yüklenecektir. Favicon dosyasının은 자신의 위치에 따라 다른 위치로 이동합니다. (Bilmiyorsanız, bir favicon, 웹 사이트nizin 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ına yardımcı olmaktı r).


Özel Temayı Uygulama

  • 1 단계:

당신은 당신과 같은 주제를 가지고 있습니다.

  • 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" 목록이 표시됩니다(açılır 메뉴). Bundan sonra, ayarlarınızı kaydedin.
하지만 Redmine의 예술 작품이 더 많은 것을 알게 된다면.

Redmine < 1.1.0 버전에서는 쿨한 작업 목록이 사용자 목록에 포함되어 있어 사용자의 요구 사항을 충족할 수 있습니다.


테마 디진 야프시

이 주제에 대한 내용은 다음과 같습니다.

  • javascripts/theme.js (bu isteğe bağlıdır): özelleştirilmiş JavaScript 주제
  • 파비콘 / (bu isteğe bağlıdır): Redmine 테마는 파비콘에 포함되어 있습니다.
  • stylesheets / application.css (bu gereklidir): CSS(Cascading Style Sheets)에 포함된 주제

Aşağıda gosterildiği gibi:


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


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

예를 들어, Redmine 테마에 대해 CSS 문서를 작성하는 데 필요한 다양한 방법이 있습니다.

Mesela, 그녀의 şeyi mavi bir temadan kırmızı bir tema yapmak istiyorsunuz. CSS를 사용하는 방법은 다음과 같습니다.

  1. sh # cd / path / ~ / 레드 마인
  2. sh # mkdir -p public / 테마 / redtheme / 스타일 시트
  3. sh# vi public / themes / redtheme / stylesheets / 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);

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


로고를 표시하려면 어떻게 해야 합니까?


1단계:

로고 dosyasını @./ 공개 / 테마/ redminecrm / 이미지@ klasörüne koyun


2 단계

logo.png dosyasını 43x30 boyutunda yesi 로고 dosyasıyla değiştirin

...

#header> h1 {

               배경 : url (../ images / logo.png) 무 반복 10px 20 %;

               패딩: 5px 60px; /* Kendi logonuzu ayarlamak için bunu değiştirin */

}

Redmine yükseltmesi için en iyi seçenek? 콜라이.

Mükemmel proje planlaması, yönetimi ve kontrolü için güçlü araçları tek bir yazılımda edinin.

Easy Redmine'ı 30 ücretsiz deneyin

Tam özellikli, SSL 커뮤니티, Günlük yedeklemeler, bulunduğunuz konumda