Drupal 6, 7 और 8 के बीच थीम संबंधी अंतर

यह Drupal 8 में कुछ सबसे उल्लेखनीय परिवर्तनों की सूची है, जो थीमिंग को प्रभावित करते हैं।

अधिक जानकारी

1. Drupal 8 डिफ़ॉल्ट रूप से HTML5 सेमान्टिक मार्कअप आउटपुट करता है (देखें Drupal 8 HTML5 पहल), जबकि Drupal 6 और 7 में XHTML था।
2. jQuery v2.x के अलावा, Drupal 8 अब अधिक फ्रंटएंड लाइब्रेरीज़ शामिल करता है, जैसे Modernizr, Underscore.js और Backbone.js।
3. Drupal 8 में मुख्य RDF मॉड्यूल schema.org मार्कअप आउटपुट करता है।
4. Drupal 8 में पहुँच (Accessibility) को बेहतर किया गया है, WAI-ARIA एट्रिब्यूट्स के व्यापक उपयोग के माध्यम से।
5. Drupal 8 Twig पेश करता है, जो PHPTemplate को डिफ़ॉल्ट थीम इंजन के रूप में बदलता है। इसका अर्थ है कि theme_* फ़ंक्शंस और PHP आधारित *.tpl.php फ़ाइलें अब *.html.twig टेम्पलेट्स से बदल दी गई हैं।
6. Drupal 8 डिफ़ॉल्ट रूप से ऐसी सुविधाएँ शामिल करता है जो प्रदर्शन (performance) में सुधार करती हैं, जैसे CSS और JavaScript एग्रीगेशन।
7. Drupal 8 नए UI एलिमेंट्स के साथ आता है, जिन्हें आप अपने एडमिन स्क्रीन पर उपयोग कर सकते हैं, जैसे मोडल डायलॉग्स और ड्रैग-एंड-ड्रॉप बटन।
8. Drupal 8 उत्तरदायी (responsive) सुविधाओं के साथ आता है, जैसे उत्तरदायी थीम्स, टूलबार, इमेज और टेबल्स।
9. Drupal 6 और 7 में यदि आप किसी विशेष पेज पर CSS या JS जोड़ना चाहते थे, तो आपको drupal_add_css() और drupal_add_js() का उपयोग करना पड़ता था। अब यह JS / CSS संसाधनों को #attached रेंडर एरे प्रॉपर्टी में लाइब्रेरीज़ के माध्यम से जोड़ने से बदल दिया गया है।
10. Drupal 8 IE 6, 7 और 8 का समर्थन नहीं करता, जिससे jQuery 2.0 और अन्य कोड का उपयोग संभव हो गया है, जो आधुनिक HTML5 / CSS3 ब्राउज़रों का समर्थन मानता है।
11. Drupal 8 उन ब्राउज़रों का समर्थन नहीं करता जो SVG को सपोर्ट नहीं करते (जैसे IE8 और Android Browser 2.3)।
12. Drupal 8 में CSS IDs Drupal 7 की तुलना में कम हैं।
13. Drupal 8 की CSS फ़ाइल संरचना SMACSS और BEM पर आधारित है।
14. Drupal 8 का CSS CSS3 प्स्यूडो-सेलेक्टर्स का उपयोग करता है।
15. Drupal 8 Classy, एक बेस थीम के साथ आता है, जो मार्कअप में क्लासेस लागू करता है और संबंधित CSS शामिल करता है। यह कई प्रीप्रोसेस फ़ंक्शंस और CSS फ़ाइलों को बदल देगा, जो पहले कोर मॉड्यूल्स में शामिल थे।
16. Drupal 8 CSS क्लासेस को प्रीप्रोसेस फ़ंक्शंस से Twig टेम्पलेट्स में स्थानांतरित करता है।
17. Drupal 8 ब्रेकपॉइंट मीडिया क्वेरीज़ का उपयोग करता है ताकि साइट का लेआउट विभिन्न उपकरणों पर नियंत्रित किया जा सके।

D7 और D8 के बीच CSS क्लासेस में बदलाव

मेन्यू

D7:

• 7.x से 8.x तक थीम्स अपडेट करना
• Themers के लिए बदलाव नोटिफिकेशन
• Sqndr Drupal 8 थीमिंग गाइड
• Drupal 8 का अल्टीमेट गाइड: एपिसोड 5 - फ्रंट-एंड डेवलपर्स के लिए सुधार

.menu li.expanded
.menu li.collapsed
.menu li.leaf
.menu li.active-trail
.menu li.first
.menu li.last

D8:

.menu-item--expanded
.menu-item--collapsed
.menu-item--active-trail
.menu-item:first-child
.menu-item:last-child

.menu-item--leaf का शायद ही कभी उपयोग होता था, इसलिए इसे हटा दिया गया। इसे फिर से जोड़ा जा सकता है। उदाहरण देखें: https://www.drupal.org/node/2425691#comment-9629101
@todo: इस दस्तावेज़ में लिंक से बदलना है।