jQuery UI theming
أريد استخدام سمة jQuery UI المخصصة للوحدة النمطية من themeroller . ما هي أفضل طريقة للقيام بذلك؟
بافتراض أنك تستخدم الوحدة jquery_ui ، كل ما عليك فعله هو:
- إنشاء تنزيل مخصص لواجهة مستخدم jQuery بما في ذلك السمة المخصصة من ThemeRoller ونسخها ضمن مجلد jquery_ui ، باتباع الإرشادات الواردة في README.txt للوحدة النمطية
- بدلاً من ذلك ، يمكنك فقط إنشاء السمة المخصصة الخاصة بك وتنزيلها ونسخها إلى دليل السمة الخاص بـ jQuery UI
تعديل:
ومع ذلك ، نظرًا لأن Drupal 7 يأتي بالفعل مع أحدث واجهة مستخدم jQuery ، فكل ما عليك فعله هو تنزيل سمة jQuery UI المخصصة الخاصة بك وتضمينها باستخدام إحدى الطرق التالية:
- انسخ الدليل إلى مجلد السمة وقم بتضمين ملف css في معلومات السمة .info
إنشاء وحدة مخصصة وتنفيذ hook_init () واستخدام drupal_add_css () لإضافة ورقة أنماط مخصصة:
function mymodule_init () {$ options = array ('group' => CSS_THEME، 'every_page' => TRUE، 'weight' => 9999) ؛ drupal_add_css (drupal_get_path ('module'، 'mymodule')، 'mymodule.css'، $ options)؛ }}
من أجل Drupal 7 ، يقوم سهم Seven theme بذلك ( رابط المستودع ) (مختصر):
function seven_css_alter(&$css) {
if (isset($css['misc/ui/jquery.ui.theme.css'])) {
$css['misc/ui/jquery.ui.theme.css']['data'] = drupal_get_path('theme', 'seven') . '/jquery.ui.theme.css';
}
}
التعديل وفقًا لذلك - على سبيل المثال. استبدل "سبعة" باسم السمة ، وأشر المسار إلى ملف CSS الخاص بسمة jQuery UI.
إذا كنت تضيف واجهة المستخدم عبر drupal_add_library() ، يمكنك تغيير النمط باستخدام hook_library_alter(). فمثلا:
/**
* Implements hook_library_alter().
*/
function YOURMODULENAME_library_alter(&$libraries, $module) {
unset($libraries['ui']['css']['misc/ui/jquery.ui.theme.css']);
$libraries['ui']['css']['path/to/your/custom/theme/jquery.ui.theme.css'] = array();
}
أوصي باستخدام سمة jQuery UI الوحدة التي تدير العديد من واجهات المستخدم التي تم إنشاؤها بواسطة THEMEROLLER وأرفقت هذه الواجهات إلى Drupal. ثم اضبط فئات jquery UI CSS للعناصر في = Drupal مع الوحدات مثل فئة الكتلة /node class/webform css ، إلخ.