مقدمه
دغدغه همیشگی طراحان و دارندگان وب سایت های وردپرس و حتی سایت های برنامه نویسی شده زیبایی، کارایی و سرعت لود سایت هاییه که توسط اونا طراحی شده. به جرات میتونم یکی از مهم ترین المان های زیبایی و افزایش سرعت وب سایت ها رو فونت ها معرفی کنم. پس به همین دلیل خیلی مهم قصد دارم روش استفاده از فونت متغیر در وردپرس و در صفحه ساز المنتور رو به شما عزیزان آموزش بدم.
قبل از این که به آموزش بپردازم میخوام خدمتتون وب سایت خوب فونت ایران رو بهتون معرفی کنم. این وب سایت بستری رو برای هنرمندای عزیز کشورمون توی حوزه طراحی فونت ها فراهم کرده تا اونا بتونن از این طریق فونت های زیبای خودشون رو به فروش برسونن.
به شما دوستان وبتریکس تیمی خودم پیشنهاد میدم برای این که از هنرمندای عزیز کشورمون حمایت بشه، فونتهایی که میخواید توی وب سایتتون استفاده ببرید رو با لایسنس از این سایت خوب تهیه کنید. بزنید بریم سراغ اصل ماجرا…
استفاده از فونت متغیر یا Variable Fonts در وردپرس و المنتور
برای این که شما بخواید فونت های خریداری شده رو به وب سایت خودتون اضافه کنید باید وارد فایل دریافتی بعد از خرید برید و دنبال وریبل فونت بگردید. ممکنه فونتی که خریداری میکنید شامل مدل های مختلفی باشه. برای مثال فونت اَبَر، فونتی هست که به شما سه مدل رو ارائه میده اما ما یه مدلش رو برای پیاده سازیش میخوایم. پس در مجموع یک مدل از فونت اَبَر در فرمت های woff و woff2 رو توی سایت خودمون و در رسانه ها بارگذاری میکنیم.
برای استفاده از فونت متغیر در وردپرس و به عبارت درست تر، در صفحه ساز محبوب المنتور باید به فونت های سفارشی برید و اونجا با زدن اضافه کردن جدید وارد بخشی بشید که میتونید به راحتی فونت آپلود شده رو انتخاب کنید.
آموزش نصب وردپرس در لوکال هاست Xampp
همونطور که گفتم ما از یه مدل فونت در فرمت های woff و woff2 آپلودی رو توی رسانه های خودمون داشتیم. برای این که بخوایم توی همین مدل تمامی وزن های این فونت رو داشته باشیم دیگه لازم نیست فایلی رو آپلود کنیم و تنها با همون دو تا فایل وزن های مختلف رو طبق آموزش توی ویدیو مشخص میکنیم.
حالا شما میتونید به تنظیمات اصلی سایت وردپرسی خودتون رفته و از اونجا توی بخش فونت ها تمامی بخش ها رو به صورت پیش فرض روی فونتی که تعریف کردید قرار بدید و از اون با حجم کم و سرعت بالا استفاده ببرید.
استفاده از فونت متغیر در وردپرس و تاثیر بر UI UX
یکی از مهمترین بخش ها، قبل از طراحی هر وب سایت، طراحی UI و UX اون هستش. این حروف مخفف به زبان ساده به معنی اونه که وقتی کاربر وارد وبسایت شما میشه آیا به راحتی میتونه با سایت ارتباط برقرار کنه یا نه! آیا کاربر در نگاه اول میتونه به سادگی خرید خودش رو ثبت کنه یا خیر!
استفاده از فونت های اصولی با طراحی درست میتونه سطح طراحی وب سایت شما رو به درستی بالا ببره و زمانی که کاربر وارد سایت شما میشه تجربه جذابی از کار با اون رو بدست بیاره. پس استفاده از فونت های متغیر در وب سایت های وردپرسی که با صفحه ساز المنتور و دیگر صفحه سازها طراحی شدن، میتونه کمک شایانی در این بخش داشته باشه.