آموزش نصب و تغییر فونت فارسی در قالب‌های خارجی وردپرس (بدون افزونه و با سرعت بالا)

از /

اگر از قالب‌های خارجی مثل Astra یا Kadence استفاده می‌کنید و می‌خواهید ظاهر سایتتان را با فونت فارسی حرفه‌ای مثل Vazir زیباتر و خواناتر کنید، این آموزش دقیقاً برای شماست. بدون نیاز به افزونه‌های سنگین، با حفظ سرعت سایت و کاملاً قابل کنترل.

فونت پیش فرض ما در این آموزش فونت وزیر Vazir می باشد

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

چرا فونت وزیر و فرمت WOFF2؟

  • فونت وزیر یکی از زیباترین و خواناترین فونت‌های فارسی است
  • فرمت WOFF2 تا ۳۰٪ حجم کمتری نسبت به فرمت‌های دیگر دارد
  • افزایش سرعت بارگذاری سایت و بهبود نمره Core Web Vitals
  • نمایش بهتر متون در تمام مرورگرها و دستگاه‌ها
  • رایگان و متن‌باز بودن

نکته مهم: اگر به هر دلیلی در مراحل نصب فونت به مشکل برخوردید، در انتهای مقاله بخش خدمات حرفه‌ای ما را مشاهده کنید.

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

آموزش نصب و تغییر فونت فارسی در قالب‌های خارجی 2وردپرس

مرحله ۱: دانلود فونت وزیر با فرمت WOFF2

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

۱. به مخزن رسمی فونت وزیر در گیت‌هاب بروید: Vazir Font GitHub
۲. روی دکمه “Code” و سپس “Download ZIP” کلیک کنید.
۳. فایل ZIP را از حالت فشرده خارج کنید.
۴. در پوشه‌های باز شده، به دنبال فایل Vazir.woff2 بگردید. (معمولاً در پوشه dist یا fonts قرار دارد)

نکته حرفه‌ای: اگر فایل woff2 را پیدا نکردید، می‌توانید از ابزارهای آنلاین تبدیل فونت برای تبدیل فایل ttf به woff2 استفاده کنید.

مرحله ۲: آپلود فایل در پوشه فونت قالب آسترا

حالا باید فایل دانلود شده را در پوشه فونت قالب آسترا آپلود کنید.

۱. وارد مدیریت فایل (File Manager) هاست خود شوید.
۲. به مسیر زیر بروید: /public_html/wp-content/themes/astra/assets/fonts/
۳. فایل Vazir.woff2 را که دانلود کرده‌اید، در این پوشه آپلود کنید.

توجه: اطمینان حاصل کنید که نام فایل دقیقاً Vazir.woff2 باشد (حساس به بزرگ و کوچکی حروف است).

محصولات پیشنهادی براساس دسته بندی فاکتور فروش

مرحله ۳: افزودن کدهای CSS به سایت

حالا باید کدهای CSS را به سایت اضافه کنید تا فونت جدید شناسایی و اعمال شود.

روش اول (پیشنهادی – با استفاده از Customizer)

۱. از پیشخوان وردپرس به ظاهر > شخصی‌سازی > CSS اضافی بروید.
۲. کد زیر را در آن قسمت قرار دهید:

کد CSS:

/* تعریف فونت وزیر */
@font-face {
  font-family: 'Vazir';
  src: url('/wp-content/themes/astra/assets/fonts/Vazir.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* کلیدی برای سرعت */
}

/* اعمال فونت به کل سایت */
body,
button,
input,
select,
textarea {
  font-family: 'Vazir', sans-serif;
}

/* اعمال فونت به بخش‌های خاص ووکامرس */
.woocommerce-ordering select,
.woocommerce-ordering {
  font-family: 'Vazir', sans-serif !important;
}

/* مخفی کردن ستاره‌های امتیازدهی (در صورت نیاز) */
.woocommerce .star-rating,
.woocommerce-page .star-rating {
  display: none !important;
}

۳. روی دکمه انتشار کلیک کنید.

روش دوم (حرفه‌ای‌تر – با استفاده از Child Theme)

۱. اگر از Child Theme استفاده می‌کنید (که برای سایت‌های حرفه‌ای توصیه می‌شود)
۲. فایل style.css Child Theme خود را ویرایش کنید.
۳. کد بالا را به انتهای آن اضافه کنید.
۴. فایل را ذخیره کنید.

نکته حرفه‌ای: استفاده از Child Theme باعث می‌شود در زمان به‌روزرسانی قالب آسترا، تغییرات شما از بین نرود.

مرحله ۴: بهینه‌سازی برای سرعت (پیش‌بارگذاری)

برای اینکه مرورگر فایل فونت را با اولویت بالا بارگذاری کند، کد زیر را به فایل header.php (یا با استفاده از افزونه‌های SEO) اضافه کنید:

کد:

<link rel="preload" href="/wp-content/themes/astra/assets/fonts/Vazir.woff2" as="font" type="font/woff2" crossorigin>

توجه: این کد را می‌توانید با استفاده از افزونه‌هایی مانند Insert Headers and Footers نیز اضافه کنید تا نیازی به ویرایش مستقیم فایل‌های قالب نباشد.

محصولات پیشنهادی براساس دسته بندی تصویر زمینه کامپیوتر

مرحله ۵: تست نهایی نصب و تغییر فونت فارسی در قالب‌های خارجی وردپرس

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

۱. از ابزار PageSpeed Insights یا GTmetrix برای بررسی سرعت و اطمینان از رفع خطای “Ensure text remains visible” استفاده کنید.
۲. اگر خطایی مشاهده کردید، از کلیدهای Ctrl + F5 برای پاکسازی کش مرورگر استفاده کنید.

رفع اشکالات رایج نصب و تغییر فونت فارسی در قالب‌های خارجی وردپرس

مشکل: فونت نمایش داده نمی‌شود

راه‌حل: مسیر فایل را بررسی کنید. مطمئن شوید که فایل Vazir.woff2 در مسیر صحیح آپلود شده است.

مشکل: خطای “Ensure text remains visible”

راه‌حل: مطمئن شوید که font-display: swap در کد CSS وجود دارد.

مشکل: فونت فقط در برخی بخش‌ها اعمال شده

راه‌حل: به بخش‌های خاص سایت، کلاس‌های CSS بیشتری اضافه کنید یا از !important استفاده کنید.

جمع‌بندی نهایی آموزش نصب و تغییر فونت فارسی در قالب‌های خارجی وردپرس

با این کار شما یک پیاده‌سازی حرفه‌ای، سریع و اصولی از فونت وزیر در سایت خود انجام داده‌اید. این روش مزایای زیر را دارد:

  • استفاده از فرمت فشرده WOFF2 برای افزایش سرعت
  • تنظیم font-display: swap برای بهبود تجربه کاربری
  • اعمال سراسری فونت به تمام بخش‌های سایت
  • امکان پیش‌بارگذاری برای بهبود Core Web Vitals
  • مدیریت آسان و بدون نیاز به تغییرات پیچیده در کدهای قالب

اگر در هر مرحله به مشکلی برخوردید، می توانید از خدامت ما استفاده کنید! 🚀

◉نیاز به کمک حرفه‌ای دارید؟

اگر با وجود این آموزش، باز هم در نصب و تغییر فونت فارسی در قالب‌های خارجی وردپرس مشکل دارید،
× دیگر نیازی به صرف ساعت‌ها وقت و سردرگمی نیست.

تیم متخصص ما آماده است تا تمام مراحل را برای شما انجام دهد:

✅ دانلود و آپلود اصولی فونت درخواستی در هاست شما
✅ تنظیم دقیق کدهای CSS و اعمال سراسری فونت
✅ فعال‌سازی پیش‌بارگذاری برای افزایش سرعت سایت
✅ تست کامل و اطمینان از نمایش صحیح در تمام مرورگرها

√ خدمات ما کاملاً تضمینی و با پشتیبانی پس از اجرا همراه است

پس از ثبت درخواست، تیم نادر آی تی در اسرع وقت پاسخگوی شماست

⇐ درخواست انجام پروژه ⇒

سوالات متداول

آیا این روش برای همه قالب‌ها کار می‌کند؟

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

آیا فونت وزیر رایگان است؟

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

چرا فرمت WOFF2 بهتر است؟

فرمت WOFF2 حجم فایل را تا ۳۰٪ کاهش می‌دهد و سرعت بارگذاری را افزایش می‌دهد.

آیا این کار روی سئوی سایت تأثیر دارد؟

بله، افزایش سرعت بارگذاری و رفع خطای Pagespeed می‌تواند تأثیر مثبتی بر سئوی سایت داشته باشد.

×وقت ندارید یا به مشکل خوردید؟
√همین حالا ثبت درخواست کنید تا کارشناسان ما فونت وزیر را برای شما حرفه‌ای راه‌اندازی کنند.

مطالب مرتبط

آموزش ساخت فرم تماس در وردپرس با WPForms (رایگان و بدون کدنویسی)

محصولات پیشنهادی براساس دسته بندی فایل های کاربردی

درباره تهیه‌کننده آموزش

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

اگر این آموزش برای شما مفید بود، می‌توانید آن را با دوستان خود به اشتراک بگذارید و سوالات خود را در بخش نظرات مطرح کنید.

همه مطالب آموزشی مربوط به کامپیوتر در حال بروزرسانی می باشند و ترفند و آموزش های جدید بزودی در مطالب کامپیوتر بارگذاری میشوند

اگر نیاز به کمک یا موارد سفارشی دارید، از طریق صفحه ارتباط با ما، مطرح بفرمایید.

لینک های مورد نیاز:

ارتباط و حمایت نادر آی تی

سایت نادر آی تی

آموزش های ویدیویی نادر آی تی

محصولات پیشنهادی براساس دسته بندی فایل های PNG

کپی‌رایت © 1405 – سایت نادر آی تی | تمامی حقوق محفوظ است.

نوشته‌های مرتبط

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سبد خرید
پیمایش به بالا