در دنیای وردپرس، آیکونهای پیشخوان نقش مهمی در زیبایی و کاربرپسند بودن رابط کاربری دارند. این آیکونها که با نام Dashicons شناخته میشوند، در نسخه 5.2 وردپرس پس از 3 سال، دستخوش تغییرات و بهروزرسانیهایی شدهاند. اولین بهروزرسانی این آیکونها در نسخه 4.5 وردپرس انجام شد و اکنون، در نسخه 5.2 شاهد ارائه مجموعهای جدید و بهبود یافته از آیکونهای داشبورد هستیم. در این بهروزرسانی، 13 آیکون جدید به مجموعه Dashicons اضافه شده است که این امر، گسترهی انتخاب و امکانات طراحان و توسعهدهندگان را افزایش میدهد.
وردپرس 5.2 از فرمت (WOFF2 (Web Open Font Format 2 استفاده میکند که جایگزینی مدرن برای فرمت WOFF 1.0 به شمار میرود. این فرمت جدید، با بهرهگیری از قابلیتهای فشردهسازی پیشرفته، باعث کاهش حجم صفحات و بهبود سرعت بارگذاری میشود. البته فرمت قبلی (WOFF 1.0) همچنان در هسته وردپرس باقی میماند تا سازگاری با قالبها و افزونههای قدیمی حفظ شود و این منابع بتوانند همچنان از این آیکونها استفاده کنند.
آشنایی با تغییرات و بهروزرسانیهای Dashicons
وردپرس همواره در تلاش است تا فرآیند افزودن آیکونهای جدید را سادهتر کند. در این راستا، یک فرآیند جدید در مخزن وردپرس در نظر گرفته شده است که کار را برای توسعهدهندگان آسان میکند. با آپلود فایلهای SVG برای آیکونهای جدید، این آیکونها به طور خودکار در فایلهای CSS و ظاهر وبسایت قرار میگیرند. این فرآیند، اگرچه اعلان خاصی ندارد، اما یک گام مهم در جهت سهولت استفاده از آیکونها در وردپرس به شمار میرود.
فرمت فونت WOFF 2.0: گامی به سوی بهینهسازی
نسخه 5.2 وردپرس از فرمت WOFF2 استفاده میکند. این فرمت جدید نسبت به WOFF 1.0، مزایای متعددی دارد که از جمله آنها میتوان به فشردهسازی بهتر و کاهش حجم صفحات اشاره کرد. این ویژگی، تاثیر مثبتی بر سرعت بارگذاری وبسایت شما دارد. البته، لازم به ذکر است که فرمت WOFF2 در مرورگر Internet Explorer پشتیبانی نمیشود، اما تمامی مرورگرهای مدرن امروزی به خوبی از آن پشتیبانی میکنند و آیکونها را به درستی نمایش میدهند.
حفظ سازگاری با فرمت WOFF 1.0
همانطور که اشاره شد، فرمت WOFF 1.0 همچنان در هسته وردپرس باقی خواهد ماند. این امر به منظور حفظ سازگاری با قالبها و افزونههایی است که از Dashicons استفاده میکنند و فایل dashicons.woff را از مسیر wp-includes/fonts/dashicons.woff فراخوانی میکنند. این فایل، آپدیت جدیدی دریافت نکرده است و صرفا برای حفظ سازگاری با نسخههای قدیمیتر باقی مانده است. با توجه به مدرنتر بودن WOFF2، این فرمت جدید در اولویت استفاده قرار خواهد داشت.
فرمت WOFF 1.0 به صورت یک فونت جاسازی شده در فایل dashicons.css وجود دارد. این فایل نیز بهروزرسانی شده و آیکونهای جدید را در خود جای داده است. اگر به دلیل سازگاری با Internet Explorer نیاز دارید از فرمت WOFF 1.0 استفاده کنید، میتوانید از فایل dashicons.css موجود در هسته وردپرس استفاده کنید تا بتوانید Font Face Dashicon های جدید را تعریف نمایید.
علاوه بر این، میتوانید از فرمت OpenType که در wp-includes/fonts/dashicons.eot قرار دارد نیز استفاده کنید. این فرمت، از تمامی نسخههای Internet Explorer پشتیبانی میکند و شامل آیکونهای جدید نیز میشود.

داستانی از تولد آیکونهای جدید Dashicons
آقای Nate Allen، مهندس ارشد وب در شرکت 10up، نقش مهمی در توسعهی کتابخانهی جدید Dashicons داشته است. او میگوید: “تا آنجا که به خاطر دارم، وردپرس از آیکون Businessman استفاده میکرد، اما فاقد آیکونی بود که جنسیت را نشان دهد یا به صورت عمومی باشد.” او همچنین اضافه میکند: “پیش از این، در شرکت Firefly Partners کار میکردم که در زمینه طراحی وبسایت برای سازمانهای غیرانتفاعی فعالیت داشت. یکی از پروژههای ما مربوط به یک سازمان حمایت از حقوق زنان بود که در وبسایت وردپرسی خود نیازمند یک پست تایپ اختصاصی برای اعضای این سازمان بودیم. کمی آزاردهنده بود که به آنها توضیح دهیم که فقط میتوانیم از آیکون Businessman استفاده کنیم و برای داشتن آیکون Businesswoman باید هزینهای برای طراحی آیکون پرداخت شود.”
Allen پس از 5 الی 6 ماه، با نرمافزار Illustrator آشنا شد و خودش 3 آیکون جدید برای نسخه جدید وردپرس طراحی کرد.
آیکونهای جدید، گامی به سوی انعطافپذیری بیشتر
بهروزرسانی Dashicons در وردپرس 5.2 شامل اضافه شدن 13 آیکون جدید است. علاوه بر این، 18 آیکون دیگری که پیش از این در فایلهای فونت وجود داشتند اما فاقد فراخوانی CSS بودند نیز، اکنون در دسترس قرار گرفتهاند.
سخن پایانی
آیکونهای جدید Dashicons، گزینههای مناسبی برای استفاده در پروژههای مختلف، بهویژه آنهایی که نیازمند پست تایپهای اختصاصی یا نمایش آیکون در صفحات مختلف هستند، محسوب میشوند. ما هم مشتاقانه منتظر انتشار نسخه 5.2 وردپرس هستیم تا از این آیکونهای جدید بهرهمند شویم.
شما میتوانید تمامی Dashiconها را در مخزن وردپرس مشاهده کنید.
منبع: Dashicon
ارسال پاسخ