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

برای تغییر فونت قالب وردپرس دو راه اساسی وجود دارد، یکی استفاده از کد استایل 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. و …

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

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

درباره نویسنده
رضا کیانوش

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

بازدیدکنندگان قبلی مشاهده مطالب زیر را به شما پیشنهاد کرده اند

دیدگاهی بنویسید.

بهتر است دیدگاه شما در ارتباط با همین مطلب باشد.

  1. جواد
    ۳۰ مهر ۱۳۹۷ ساعت ۲۱:۴۵

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

    • رضا کیانوش
      ۳۰ مهر ۱۳۹۷ ساعت ۲۲:۵۲

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

    • جواد
      ۱ آبان ۱۳۹۷ ساعت ۱۱:۳۴

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

      • رضا کیانوش
        ۱ آبان ۱۳۹۷ ساعت ۱۲:۰۴

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

  2. Sami
    ۱۴ مهر ۱۳۹۷ ساعت ۱۱:۱۰

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

    • رضا کیانوش
      ۱۴ مهر ۱۳۹۷ ساعت ۱۴:۲۵

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

  3. هادی صفایی
    ۸ مرداد ۱۳۹۷ ساعت ۱۶:۰۱

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

    • رضا کیانوش
      ۱۱ مرداد ۱۳۹۷ ساعت ۲۱:۱۸

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

  4. میلاد
    ۲۸ اردیبهشت ۱۳۹۷ ساعت ۱۴:۰۰

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

    • رضا کیانوش
      ۲۸ اردیبهشت ۱۳۹۷ ساعت ۱۶:۴۹

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

  5. ali
    ۲۴ اردیبهشت ۱۳۹۷ ساعت ۰۷:۰۳

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

    • رضا کیانوش
      ۲۴ اردیبهشت ۱۳۹۷ ساعت ۱۵:۱۵

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