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

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

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

يوفر Redmine الدعم الأساسي للسمات. يمكن لهذه السمات إضافة بعض الجافا سكريبت المخصص وتجاوز ورقات الأنماط (application.css).
الخطوة الأولى هي إنشاء دليل جديد في public/themes. سيتم استخدام اسم الدليل كاسم للسمة. على سبيل المثال: public/themes/my_theme.
بعد ذلك ، قم بإنشاء application.css المخصص واحفظه في مجلد فرعي يسمى stylesheets:
Public/themes/my_theme/stylesheets/application.css
فيما يلي مثال على ورقة أنماط مخصصة تعوض فقط بعض الإعدادات:
/* تحميل ورقة أنماط Redmine الافتراضية */
@ ייבוא ​​url (../../../ סגנונות / יישום.css);
/* إضافة شعار في الرأس */
#header {
    רקע: #507AAA url(../images/logo.png) no-repeat 2px;
    ריפוד שמאל: 86 פיקסלים;
}
/* نقل قائمة المشروع إلى اليمين */
#תפריט ראשי {
    משמאל: אוטומטי;
    משמאל: 0px;
}
يفترض المثال السابق أن لديك صورة موجودة في my_theme/images/logo.png.
يمكنك تنزيل هذه السمة (عينة) كنقطة بداية لسمة Redmine المخصصة الخاصة بك. استخرج السمة في الدليل public/themes.

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

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

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

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

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

• שלב 1:

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

• שלב 2:

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

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

• שלב 3:

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

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

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

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

• javascripts/theme.js (اختياري): جافا سكريبت مخصص للقالب
• favicon / (اختياري): فافيكون لقالب Redmine
• גיליונות סטיילס / יישום

يتم توضيح ذلك أدناه:
ציבורי /
  + - ערכות נושא /
       +- <اسم القالب>/
            |
            + - favicon /
            | +- (מאמר: favicon.ico, favicon.png)
            |
            + - javascripts /
            | + - theme.js
            |
            + - גיליונות סגנונות /
                 + - יישום. css

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

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

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

1. sh # cd / path / to / redmine
2. sh # mkdir -p ציבורי / נושאים / redtheme / גיליונות סגנונות
3. sh# vi public / themes / redtheme / stylesheets / application.css (يتم عرض الشفرة أدناه)
4. انتقل إلى إعدادات المشرف ثم حدد redtheme

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

@ ייבוא ​​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); }

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

הצעד הראשון:

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

השלב השני

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

...

#header> h1 {

               רקע: url (../ images / logo.png) ללא חזרה 10px 20%;

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

}