دغدغه همیشگی طراحان و دارندگان وب سایت های وردپرس و حتی سایت های برنامه نویسی شده زیبایی، کارایی و سرعت لود سایت هاییه که توسط اونا طراحی شده. به جرات میتونم یکی از مهم ترین المان های زیبایی و افزایش سرعت وب سایت ها رو فونت ها معرفی کنم. پس به همین دلیل خیلی مهم قصد دارم روش استفاده از فونت متغیر در وردپرس و در صفحه ساز المنتور رو به شما عزیزان آموزش بدم.
قبل از این که به آموزش بپردازم میخوام خدمتتون وب سایت خوب فونت ایران رو بهتون معرفی کنم. این وب سایت بستری رو برای هنرمندای عزیز کشورمون توی حوزه طراحی فونت ها فراهم کرده تا اونا بتونن از این طریق فونت های زیبای خودشون رو به فروش برسونن.
به شما دوستان وبتریکس تیمی خودم پیشنهاد میدم برای این که از هنرمندای عزیز کشورمون حمایت بشه، فونتهایی که میخواید توی وب سایتتون استفاده ببرید رو با لایسنس از این سایت خوب تهیه کنید. بزنید بریم سراغ اصل ماجرا…
برای این که شما بخواید فونت های خریداری شده رو به وب سایت خودتون اضافه کنید باید وارد فایل دریافتی بعد از خرید برید و دنبال وریبل فونت بگردید. ممکنه فونتی که خریداری میکنید شامل مدل های مختلفی باشه. برای مثال فونت اَبَر، فونتی هست که به شما سه مدل رو ارائه میده اما ما یه مدلش رو برای پیاده سازیش میخوایم. پس در مجموع یک مدل از فونت اَبَر در فرمت های woff و woff2 رو توی سایت خودمون و در رسانه ها بارگذاری میکنیم.
برای استفاده از فونت متغیر در وردپرس و به عبارت درست تر، در صفحه ساز محبوب المنتور باید به فونت های سفارشی برید و اونجا با زدن اضافه کردن جدید وارد بخشی بشید که میتونید به راحتی فونت آپلود شده رو انتخاب کنید.
همونطور که گفتم ما از یه مدل فونت در فرمت های woff و woff2 آپلودی رو توی رسانه های خودمون داشتیم. برای این که بخوایم توی همین مدل تمامی وزن های این فونت رو داشته باشیم دیگه لازم نیست فایلی رو آپلود کنیم و تنها با همون دو تا فایل وزن های مختلف رو طبق آموزش توی ویدیو مشخص میکنیم.
حالا شما میتونید به تنظیمات اصلی سایت وردپرسی خودتون رفته و از اونجا توی بخش فونت ها تمامی بخش ها رو به صورت پیش فرض روی فونتی که تعریف کردید قرار بدید و از اون با حجم کم و سرعت بالا استفاده ببرید.
یکی از مهمترین بخش ها، قبل از طراحی هر وب سایت، طراحی UI و UX اون هستش. این حروف مخفف به زبان ساده به معنی اونه که وقتی کاربر وارد وبسایت شما میشه آیا به راحتی میتونه با سایت ارتباط برقرار کنه یا نه! آیا کاربر در نگاه اول میتونه به سادگی خرید خودش رو ثبت کنه یا خیر!
استفاده از فونت های اصولی با طراحی درست میتونه سطح طراحی وب سایت شما رو به درستی بالا ببره و زمانی که کاربر وارد سایت شما میشه تجربه جذابی از کار با اون رو بدست بیاره. پس استفاده از فونت های متغیر در وب سایت های وردپرسی که با صفحه ساز المنتور و دیگر صفحه سازها طراحی شدن، میتونه کمک شایانی در این بخش داشته باشه.
یک دیدگاه درباره «استفاده از فونت متغیر در وردپرس؛ حجم کم و سرعت زیاد!»
سلام
وقتتون بخیر و خیلی ممنون در مورد آموزش
یه سوال داشتم، فونت کهربا سه محور متغیر داره (وزن، عرض و کنتراست). توی این آموزش فقط در مورد وزن فونت های صحبت شد. میخواستم ببینم از دو محور دیگه جچوری میشه در المنتور استفاده کرد؟
من یه تحقیق کوچیک در موردش داشتم. هیچ موردی برای عرض و کنتراست پیدا نکردم!
اما مطمئنم شما میتونید از تب “پیشرفته” به بخش “CSS سفارشی” برید و اونجا با استفاده کردن از انتخابگر Selector اون تکس رو هدف قرار بدید و از attribute های width, weight استفاده ببرید. برای کنتراست هیچ ایده ای ندارم!
تحقیق کنم اطلاع میدم خدمتتون❤️