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

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

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

يوفر Redmine الدعم الأساسي للسمات. يمكن لهذه السمات إضافة بعض الجافا سكريبت المخصصا وأتصالات؆ج وت؆ اط (aplikace.css).
الخطوة الأولى هي إنشاء دليل جديد في veřejné/témata. سيتم استخدام اسم الدليل كاسم للسمة. على سبيل المثال: public/themes/my_theme.
بعد ذلك ، قم بإنشاء application.css المخصص واحفظه في مجلد فرعي يسمى يسمى
Public/themes/my_theme/stylesheets/application.css
فيما يلي مثال على ورقة أنماط مخصصة تعوض فقط بعت: دادعع داإع
/* تحميل ورقة أنماط Redmine الافتراضية */
@import url (../../../ styly / application.css);
/* إضافة شعار في الرأس */
#záhlaví {
    pozadí: #507AAA url(../images/logo.png) no-repeat 2px;
    padding-left: 86px;
}
/* نقل قائمة المشروع إلى اليمين */
#hlavní menu {
    vlevo: auto;
    doprava: 0px;
}
يفترض المثال السابق أن لديك صورة موجودة في my_theme/images/logo.png.
يمكنك تنزيل هذه السمة (عينة) كنقطة بداية لصمةةه Redmine المخصخخااخصخالمخصطة بداية استخرج السمة في الدليل veřejné/témata.

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

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

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

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

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

• Krok 1:

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

• Krok 2:

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

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

• Krok 3:

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

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

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

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

• javascripts/theme.js (اختياري): جافا سكريبت مخصص للقالب
• favicon / (اختياري): فافيكون لقالب Redmine
• styly / application.css (ضروري): ورقة أنماط CSS ( kaskádové styly ) للقالب

يتم توضيح ذلك أدناه:
veřejnost/
  + - témata /
       +- <اسم القالب>/
            |
            + - favicon /
            | +- (مثال: favicon.ico, favicon.png)
            |
            + - javascripty /
            | + - theme.js
            |
            + - styly /
                 + - application.css

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

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

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

1. sh # cd / path / to / redmine
2. sh # mkdir -p public / themes / redtheme / stylesheets
3. sh# vi public / themes / redtheme / stylesheets / application.css (يتم عرض الشفرة أدناه)
4. انتقل إلى إعدادات المشرف ثم حدد redtheme

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

@import url (../../../ styly / application.css);

# top-menu {background: RGB (128,0,0);}

#header {background-color: RGB (192,0,0);}

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

obsah h1, h2, h3, h4 {barva: RGB (128,0,0);}

#main {color: RGB (128,0,0); }

a, a: link, a: navštíveno {color: RGB (128,0,0); }

a: hover, a: active {color: RGB (128,0,0); }

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

První krok:

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

Druhý krok

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

...

#header> h1 {

               pozadí: url (../ images / logo.png) neopakovat 10px 20%;

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

}