تغییر فونت در وردپرس و اضافه کردن فونت فارسی به قالب وردپرس

• آموزش طراحی سایت مقالات آموزشی
• بروز‌رسانی‌شده در ۱۷ خرداد ۱۴۰۰

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

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

نکته: اگر از قالب وردپرس اهورا استفاده می‌کنید، نیازی به تغییر فونت از روش زیر نیست. کافیست وارد بخش نمایش > سفارشی سازی شده و فونت دلخواه خود را در تنظیمات قالب آپلود کنید.

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

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

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

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

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

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

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

اضافه کردن فونت فارسی به قالب وردپرس

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

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

درصورتی‌که قالب وردپرسی شما از پنل مدیریت و تنظیمات فونت‌ها پشتیبانی نمی‌کند؛ ابتدا یک پوشه به نام 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 + Shift + F5 مشاهده می‌کنید که فونت زیبای فارسی به سایت شما اضافه شده است. به همین راحتی!

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

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

رضا راد

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