تغییر فونت در وردپرس و افزودن فونت فارسی به قالب‌ها

• مقالات آموزشی
• بروز‌رسانی‌شده در ۱۵ بهمن ۱۳۹۹

اکثر قالب‌های وردپرسی که شما دریافت می‌کنید، مخصوصاً قالب‌هایی که از سایت تم فارست خریداری می‌کنید؛ یا قالب‌هایی که از مخزن اصلی وردپرس دانلود می‌کنید دارای فونت فارسی نیستند. فونت‌های پیش‌فرض این قالب‌ها Tahoma ،TimesNewRoman و یا فونت‌های عربی هستند. امروز قصد داریم به شما میهن وردپرسی‌ها نحوه تغییر فونت در وردپرس را آموزش دهیم. در این آموزش از فونت بی یکان استفاده می‌کنیم. اما شما می‌توانید هر فونت دیگری را استفاده کنید.

هر قالبی که شما بر روی سایت وردپرسی خود نصب می‌کنید نیازمند یک فونت فارسی است. درواقع سایت وردپرسی شما باید حتماً دارای فونت فارسی باشد. شما قادر هستید از فونت‌های مختلفی مانند ایران سنس، بی یکان و… استفاده کنید؛ و درواقع از فونت دلخواه خود در سایت خود استفاده کنید. توسط فونت فارسی شما می‌توانید در طراحی سایت خود تحول بزرگی به وجود بیاورید و ظاهر سایت خود را تا حد زیادی تغییر دهید. اضافه کردن فونت مناسب فارسی، سایت شما را در نظر کاربران دل‌چسب‌تر می‌کند.

پس افزودن فونت فارسی به قالب سایت وردپرس یکی از ضروریات است و هرگز نباید اهمیت آن را نادیده بگیرید. یک فونت فارسی مناسب می‌تواند تأثیر فوق‌العاده‌ای در ذهن کاربر نسبت به سایت شما بگذارد، و کاری کند که کاربر ارتباط بهتری با سایت شما و محتوای آن برقرار کند؛ و درنتیجه وقت بیشتری را در سایت شما بگذارند.

تغییر فونت در وردپرس

فونت‌های متعددی در وردپرس وجود دارد که شما می‌توانید از آن‌ها استفاده کنید. اما به شما پیشنهاد می‌کنیم که حداکثر از 2 فونت در سایت خود استفاده کنید. چراکه به‌کارگیری تعداد زیادی فونت در سایت ممکن است در آینده مشکلات زیادی برای سایت وردپرسی شما ایجاد کند. به‌عنوان‌مثال ممکن است در آینده سرعت بارگذاری سایت شما کند شود، که این مشکل می‌تواند باعث کاهش تعداد بازدیدکنندگان سایت شما شود.

در این آموزش از فونت بی یکان استفاده می کنیم.

آماده سازی فونت فارسی برای افزودن فونت به وردپرس

در نظر داشته باشید که فونت مورداستفاده شما حتماً توسط موتورهای جستجو پشتیبانی شود. درصورتی‌که موتورهای جستجو از فونت انتخابی شما پشتیبانی نکنند؛ فونت دیگری را جایگزین فونت سایت شما می‌کنند. بنابراین در انتخاب فونت برای سایت وردپرسی خود نهایت دقت را داشته باشید؛ تا بتوانید تقریباً در تمام موتورهای جستجو فرمتی یکسان برای فونت سایت خود به کاربران ارائه دهید.

در ابتدای کار شما نیاز به آماده‌سازی سه فرمت از فایل فونت خود دارید. شما باید فرمت‌های Ttf، Eot و Woff فونت خود را داشته باشید. از آنجا که فونت Ttf تقریباً با تمام مرورگرها سازگار است؛ پس ابتدا به دنبال فرمت Ttf که فرمت اصلی فونت است در وب بگردید. مثلاً برای دانلود آن، فونت بی یکان فارسی را سرچ کنید.

بعد از دانلود فرمت Ttf می‌توانید با استفاده از ابزار تبدیل Ttf به Eot آن را به BYekan.eet تبدیل کرده؛ و با استفاده از ابزار تبدیل Ttf به Woff آن را به BYekan.woff تبدیل کنید. (البته ما در تیم میهن وردپرس برای راحتی کار شما عزیزان هر سه فرمت فونت بی یکان را آماده کرده‌ایم؛ شما می‌توانید از انتهای همین صفحه آن را دانلود کنید.)

افزودن فونت فارسی به قالب‌های حرفه‌ای وردپرس

بعد از نصب قالب (خصوصاً قالب‌های حرفه‌ای) در ابتدا دنبال پنل مدیریتی قالب بگردید. قالب‌هایی مثل قالب BeTheme یا قالب وردپرس آوادا به‌صورت پیش‌فرض در پنل مدیریتی خود امکان اضافه کردن فونت‌های سفارشی را دارند. شما به‌راحتی با ورود به بخش فونت‌ها یا تایپوگرافی در پنل مدیریت این قالب‌ها می‌توانید فونت‌های دلخواه خود را اضافه کنید. برای این کار از سه فرمت ساخته‌شده در مرحله قبلی استفاده کنید.

کد افزودن فونت فارسی به وردپرس

درصورتی‌که قالب وردپرسی شما از پنل مدیریت و تنظیمات فونت‌ها پشتیبانی نمی‌کند؛ ابتدا یک پوشه به نام Fonts در پوشه قالب بسازید و هر سه فونت BYekan.ttf – BYekan.woff – BYekan.eot را در این پوشه آپلود کنید.

بعد از آپلود فایل‌ها کد زیر را در فایل style.css قالب سایت خود کپی کنید:

@font-face {
	font-family: 'BYekan';
	src: url('fonts/BYekan.eot?#') format('eot'),
	url('fonts/BYekan.woff') format('woff'), 
	url('fonts/BYekan.ttf') format('truetype');
}
body{
font-family:BYekan;
}

اکنون کافی است در فایل Style.css  قالب جستجو کرده و Font-family های قالب را تغییر دهید.

مثلا اگر جایی از این فایل نوشته شده بود font-family: Tahoma یعنی فونت این المان Tahoma است. پس شما می‌توانید آن را به font-family:BYekan تغییر دهید.

اکنون سایت وردپرسی خود را باز کرده و با زدن Ctrl+f5 مشاهده می‌کنید که فونت زیبای یکان به سایت شما اضافه شده است. به همین راحتی!

امیدواریم این مقاله به شما در این زمینه کمک کرده باشد و از ان بهره کافی را برده باشید. موفق و پیروز و سربلند باشید. 🙂

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام میهن وردپرس عضو شوید.

رضا حسینی راد

با انگشتانم میلیون‌ها کیلومتر اسکرول کردم تا به هدفم نزدیک بشم و این داستان ادامه داره...