Korleis lage eit tilpassa Redmine-tema

6/3/2020
דקות 6
Lukáš Beňa
Redmine kjem med ein rask and enkel administrative method for deg å use eit tema som passar dine preferansar. נוקר אב דיי standardtemaene som er tilgjengelege er minimalistiske, אנדרה אר מאיר livlege, og om ingen av desse alternativa fenger deg, kan du lage ditt eige tilpassa Redmine-tema.
ניתן להתאים את הנושא הזה באופן ייחודי, ועיצובו הוא בדיוק כפי שאתה רוצה את זה (היתרונות אינם זמינים לרוב הסטנדרטים). יש להגמיש את זה כדי להתאים את הנושא הזה. אם זה יכול לדרוש ממך מאמץ כדי להתאים את הנושא ולהתאים את הנושא כדי להשתמש בו ואת הנושא הסטנדרטי. Les videre for å lære איך ליצור ולהתאים Redmine-tema. התקנת Redmine-tema Redmine תומכת בסיסית עבור נושאים. אלה נושאים יכולים להתאים ל-JavaScript ולהתאים יתר על המידה (application.css). שלב ראשון נוצר במפה חדשה בציבור/נושאים. Navnet på mapn vil bli brukt som navnet på temaet. לדוגמה: public/themes/my_theme. התקן יוצר עבור התאמה של application.css ואחסון ב-en undermappe נקרא גיליונות סגנונות: Public/themes/my_theme/stylesheets/application.css. / @import url(../../../stylesheets/application.css); /* legg til et logo i headeren */ #header { background: #507AAA url(../images/logo.png) no-repeat 2px; padding-left: 86px; } /* flytt prosjektmenu til høyre */ #main-menu { left: auto; מימין: 0px; } Det nevnte eksempelet forutsetter du har et bilde som הוא ממוקם ב-my_theme/images/logo.png. אתה יכול להוריד את זה נושא (exempel) som et start for ditt eget tilpassede Redmine-tema. Pakk ut temaet i public/themes-mappen. התקן את JavaScript כולל רק JavaScript-en שלך ב-javascript/theme.js, והן יהיה האחרון אוטומטי בכל צד. הכנסה של Favicon Sett inn faviconen שלך ב-favicon-mappen, והן לא יהיו אוטומטיות במקום עבור favicon סטנדרטי בכל צד. Favicon-filens navn kan være hva som helst. (Hvis du ikke vet det, er en favicon et lite 16x16 piksels ikon som tjenstiented med marketvaren to the site. Hovedmålet הוא לעזור למבקרים עם למצוא את האפשרויות לאחר פתיחת מספר אוהדים). שימוש של הנושא המותאם לטרין 1: שלב ראשון הוא האחרון והנושא החדש. טרין 2: Pakk ut temaet i ../public/themes/. תוצאות של dette vil være en mapnsti til application.css, למשל: ../public/themes/redminecrm/stylesheets/application.css Trin 3: Gå til Administrasjon -> הגדרות וfra "Tema" -listen (rullegardinlisten), velg temaet du just har נוצר. לאחר זה, הגדרות אחסון. בנקודת הזמן הזו, Redmine יראה את זה עם התאמה אישית של נושאים. אם אתה משתמש Redmine < 1.1.0, אתה יכול אולי להתחיל את היישום על חידושים כדי להאזין על נושאים זמינים.

מבנה קטלוגים

הנושא כולל את הקובץ הזה:

  • javascripts/theme.js (זה בחירה): התאימו את JavaScript עבור temaet
  • favicon / (dette er valgfritt): favicon for Redmine-temaet
  • סגנונות / application.css (זה נחוץ): CSS (Cascading Style Sheets) עבור temaet

זה הדגימה למטה:
ציבורי /
  + - ערכות נושא /
       +- /
            |
            + - favicon /
            | +- (f.eks. favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - גיליונות סגנונות /
                 + - יישום. css


איך יוצרים את Redmine-tema כדי להשתמש ב-standardtemaet

אתה יכול גם ליצור את Redmine-tema כדי לשנות את הצבעים ב-CSS-filen ל-standardtemaet.

Si at du vil endre alt fra et blått tema til et rødt tema. זה יכול לעשות עם CSS-en למטה.

  1. sh# cd /sti/til/redmine
  2. sh# mkdir -p public/themes/redtheme/stylesheets
  3. sh# vi public/themes/redtheme/stylesheets/application.css (קודקוד מופיע למטה)
  4. עבור להגדרות ניהול ולאחר מכן redtheme

/* סטנדרט פונדק אחרון Redmine-stilark */

@ ייבוא ​​url (../../../ סגנונות / יישום.css);

# התפריט העליון {רקע: RGB (128,0,0);}

#header {צבע רקע: RGB (192,0,0);}

# פרויקטים-אינדקס ul.projects div.root a.project {color: RGB (128,0,0); }

תוכן h1, h2, h3, h4 {צבע: RGB (128,0,0);}

#main {צבע: RGB (128,0,0); }

א, קישור: א, ביקרו {color: RGB (128,0,0); }

א: רחף, א: פעיל {צבע: RGB (128,0,0); }


איך לשנות את הלוגו של הנושאים?


שלב 1:

Plasser logofilen i @./public/themes/redminecrm/images@

2nd סטג

Erstatt logo.png-filen med den nye logofilen בגודל 43x30

...

#header> h1 {

               רקע: url(../images/logo.png) ingen gjentakelse 10px 20%;

               ריפוד: 5px 60px; /* Endre dette for å sette ditt eget logo */

}

Den ultimate Redmine-oppgraderingen? פשוט.

קבל כל כלי עוצמתי לתכנון פרויקט מושלם, ניהול ובקרה של תוכנה.

נסה Easy Redmine ב-30 ימים חינם ניסיון תקופתי

פונקציונליות מלאה, SSL-beskyttet, עותק בטיחות רגיל, ומקומות גיאוגרפיים