كيفية إنشاء سمة مخصصة لـ Redmine

ميزة السمة المخصصة هي أنها فريدة ، وتصميمها هو بالضبط كما تريده (هذه الم يزة غير متاحة مع معظم السمات الافتراضية). لديك المرونة في تصميم سمة مخصصة بأي طريقة تريدها. على الرغم من أن إنشاء سمة مخصصة قد يستغرق مزيدًا من الجهد بدلاً من استخ دام السمة الافتراضية ، إلا أن النتائج تستحق ذلك تمامًا. اقرأ المزيد لمعرفة كيفية إنشاء سمة Redmine مخصصة.

إنشاء سمة Redmine جديدة

يوفر Redmine الدعم الأساسي للسمات. يمكن لهذه السمات إضافة بعض الج Twojej
الخطوة الأولى هي إنشاء دليل جديد في public/themes. سيتم استخدام اسم الدليل كاسم للسمة. Zmień nazwę: public/themes/my_theme.
بعد ذلك ، قم بإنشاء application.css المخصص واحفظه في مجلد فرعي يسمى arkusze stylów:
Public/themes/my_theme/stylesheets/application.css
فيما يلي مثال على ورقة أنماط مخصصة تعوض فقط بعض الإعدادات:
/* تحميل ورقة أنماط Redmine الافتراضية */
@import url (../../../ stylesheets / application.css);
/* إضافة شعار في الرأس */
#nagłówek {
    tło: #507AAA url(../images/logo.png) bez powtórzeń 2px;
    dopełnienie lewe: 86px;
}
/* نقل قائمة المشروع إلى اليمين */
#menu główne {
    po lewej: auto;
    po prawej: 0px;
}
Pobierz mój plik my_theme/images/logo.png.
يمكنك تنزيل هذه السمة (عينة) كنقطة بداية لسمة Redmine المخصصة الخاصة بك. استخرج السمة في الدليل publiczne/motywy.

إضافة جافا سكريبت مخصصة

Największa wersja javascript/theme.js lub więcej كل صفحة.

تعيين الرمز المميز

قم بإدراج الرمز المميز الخاص بك في مجلد الرمز المميز ، وسيتم تحميله تلقا ئيًا بدلاً من الرمز المميز الافتراضي في كل صفحة. يمكن أن يكون اسم ملف الرمز المميز أي شيء. (في حالة عدم معرفتك ، يعد الرمز المميز أيقونة صغيرة بحجم 16 × 16 بكسل تخدم غرض تمييز موقع الويب الخاص بك. الهدف الرئيسي له هو مساعدة الزوار في تحديد صفحتك بسهولة عندما يكون لديهم العديد من علامات التبويب مفتوحة).

تطبيق السمة المخصصة

• Krok 1:

الخطوة الأولى هي تنزيل سمة جديدة.

• Krok 2:

قم بفك ضغط السمة في ../public/themes/. ستكون النتيجة لهذا هي مسار الدليل إلى application.css مثل

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

• Krok 3:

انتقل إلى الإدارة -> الإعدادات ومن قائمة "السمة" (قائمة منسدلة) ، حدد السمة ال تي قمت بإنشائها حديثًا. بعد ذلك ، قم بحفظ الإعدادات الخاصة بك.
في هذه النقطة ، يجب أن يظهر Redmine الآن باستخدام السمة المخصصة الخاصة بك.

Więcej informacji Redmine < 1.1.0 ئمة السمات المتاحة.

هيكل مجلدات القوالب

تتكون القوالب من هذه الملفات:

• javascripts/theme.js (اختياري): جافا سكريبت مخصص للقالب
• favikona / (اختياري): فافيكون لقالب Redmine
• arkusze stylów / application.css (ضروري): ورقة أنماط CSS (kaskadowe arkusze stylów) للقالب

يتم توضيح ذلك أدناه:
publiczny/
  + - motywy /
       +- <اسم القالب>/
            |
            + - favicon /
            | +- (مثال: favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - arkusze stylów /
                 + - application.css

إنشاء قالب Redmine باستخدام القالب الافتراضي

Bezpłatne يمكنك أيضًا إنشاء قالب Redmine عن طريق تغيير الألوان في ملف CSS للقالب الافتراضي.

فلنفترض أنك ترغب في تغيير كل شيء من قالب أزرق إلى قالب أحمر. يمكنك القيام بذلك باستخدام الـ CSS أدناه.

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 (يتم عرض الشفرة أدناه)
4. انتقل إلى إعدادات المشرف ثم حدد redtheme

/* تحميل ورقة أنماط Redmine الافتراضية */

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

كيفية تغيير شعار القالب؟

Pierwszy krok:

ضع ملف الشعار في @./ public / themes/ redminecrm / image@

Drugi krok

استبدل ملف logo.png بملف الشعار الجديد بحجم 43x30

...

#header> h1 {

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

               dopełnienie: 5px 60px; /* قم بتعديل هذا لتحديد شعارك الخاص */

}