Елате да създадете персонализирана тема за Redmine.

6/3/2020
6 минути
Лукаш Беня -> Лукаш Беня

Redmine viene fornito con un modo amministrativo rapido e facile per applicare un tema che si adatta alle tue preferenze. Алкуни деи temi predefiniti disponibili sono минималисти, altri sono più жив, e se nessuna di queste opzioni ti piace, puoi creare вашата персонализирана тема на Redmine.

Il vantaggio di un tema personalizzato è che è unico e il suo design è esattamente come lo desideri (questo beneficio non è disponibile con la maggior parte dei temi predefiniti). Hai la flexibilità di progettare un tema personalizzato in qualsiasi modo modo desideri. Anche se la creazione di un tema personalizzato potrebbe richiedere più sforzo rispetto all'utilizzo di uno predefinito, i risultati ne valgono totalmente la pena. Продължете да четете, за да създадете персонализирана тема Redmine.


Създаване на новата тема Redmine

Redmine предлага подкрепа за основни елементи за вашите теми. Тези теми могат да добавят алкуни към персонализиране на javascript и съставяне в стил на стил (application.css).
Il primo passo è creare una nova directory in public/themes. Il nome della directory verrà utilizzato come del nome del tema. Пример за реклама: public/themes/my_theme.
Успешно създаване на персонализирано приложение.css и приложение в таблици със стилове на sottocartella chiamata:
Public/themes/my_theme/stylesheets/application.css
Ecco un esempio di foglio di stile personalizzato che sostituisce solo un paio di impostazioni:
/* изображението на предварително зададения стил на Redmine */
@import url (../../../ стилове / application.css);
/* добавяне на лого към тестване */
#header {
    фон: #507AAA url(../images/logo.png) без повторение 2px;
    padding-left: 86px;
}
/* sposta il menu del progetto a destra */
#главно меню {
    вляво: автоматично;
    десен: 0px;
}
L'esempio sopra fa l'assunzione che tu abbia un'imagine che si trova in my_theme/images/logo.png.
Можете да изтеглите тази тема (примерно) като част от частта за вашата персонализирана тема Redmine. Изтеглете темата в директория public/themes.


Персонализирано добавяне на Javascript

Можете да включите вашия javascript в javascript/theme.js и автоматично да го направите на тази страница.


Impostazione del Favicon

Inserisci il tuo favicon nella cartella favicon e verrà caricato automaticamente anziché quello predefinito su ogni pagina. Il nome del file favicon può essere qualsiasi cosa. (Nel caso in cui non lo sapessi, un favicon è una piccola icona di 16x16 pixel che serve allo scopo del branding del tuo sito web. Il suo obiettivo principale è quello di aiutare i visitatori a trovare la tua pagina più facilmente quando hanno aperte diverse график).


Персонализирано приложение на темата

  • Етап 1:

Il primo passo è scaricare un nuovo tema.

  • Стъпка 2:

Декомпримирайте темата в ../public/themes/. Резултатът от това представяне на цялата директория на application.css идва на пример

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

  • Стъпка 3:

Изберете Amministrazione -> Impostazioni e dalla list „Tema“ (menu a tendina), изберете темата, която е създадена. Dopo di che, salva le tue impostazioni.
Това означава, че Redmine трябва да се използва най-често във вашата персонализирана тема.

Ако използвате Redmine < 1.1.0, потърсете следното приложение, за да отворите приложението в списъка на наличните теми.


Struttura della directory dei temi

Темата е компостирана от този файл:

  • javascripts/theme.js (по избор): JavaScript персонализиран за тема
  • фавикон / (по избор): favicon за тема Redmine
  • stylesheets / application.css (необходимо): CSS (Cascading Style Sheets) за всяка тема

Ciò è dimostrato di seguito:
обществена /
  + - теми /
       +- /
            |
            + - фавикон /
            | +- (например favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - таблици за стилове /
                 + - application.css

Елате да създадете тема Redmine, използвайки предварително дефинирана тема

Можете да създадете модифицирана тема Redmine и да оцветите CSS файла на предварително дефинираната тема.

Supponiamo che tu voglia cambiare tutto da un tema blu a uno rosso. Puoi farlo con il CSS qui sotto.

  1. sh# cd / percorso / a / redmine
  2. sh # mkdir -p public / теми / redtheme / стилове
  3. sh# vi public / themes / redtheme / stylesheets / application.css (кодът е показан след това)
  4. Vai alle impostazioni dell'amministratore e seleziona redtheme

/* carica il foglio di stile predefinito di Redmine */

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

Combiare il лого на темата?

1° пасажо:

Открийте файла на логото в @./ public / themes/ redminecrm / images@

2o Стъпка

Съставете файла logo.png с логото на новия файл с размери 43x30

...

#header> h1 {

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

               подложка: 5px 60px; /* Промяна на това за поставяне на собствено лого */

}

L'aggiornamento definitivo di Redmine? Лесно.

Ottieni tutti gli instrumenti potenti per una pianificazione, gestione e controllo del progetto perfetti in un unico software.

Prova Easy Redmine безплатно за 30 giorni

Функционалността е завършена, SSL защита, резервни копия, не е геолокализация