मानक CSS फ़ाइलों को हटाना या पुनःपरिभाषित (ओवरराइड) करना

कभी-कभी हमें Drupal की मानक CSS फ़ाइलों — जैसे system.css, defaults.css या system-menus.css — को बदलने या हटाने की आवश्यकता होती है। हम चाहें तो इन फ़ाइलों को सीधे संपादित कर सकते हैं, लेकिन Drupal अपडेट के समय हम यह भूल सकते हैं कि हमने इन फ़ाइलों में परिवर्तन किए थे, और सिस्टम उन्हें दोबारा ओवरराइट कर देगा।

ऐसा होने से बचने के लिए, इन CSS फ़ाइलों को Drupal के आउटपुट से पूरी तरह हटाना बेहतर है। यदि आपको इनमें से किसी फ़ाइल के कुछ CSS नियमों की आवश्यकता है, तो आप उन्हें अपनी थीम की style.css फ़ाइल में कॉपी करके संपादित कर सकते हैं। इस तरह आप अपने CSS कोड को संभावित हटाने या ओवरराइट से सुरक्षित रखेंगे।

इसके लिए, अपनी थीम की डायरेक्टरी में template.php नाम की फ़ाइल बनाएँ (यदि यह पहले से मौजूद नहीं है)। इसमें नीचे दिया गया कोड जोड़ें:

function phptemplate_preprocess_page(&$vars) {
  $css = $vars['css'];
  unset($css['all']['module']['modules/system/system.css']);
  unset($css['all']['module']['modules/system/defaults.css']);
  unset($css['all']['module']['modules/system/system-menus.css']);
  $vars['styles'] = drupal_get_css($css);
}

अब आप इन फ़ाइलों का CSS कोड अपनी style.css फ़ाइल में कॉपी कर सकते हैं और अपनी आवश्यकता के अनुसार संपादित कर सकते हैं।

यही तरीका Nice Menus मॉड्यूल की CSS फ़ाइलों पर भी लागू होता है, जिसे अक्सर ड्रॉपडाउन मेन्यू बनाने के लिए उपयोग किया जाता है। इनकी CSS को भी सीधे मॉड्यूल की फ़ाइल में संपादित करने के बजाय अपनी थीम के style.css में लिखना बेहतर है। इन CSS फ़ाइलों को Drupal आउटपुट से हटाने के लिए नीचे दिया गया कोड जोड़ें:

function phptemplate_preprocess_page(&$vars) {
  $css = $vars['css'];
  unset($css['all']['module']['modules/system/system.css']);
  unset($css['all']['module']['modules/system/defaults.css']);
  unset($css['all']['module']['modules/system/system-menus.css']);
  unset($css['all']['module']['sites/all/modules/nice_menus/nice_menus.css']);
  unset($css['all']['module']['sites/all/modules/nice_menus/nice_menus_default.css']);
  $vars['styles'] = drupal_get_css($css);
}

ध्यान देने योग्य बात यह है कि nice_menus/nice_menus_default.css उस फ़ाइल का पथ है — यहाँ मॉड्यूल sites/all/modules/nice_menus फ़ोल्डर में बिना किसी संस्करण संख्या के स्थित है।