آموزش تغییر فونت قالب وردپرس توسط کد یا افزونه فونت فارسی + فیلم آموزشی

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

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

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

اصولی ترین راه تغیر فونت در پوسته وردپرس استفاده از کد استایل font-face میباشد.
در این روش که بیشتر در هنگام طراحی پوسته مورد استفاده قرار میگیرد، فونت وب دلخواه مان را که دارای فرمتهای استاندارد otf ، eot ، svg ، woff ، woff2 و ttf است در پوشه ای با نام fonts قرار داده و در کنار سایر فایلهای پوسته آپلود میکنیم، سپس توسط دستور font-face در فایل style.css فراخوانی کرده و فونت هر قسمت از پوسته را که بخواهیم با استفاده از نام آن که با دستور font-family در فونت فیس معرفی کرده ایم، تغییر میدهیم. کدهای کامل دستور فونت فیس را در تصویر زیر مشاهده میکنید.

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

دانلود فونت وب استاندارد فارسی برای استفاده در طراحی پوسته وردپرس

بهترین روش تغییر فونت قالب وردپرس استفاده از دستور font-face در استایل است.
پیدا کردن فونت وب استاندارد فارسی باتوجه به زیاد شدن نسخه های غیراستاندارد کار سختی شده، در نتیجه تصمیم گرفتم تعدادی از فونت وب هاس استاندارد را از سطح وب جمع آوری و در قالب یک فایل فشرده به همراه کدهای css لازم جهت دانلود قرار دهم ا براحتی بتوانید از آنها استفاده کنید. برخی از فونتهایی که در این مجموعه یافت میشوند عبارتند از: فونت وب وزیر، پرستو، ساحل، صمیم، فونت وب یکان با اعداد فارسی، فونت وب میترا، کودک و … با استفاده از این لینک فونتها را دانلود کنید.

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

توسط افزونه فونت ماندگار امکان تغییر فونت بخش مدیریت یا پیشخوان وردپرس همچنین تغییر فونت پوسته وردپرس امکان پذیر است.
برخی از ویژگی ها افزونه عبارتند از:

  1. کاملا فارسی و راستچین
  2. نصب و تنظیم راحت افزونه
  3. تغییر فونت بخش مدیریت یا پوسته وردپرس
  4. قابلیت تعیین اندازه فونت برای بخشهای مختلف سایت
  5. پشتیبانی بیش از ۲۰ فونت وب فارسی استاندارد و ۴ فونت انگلیسی
  6. دارای سری کامل فونت وبهای بی شامل : b yekan, b koodak و …
  7. دارای فونت وب زیبای IRAN Sans
  8. سازگاری کامل فونتها با مرورگرهای بروز وب مانند فایرفاکس، کروم و ie
  9. و …

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

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

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

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

بازدیدکنندگانی که این مطلب را مطالعه کرده اند، از مطالب زیر نیز استقبال کرده اند
دیدگاهی بنویسید
27
  1. حسن
    31 مرداد 1398 ساعت 18:26

    سلام من تمام فایل های Css قالب رو روی فونت خودم تنظیم کردم ولی اعمال نمیشه ولی با افزونه فونت ماندگار و افزونه های دیگه همون فوت اعمال می شه به نظر شما مشکل چیه؟

    • رضا کیانوش
      31 مرداد 1398 ساعت 20:51

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

      • حسن
        1 شهریور 1398 ساعت 23:13

        من فونت رو داخل پوشه ی فونت قالبی که ازش استفاده می کنم ریختم که آدرسش اینه:
        public_html/wp-content/themes/roseta/resources/fonts
        بعد آدرسی که برای فراخوانی فونت در فایل Css دادم اینه :
        url(‘resources/fonts/Sans.eot’)
        فایل css هم آدرسش اینه:
        roseta/style.css
        آیا آدرس دهی درسته؟

        • رضا کیانوش
          2 شهریور 1398 ساعت 08:05

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

  2. افشین
    1 مرداد 1398 ساعت 10:13

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

    • رضا کیانوش
      1 مرداد 1398 ساعت 17:39

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

  3. موسی
    22 خرداد 1398 ساعت 10:17

    واقعا بابت فونت ها متشکرم. بی نهایت ممنون بازم مرسی

  4. حسین
    20 دی 1397 ساعت 01:18

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

    • رضا کیانوش
      20 دی 1397 ساعت 06:45

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

  5. hossein123
    4 دی 1397 ساعت 00:07

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

    • رضا کیانوش
      4 دی 1397 ساعت 06:23

      سلام وقت بخیر، اندازه کلی فونت های سایت بستگی به نوع طراحی رابط کاربری داره، معمولا فونت مطالب و مقالات سایت روی ۱۳ یا ۱۴ پیکسل تنظیم میشه و از تگ body در استایل style.css مقدارش مشخص میشه. موفق باشید

  6. shirin
    24 آذر 1397 ساعت 19:54

    سلام اول ممنونم از سایت خوبتون من با تغییر فونت قالب esteem, به مشکل خوردم.
    تو فایل style.css اندازه فونت ها رو تغییر دادم،تو هر پرونده دیگه ای هم که از فونت و سایز چیزی دیدم تغییر دادم ولی هیچ اتفاقی برا سایت نیوفتاد.همه کارای این آموزش هم انجام دادم. خدایی یکی کمکم کنه. فونتش خیلی ریزه. نوشته ها رو میشه درست کرد ولی منو و … نه

    • رضا کیانوش
      24 آذر 1397 ساعت 23:24

      سلام وقت بخیر، فونت قالب وردپرس سایت تون رو که تغیر دادید و درست هست. برای تغییر اندازه فونتها با استفاده از inspect element مرورگر (در فایرفاکس از گزینه های راست کلیک هست) سورس کد سایت رو بررسی کنید تا بتونید فایل و خطی که باید اندازه فونت تغییر کنه رو پیدا کنید و بعد ویرایشش کنید. موفق باشید

  7. خدمت گستر
    9 آذر 1397 ساعت 16:48

    سلام دو سوال داشتم خدمتتون.
    ۱-فونت دیجی کالا رو میشه برای دانلود بزارید.
    ۲-شما در سایت ایران تمز از چه فونتی استفاده می کنید.

    • رضا کیانوش
      9 آذر 1397 ساعت 18:34

      سلام وقت بخیر، ۱- خیر ۲-در نسخه فعلی فونت ایران یکان هست.

  8. جواد
    30 مهر 1397 ساعت 21:45

    سلام بعد از دانلود افزونه میخام افزونه رو اضافه کنم ولی خطای زیر رو میده…
    این بسته نمی‌تواند نصب شود. هیچ افزونه‌ی معتبری یافت نشد. نصب افزونه با خطا مواجه شد. مشکل چیه؟

    • رضا کیانوش
      30 مهر 1397 ساعت 22:52

      سلام وقت بخیر، بعضی مواقع به دلایلی مختلفی ممکنه خطا بوجود بیاد. بهترین کار در چنین شرایطی انتقال فایل زیپ افزونه به پوشه plugins هست که در پوشه wp-content قرار داره. بعد از حالت فشرده خارج کنید و از پنل پیشخوان وردپرس فعالش کنید. موفق باشید

    • جواد
      1 آبان 1397 ساعت 11:34

      سلام خسته نباشید. کاری که گفتی رو انجام دادم ولی هیچ تاثیری نداشت. باز هم همه فونتهایی که نمایش داده میشه همونجور پیش فرضه

      • رضا کیانوش
        1 آبان 1397 ساعت 12:04

        بعد از اعمال تغییرات کش وردپرس (اگر افزونه کش نصب کردید) و کش مرورگر رو با استفاده از ctrl+f5 خالی کنید. در صورت استفاده از cdn هایی مثل کلودفلار باید کش اونها هم خالی بشه. در نهایت اگر تغییرات اعمال نشد مشکل میتونه از قالب وردپرس هم باشه.

  9. Sami
    14 مهر 1397 ساعت 11:10

    سلام دوست عزیز خیلی ممنون از نوشته خوبتون. من یه مشکلی که برام پیش اومده اینه که : یه فایل خروجی به فرمت CSV از دیتابس گرفتم و تو وب سایت خودم آپلود کردم. فونت نوشته هام – فقط تیترها و سمت چپ وب سایت تغییر می کنه و فونت داخل نوشته تغییر نمی کنه . (هر پست در حقیقت یه رکورد از فایل CSV) است. اون قسمت چه طور عوض کنم

    • رضا کیانوش
      14 مهر 1397 ساعت 14:25

      سلام وقت بخیر اینطور که از توضیحات شما متوجه شدم مشکل از فایل csv هست که باید ویرایش بشه احتمالا از استایل های درون خطی استفاده شده، با استفاده از نرم افزارهای ویرایش csv میتونید فایل csv رو ویرایش کنید. موفق باشید

  10. هادی صفایی
    8 مرداد 1397 ساعت 16:01

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

    • رضا کیانوش
      11 مرداد 1397 ساعت 21:18

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

  11. میلاد
    28 اردیبهشت 1397 ساعت 14:00

    الان با این روش به راحتی میشه فونت قالب رو عوض کرد!!! یک فایل درست کردی یک متن ساده توش گذاشتی فکر کردی بعد میشه با این اموزش فون سایت رو عوض کرد

    • رضا کیانوش
      28 اردیبهشت 1397 ساعت 16:49

      سلام وقت بخیر، دوست عزیز از این راحت تر غیرممکنه ! قرار نیست شق‌القمر کنید که فیلم آموزشی رو ببینید تا به راحتی فونت قالب وردپرس رو عوض کنید. موفق باشید

  12. ali
    24 اردیبهشت 1397 ساعت 07:03

    دوست عزیز کد رو بصورت تصویر میزاری؟ 🙂 خسته نباشی

    • رضا کیانوش
      24 اردیبهشت 1397 ساعت 15:15

      سلام وقت بخیر، چه مشکلی پیش میاد ؟ در قسمت پایینتر تصویر از بخش لینک دانلود فونت، علاوه بر فونت کدهای Css فراخوانی فونتها هم موجوده برای همین کدهای فونت فیس رو فقط برای آشنایی به شکل تصویر گذاشتیم. موفق باشید