در افتتاحیه کنفرانس دروپال در سال ۲۰۱۱ در شیکاگو Dries Buytaert رهبر تیم دروپال گفت: 'اگر بخواهم از ابتدا دروپال را بازنویسی کنم، ابتدا آنرا برای تجربه تلفن های همراه طراحی خواهم کرد و سپس برای کامپیوترهای رومیزی (desktop)'. بعد از پایان کنفرانس JohnAlbin به عنوان رهبر بخش موبایل دروپال منصوب شد. از زمان رهبری وی تا کنون ۲ سال میگذرد و استراتژی دروپال در برابر تلفن های هوشمند تغییرات فراوانی کرده است. 

تیک تاک در این مقاله قصد دارد شما را با تمهیدات جدیدی که دروپال برای پشتیبانی تلفن های همراه در نظر گرفته است آشنا کند. پس ادامه مطلب را از دست ندهید.

دروپال ۸ و قالب های واکنشگرا (ریسپانسیو)

طراحی واکنشگرا شیوه ای نوین برای پشتیبانی و بهینه سازی وب سایت ها از مرورگرها و گجت های متفاوت دنیای امروز است. امروزه با توجه به تعداد فزاینده کاربرانی که از دستگاه های غیر سنتی (تلفن های هوشمند، تبلت ها...) برای اتصال به اینترنت استفاده می کنند، نیاز به وب سایت هایی که در تمام این دستگاه ها و سیستم عامل ها به خوبی کار کنند بیش از پیش احساس می شود.

تمام قالب های پیش فرض دروپال ۸ (Bartik, Seven و Stark) به صورت واکنشگرا طراحی و برنامه نویسی شده اند. و جدا از این قالب های پیش فرض اگر می خواهید از قالب اختصاصی برای سایتتان استفاده کنید. دروپال ۸ این امکان را برای شما به وجود آورده است که بتوانید گجت ها و مروگرهای متفاوت را شناسایی کنید و با توجه به آنها قالب خود را به گونه ای طراحی کنید که طیف گسترده ای از گجت ها را به خوبی پشتیبانی کند. 

تصاویر زیر قالب Seven را در دستگاه های متفاوت به نمایش میگذارند.

دروپال ۸ 'نقاط تغییر' را در درون خود دارد

هر نقطه تغییر در واقع عرضی از صفحات وب هست که طرح و قالب سایت در آن عرض تغییر می کنند. از تغییرات عمده ای که در این نقاط به وجود می آیند می توان به تغییر در اندازه و نوع فونت، تغییر در اندازه تصاویر و رزولیشن آنها، تغییر در چیدمان وب سایت اشاره کرد.

ماژول Breakpoints استفاده از نقاط تغییر را استاندارد می کند و به سایر قالب ها و ماژول ها این اجازه را می دهد که از این نقاط برای بهینه سازی هرچه بیشتر وب سایت برای دستگاه های متفاوت استفاده کنند. 
اطلاعات بیشتر در: http://drupal.org/node/1803874

عنصر picture و تصاویر واکنشگرا

ماژول Picture که نسخه دروپال ۷ آن نیز موجود است، با استفاده عنصر picture که در HTML5 معرفی شده است امکانات مفیدی در اختیار ما قرار خواهد داد. از این ماژول می توان در فیلدهای تصویر دروپال استفاده کرد. این ماژول همچنین امکان استفاده از تصاویر واکنشگرا را در قالب های واکنش گرا به وجود می آورد. تصاویر واکنشگرا به ما این امکان را می دهد که تصاویر را با توجه به اندازه صفحه نمایش کاربر نشان دهیم. استفاده از این ویژگی می تواند باعث کاهش استفاده از پهنای باند کاربر و همچنین افزایش سرعت باز شدن صفحات شود.

قالب های مدیریت واکنشگرا

در دروپال ۸ نوار ابزار مدیریت (Admin menu) واکنش گرا شده است. این نوار ابزار با توجه به نوع گجتی که از آن استفاده می شود به صورت افقی و عمودی در خواهد آمد. علاوه بر این، سعی شده است تمام صفحات مدیریتی در دروپال ۷ به صورت واکنش گرا طراحی و برنامه نویسی شوند تا از این پس شما به راحتی در تلفن همراه و یا تبلتتان بتوانید تغییرات اساسی در سایتتان به وجود آورید. 

تصاویر زیر نماهای متفاوت مدیریتی دروپال ۸ را در نسخه دسکتاپ و موبایل نشان میدهد.

بهبود استاندارهای CSS

تغییر در ساختار CSS دروپال ۸ گام بزرگ دیگری بود که JohnAlbin در استراتژی پشتیبانی دروپال از تلفن های همراه برداشت. تا ماه ژانویه بحث های بسیاری در خصوص معماری جدید CSS در دروپال ۸ صورت میگرفت تا اینکه سیاست رسمی دروپال در خصوص CSS انتشار یافت.

از ویژگی های ساختاری جدید CSS در دروپال ۸ می توان به موارد زیر اشاره کرد: 

۱. دستورالعمل های جدید ساختاری CSS 
۲. معماری جدید CSS برای بهبود کدنویسی و درک بهتر CSS 
۳. تغییر ساختار فایل های CSS به ساختاری منطقی تر بمنظور سهولت در به روز رسانی فایل های CSS

امروز با پیش بینی هایی که دروپال ۸ برای پشتیبانی از انواع گجت ها به بخصوص تلفن های هوشمند کرده است آشنا شدید. برای اطلاعات بیشتر و به روز تر می توانید از صفحهhttp://drupal.org/node/1941432 استفاده کنید.