ثبت‌نام ورود

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

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

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

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

نظر شما در این‌باره چیست؟

  1. U27858 ۰۸ تیر ۱۳۹۹

    سلام
    من توی قالبم از font awesome استفاده میکنم ولی یه مشکل داره که خیلی پوشه پر حجمی داره به خاطره همی تعدادی از قسمت هاشو (بعضی از فرمت ها مثب woff2 و …) رو پاک کردم ولی این باعث ایجاد ارور های console مرورگر شده:
    the server responded with a status of 404 ()
    ممنون میشم راهنمایی کنید.
    تشکر.

  2. کاربر مهمان ۲۰ اسفند ۱۳۹۸

    سلام من قالب ۷ دارم مراحلو مث شما انجام دادم الان قسمت Typography کلا باز نمیشه ! اسلایدی هم که صفحه اول گذاشته بودم نصفشو نشون نمیده . میخواستم بدونم مشکل از چیه و چطوری میتونم درستش کنم ممنون

    • تیم پشتیبانی تیم پشتیبانی ۲۰ اسفند ۱۳۹۸

      با سلام
      چنانچه قالب را از ما خریداری کرده ایدبه بخش پشتیبانی تیکت ارسال بفرمایید

  3. کاربر مهمان ۰۸ بهمن ۱۳۹۸

    سلام ممنون از آموزش خوبتون اما ی سوال ما زبان سایت رو فارسی کردیم و فونت بی یکانم نصب کردیم البته توسط پلاگین Fontiran حالا ی جاهایی هدرمون انگلیسیه و مثل خنگا عددارو فارسی میزنه الان چ کنیم؟

    • رضا حسینی راد رضا حسینی راد ۰۹ بهمن ۱۳۹۸

      سلام ممنون از شما. شما فونت بی یکان با اعداد فارسی رو نصب کردید. باید فونت استاندارد رو نصب کنید.

      • کاربر مهمان ۰۹ بهمن ۱۳۹۸

        ممنون از پاسختون اما یک فونت بی یکان دانلود کردم ک نوشته بود که هم اعداد فارسی هم انگلیسی داره اما بازم اعداد رو توی عنوان انگلیسی فارسی میزنه

  4. کاربر مهمان ۲۳ دی ۱۳۹۸

    ممنون مطلبتون خیلی خوب بود

  5. U5607 ۲۲ مهر ۱۳۹۸

    آموزش عالی بود ولی فونت ساحل بهتر از این فونت هستش مخصوصا وزن semibold

  6. U22993 ۲۴ مرداد ۱۳۹۸

    سلام وقت بخیر
    من کل مراحل رو مثل شما پیش بردم، بارها هم این کار رو انجام دادم ولی کنار بند src: یک مثلث خطا نشون میده
    ایراد از چیه؟ من از قالب astra استفاده می کنم

    • تیم پشتیبانی تیم پشتیبانی ۲۶ مرداد ۱۳۹۸

      سلام
      اجازه بدید تا نسخه جدید قالب رو ارایه بدیم و از نسخه جدید استفاده کنید
      در کل پیشنهاد ما به شما استفاده از قالب های حرفه ای هست

  7. کاربر مهمان ۱۳ اسفند ۱۳۹۷

    سلام..

    من دقیقا طبق این اموزش پیش میرم اما فونت تغییری نمیکنه…راهی دیگه وجود نداره من دقیقا روی رو پوسته هم انجام میدم بازم فایده ای نداره

    • رضا حسینی راد رضا حسینی راد ۱۴ اسفند ۱۳۹۷

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

  8. کاربر مهمان ۰۷ بهمن ۱۳۹۷

    من از یه شرکت المانی به اسم STRATO هاست خریداری کردم اما متاسفانه اجازه دسترسی به فایل هامو نمیده فقط میگه ماهانه ۲۰ یورو پرداخت کنید تا ازین مرض عبور کنید . فقط ورد پرس رو نصب کرده روی هاستم و تمام دگه هیچگونه عملیاتی روی هاستم انجام داده نمیتونم
    لطفا راهنمایی کنید .
    سپاس

  9. U17483 ۱۱ دی ۱۳۹۷

    ممنون بابت مطالب زیباتون، همه فونت‌ها کار میکنن ولی ایران‌سنس رو هیچ قالبی واسم کار نکرد. میشه لطفا کمکم کنید.

    • رضا حسینی راد رضا حسینی راد ۱۱ دی ۱۳۹۷

      احتمالا مشکلی موقع نصبش دارید. حتما طبق آموزش ایران سنس انجام بدید اینکار رو. آموزش نصب فونت ایران سنس رو توی سایت خودمون سرچ کنید.

  10. کاربر مهمان ۱۰ دی ۱۳۹۷

    سلام. ممنون بابت مطالب مفیدتون.
    من هرکار کردم نتونستم فونت ایران‌سنس رو ایندکس کنم، حتی از ایمپورتانت استفاده کردم ولی باز هم فونت اعمال نشد. روی قالب اچ‌تی‌ام‌ال خام کار کرد ولی رو وردپرس کار نمی‌کنه. هر چهارتا فرمت ttf, eot, woff و woff2 رو هم آپلود کردم.

    • رضا حسینی راد رضا حسینی راد ۱۱ دی ۱۳۹۷

      درود شاید قالب سایتتون از فونت توی تنظیماتش استفاده میکنه که باید از php تغییر بدید در این صورت

  11. کاربر مهمان ۰۶ آبان ۱۳۹۷

    با سلام و تشکر
    پس از اضافه کردن پلاگین accordion، بعضی جاها فونتها اعمال میشن، بعضی جاها خیر.
    محبت میکنین راهنمایی کنین چطور باید مشکل رو حل کرد؟
    متشکرم

    • U8156 ۰۶ آبان ۱۳۹۷

      سلام
      باید از سی اس اس قسمت هایی که میخواید را پیدا کنید و فونت آن قسمت ها را تغییر دهید.

  12. کاربر مهمان ۱۶ مهر ۱۳۹۷

    ممنون از مطالب خوبتون. خیلی مفید هستن.

  13. کاربر مهمان ۰۷ شهریور ۱۳۹۷

    سلام
    خداقوت
    آیا قالب نیوزپیپر هم فونت فارسی داره و نحوه اضافه کردن فونت در این قالب چطور هستش؟
    با تشکر

    • U11404 ۰۷ شهریور ۱۳۹۷

      سلام
      بله همانطور که در دمو میشاهده میکنید فونت ایران سنس ب روی قالب نصب است. کافیست قالب را نصب کنید و اگر فونت ایران سنس نیست از تنظیمات قالب بخش تایپوگرافی را بررسی کنید.

  14. کاربر مهمان ۰۶ شهریور ۱۳۹۷

    سلام وقتتون بخیر من از قالب صحیفه استفاده میکنم و در حال حاضر کلی فونت داره میخواستم فونت دلخواهم رو به این قالب اضافه کنم میشه راهنمایی بفرمایید؟

    • رضا حسینی راد رضا حسینی راد ۰۷ شهریور ۱۳۹۷

      درود از همین روش می توانید اضافه کنید. اگر صحیفه را از سایت خودمان دریافت کنید بیش از ۶۴ فونت فارسی دارد

  15. کاربر مهمان ۲۴ مرداد ۱۳۹۷

    با سلام قالب سایت مت betheme هستش. داخل فایل style.css هیچfont-family ای وجود نداره.چطوری میتونم دونه دونه font-family های مختلف سایتم رو پیدا کنم و تغییرش بدم ؟ وقتی ام که از طریق تنظیمات خود قالب betheme فونت رو عوض میکنم سرعت بارکزازی سایت پایین میاد

  16. کاربر مهمان ۲۴ مرداد ۱۳۹۷

    با سلام . من داخل فایل استایلم کدهایی گه گفتین رو وارد کردم.اما مثلا وقتی می خوام فونت های قسمت body رو تغییر بدم (font-family رو تغییر بدم) هیچ کدی راجع به body داخل فایل style نیست.

  17. کاربر مهمان ۲۳ تیر ۱۳۹۷

    سلام و خسته نباشید. من دقیقا همین کار را چندین بار برای تغییر فونت انجام دادم ولی فقط در فایرفاکس فونت را درست نشان میدهد و در مرورگرهای دیگر فونت معمولی است. پوشه فونت در هاست پیدا نکردم و در public htmlکه قالب وردپرس را آپلود کردم یک پوشه به اسم fonts ساختم و فونت ها را با 3 فرمت آنجا قرار دادم و هنگام آدرس دهی در style.css از آدرس دهی fonts/BYekan استفاده کردم ولی متاسفانه اجرا نشد. باز هم یک پوشه ای به اسم fonts در پوشه includs موجود بود فونت ها را به این پوشه هم انتقال دادم نشد. آدرس دهی کامل از public_html/includs/fonts نیز انجام دادم ولی باز هم نمیشناسه. font family ها را نیز به BYekan تغییر دادم. با افزونه هم تغییر دادم فونت را باز مرورگرهای دیگر جز فایرفاکس مشکل دارد. میشه بفرمایید چکار کنم یا فونت ها را دقیقا در کجای هاست آپلود کنم که با این آدرس بشناسد؟ vidacompany.ir
    لطفا جواب را به ایمیلم ارسال کنید. با تشکر

  18. کاربر مهمان ۰۳ تیر ۱۳۹۷

    سلام
    من از قالب sydney استفاده میکنم.
    کار هایی که تو فیلم آموزش بود را انجام دادم ولی هیچ تغییری ایجاد نشد. الان باید چیکار کنم؟؟؟؟