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

برای تغییر فونت قالب وردپرس دو راه اساسی وجود دارد، یکی استفاده از کد استایل 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. پشتیبانی بیش از 20 فونت وب فارسی استاندارد و 4 فونت انگلیسی
  6. دارای سری کامل فونت وبهای بی شامل : b yekan, b koodak و …
  7. دارای فونت وب زیبای IRAN Sans
  8. سازگاری کامل فونتها با مرورگرهای بروز وب مانند فایرفاکس، کروم و ie
  9. و …

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

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

4.6/5 - (23 امتیاز)
بازدیدکنندگانی که این مطلب را مطالعه کرده اند، از مطالب زیر نیز استقبال کرده اند
دیدگاهی بنویسید
35

  1. یار تجهیز
    4 بهمن 1399 ساعت 10:32

    ممنون بابت پست خوبتون

  2. افشین
    25 مهر 1399 ساعت 11:07

    سلام. آقا من یه قالب دارم که راست چین شده ولی فونتش فارسی نبود و میخواستم فونت ایران سنس رو بهش اضافه کنم و با کلی جستجو و جمع آوری اطلاعات، یک فایل rtl.css ایجاد کردم و فونت رو بهش آدرس دهی کردم و توی فایل style.css قالب هم ایمپورت کردم، حالا فونت متن های وبسایت عوض میشه فونت اسلایدر هم عوض شده فونت فوتر هم عوض شده فقط فونت منو اصلی عوض نمیشه !!!!! با کروم inspect گرفتم، سعی کردم استایل بخش منو رو به فایل rtl.css آدرس دهی کنم ولی متاسفنانه فونت منو اصلا عوض نمیشه که نمیشه !!!
    مشکل کجاست!؟

    • پدرام تبریزی
      26 مهر 1399 ساعت 12:53

      سلام وقت بخیر
      این مورد بستگی به قالب شما دارد و باید روی قالب شما مشکل بررسی شود به این شکل قابل راهنمایی نمی باشد.

  3. فرزاد
    4 مرداد 1399 ساعت 17:48

    بینظیر و دقیق

  4. بیاتی
    20 اسفند 1398 ساعت 14:23

    سلام
    میخوام از قالب 2020 وردپرس استفاده کنم.
    افزونه فونت ماندگار رو نصب کردم، فقط فونت تیترها رو عوض میکنه و فونت متن همچنان tahoma باقی میمونه.
    به صورت دستی هم فایل style-rtl.css رو ادیت کردم و font-face رو تغییر دادم و font family ها رو هم تغییر دادم باز هم نتیجه همان است که تیترها عوض میشه اما فونت متن عوض نمیشه.
    چکار باید کرد؟
    آیا یک کدی وجود داره که جلوی تغییر فونت متن رو میگیره یا چیز دیگری هست؟

    • پدرام تبریزی
      21 اسفند 1398 ساعت 00:32

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

  5. الهام
    18 اسفند 1398 ساعت 05:24

    سلام،
    چطور میتونم یه سایدبار به سایتم اضافه کنم؟ گزینه های سایدبار قالبو که فعال میکنم هیچ تغییری اتفاق نمی افته، میشه بگید چیکار کنم؟ممنون

    • پدرام تبریزی
      19 اسفند 1398 ساعت 00:25

      سلام وقت بخیر
      سایدبار بستگی به قالب شما دارد که در کجا قابل تنظیم باشد.
      باتشکر

  6. حسن
    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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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