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

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

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

يوفر Redmine الدعم الأساسي للسمات. يمكن لهذه السمات إضافة بعض الجافا سكريبت المخصص ل؆مخصص ٧ور؂ج ٧وتجج اط (application.css).
الخطوة الأولى هي إنشاء دليل جديد في nyilvános/témák. سيتم استخدام اسم الدليل كاسم للسمة. على سبيل المثال: public/themes/my_theme.
بعد ذلك ، قم بإنشاء application.css المخصص واحفظه في مجلد فرعي يسمى: style
Public/themes/my_theme/stylesheets/application.css
فيما يلي مثال على ورقة أنماط مخصصة تعوض فقط بعض الاددعع
/* تحميل ورقة أنماط Redmine الافتراضية */
@import url (../../../ stíluslapok / application.css);
/* إضافة شعار في الرأس */
#fejléc {
    háttér: #507AAA url(../images/logo.png) no-repeat 2px;
    párnázat-bal: 86 képpont;
}
/* نقل قائمة المشروع إلى اليمين */
#főmenü {
    balra: automatikus;
    jobbra: 0px;
}
يفترض المثال السابق أن لديك صورة موجودة في my_theme/images/logo.png.
يمكنك تنزيل هذه السمة (عينة) كنقطة بداية لسمة Redmine بسمة المخاصص. استخرج السمة في الدليل nyilvános/témák.

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

ما عليك سوى تضمين جافا سكريبت الخاص بك في javascript/theme.js وسيتقت٧ئقت٧تهم في كل صفحة.

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

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

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

• 1. الخطوة:

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

• 2. lépés:

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

../public/themes/redminecrm/styleheets/application.css

• 3. lépés:

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

إذا كنت تستخدم Redmine < 1.1.0 ، فقد تحتاج إلى إعادة تشغيل الرىييل التط قائمة السمات المتاحة.

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

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

• javascripts/theme.js (اختياري): جافا سكريبت مخصص للقالب
• favicon / (اختياري): فافيكون لقالب Redmine
• stíluslapok / application.css (ضروري): ورقة أنماط CSS (Cascading Style Sheets) للقالب

يتم توضيح ذلك أدناه:
nyilvános/
  + - témák /
       +- <اسم القالب>/
            |
            + - favicon /
            | +- (مثال: favicon.ico, favicon.png)
            |
            + - javascriptek /
            | + - theme.js
            |
            + - stíluslapok /
                 + - application.css

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

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

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

1. sh # cd / elérési út / a / redmine-hez
2. sh # mkdir -p public / témák / redtheme / stíluslapok
3. sh# vi public / themes / redtheme / stylesheets / application.css (يتم عرض الشفرة أدناه)
4. انتقل إلى إعدادات المشرف ثم حدد redtheme

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

@import url (../../../ stíluslapok / application.css);

# felső menü {háttér: RGB (128,0,0);}

#header {háttér szín: RGB (192,0,0);}

# Projects-index ul.projects div.root a.project {szín: RGB (128,0,0); }

h1, h2, h3, h4 tartalom {szín: RGB (128,0,0);}

#main {szín: RGB (128,0,0); }

a, a: link, a: meglátogatott {szín: RGB (128,0,0); }

a: lebeg, a: aktív {szín: RGB (128,0,0); }

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

Az első lépés:

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

A második lépés

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

...

#header> h1 {

               háttér: url (../ images / logo.png) nincs ismétlés 10x 20%;

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

}