zhaket logo

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

وردپرس

5 دقیقه زمان مطالعه

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

 

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

اگر می‌خواهید فونت فارسی به قالب وردپرس خود اضافه کنید، به ۲ روش می‌توانید این کار را به راحتی انجام دهید:

  • توسط کد نویسی و درج قطعه کد
  • استفاده از افزونه وردپرس

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

 

توجه: پیش از آغاز مراحل نصب فونت در قالب وردپرس، باید فونت مورد نظر خود را در ۳ فرمت (ttf ،eot و woff) دانلود کنید. اگر فونت شما تجاری بود بهتر است نسبت به خرید آن اقدام کنید و در غیر این صورت می‌توانید آن را با جستجو در گوگل و به صورت رایگان دریافت کنید.

 

روش اول: افزودن فونت فارسی با کد نویسی و درج قطعه کد

برای افزودن فونت فارسی به قالب وردپرس توسط کد نویسی و درج قطعه کد، مراحل زیر را به ترتیب گفته شده انجام دهید:

  1. وارد هاست خود شوید و گزینه «File Manager» را انتخاب کنید.
  2. به فایل مربوط به قالب وردپرس (/public_html/wp-content/themes/) بروید.
  3. در فایل «fonts»، فونت مورد نظر خود را با هر سه فرمت بارگذاری (آپلود) کنید.
    توجه: اگر در این بخش پوشه‌ای با نام «fonts» پیدا نکردید، خودتان یک پوشه به این اسم ایجاد کنید.
  4. پس از بارگذاری فونت مورد نظر، به بخش قبل بازگردید و فایل «style.css» را پیدا کنید.
  5. بر روی فایل «style.css» کلیک راست کنید و گزینه «Edit» را انتخاب کنید.
  6. اکنون به صفحه ویرایشگر فایل وارد شده‌اید. در خطوط ابتدایی، قطعه کد زیر را وارد کنید:
@font-face {
font-family: 'MyFontName';
src: url('fonts/MyFontName.ttf') format('truetype'),
url('fonts/iransansdn.eot?#') format('eot'),
url('fonts/iransansdn.woff') format('woff')
url('fonts/vazir.woff2') format('woff2');
}
body {
font-family: 'MyFontName', sans-serif;
}

در این قطعه کد باید به جای عبارت «MyFontName» نام فونت مورد نظرتان را وارد کنید. علاوه بر این، با بررسی تمام کدهای فایل «style.css» در هر قسمت که با کد «font-family» مواجه شدید، نام فونت مورد نظرتان را وارد کنید.

اگر تمایل داشتید قالب وردپرس شما بیش از یک فونت فارسی را تحت پوشش قرار دهد، می‌توانید قطعه کد زیر را وارد کنید:

font-family: 'MyFontName1', 'MyFontName2', sans-serif;

با توجه به این قطعه کد، اولویت با فونت وارد شده در قسمت ‘MyFontName1’ است.

 

نکته: با به روز شدن مرورگرها، دیگر نیازی به اضافه کردن قطعه کد تمام فرمت‌ها نیست و شما می‌توانید تنها از یکی از فرمت‌های ttf ،eot ،woff یا woff2 استفاده کنید. از آنجایی که حجم فرمت woff2 کمتر از سایر فرمت‌ها است، بهتر است قطعه کد مربوط به آن را اضافه کنید؛ در این صورت سرعت لود شدن وب سایت شما افزایش پیدا می‌کند.

 

اکنون با مراجعه به وب سایت خود می‌توانید نوشته‌های آن را با فونت جدید مشاهده کنید.

نکته مهم: مطمئن شوید که فایل فونت را در دایرکتوری صحیح قرار داده‌اید و مسیر آن درست است، در غیر این صورت فونت بارگذاری نمی‌شود.

 

روش دوم: افزودن فونت فارسی با استفاده از افزونه

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

این مقاله را حتما بخوانید
آموزش انتقال وردپرس به هاست و دامنه دیگر

افزودن فونت فارسی به قالب با افزونه use any font

برای اضافه کردن فونت فارسی به قالب خود با استفاده از افزونه use any font، باید مراحل زیر را به صورت گام به گام دنبال کنید:

  1. ابتدا وارد وردپرس خود شوید و به بخش «افزونه‌ها» بروید.
  2. در ستون افزونه‌ها بر روی «افزودن» کلیک کنید و در قسمت «جستجوی افزونه‌ها»، افزونه use any font را وارد کنید.
  3. بعد از پیدا شدن افزونه use any font، بر روی «هم اکنون نصب کن» کلیک کنید.
  4. اکنون افزونه use any font در وردپرس شما نصب شده است و برای فعال سازی آن، گزینه «فعال کردن» را انتخاب کنید.
  5. در بخش پیشخوان وردپرس،‌ بر روی «Use Any Font» کلیک کنید.
  6. با انتخاب «Generate Free Lite / Test API Key» یک کلید API دریافت کنید.
  7. بر روی «Verify» کلیک کنید تا از مورد تایید بودن API وارد شده مطمئن شوید.
  8. در قسمت «Upload Fonts»، بر روی «Add Font» کلیک کنید.
  9. نام فونت مورد نظر خود را در بخش مربوط به «Font Name» وارد کنید.
  10. بر روی «Browse» کلیک کنید و بعد از انتخاب کردن فونت مورد نظرتان بر روی «Upload» کلیک کنید.
  11. در قسمت «Assign Font»، گزینه «Assign Font» را انتخاب کنید.
  12. بر روی «Select Font» کلیک کنید و فونت مورد نظر خود را انتخاب کنید.
  13. در قسمت «select elements to assign»،‌ گزینه‌هایی که می‌خواهید مطابق با فونت مورد نظر شما نمایش داده شوند را انتخاب کنید.
  14. در قسمت مربوط به «Custom Elements» می‌توانید با وارد کردن «.site-title a»، فونت عنوان سایت را نیز تغییر دهید.
  15. برای ذخیره شدن تغییرات بر روی «Assign Font» کلیک کنید.

 

توجه: برای اینکه بتوانید از اعمال تغییرات مطمئن شوید، بر روی «پیش نمایش» کلیک کنید. چنانچه تغییرات مورد نظرتان اعمال نشده بود، کش را پاک کنید و وب سایت خود را رفرش کنید.

 

افزودن فونت فارسی به قالب با افزونه Font Changer

برای اضافه کردن فونت فارسی به قالب خود با استفاده از افزونه Font Changer، باید مراحل زیر را به صورت گام به گام دنبال کنید:

  1. ابتدا افزونه Font Changer را همانند افزونه use any font دانلود، نصب و فعال کنید.
  2. پس از فعال سازی افزونه Font Changer، در قسمت «تنظیمات» بخشی به نام «فونت ماندگار» اضافه می‌شود. بر روی «فونت ماندگار – پوسته» کلیک کنید.
  3. در این قسمت می‌توانید فونت بخش‌های مختلف وب سایت خود را انتخاب کنید. بخش‌هایی مانند »فونت عناوین»، «فونت بدنه» و «فونت ادمین بار در صفحه اصلی سایت».
  4. برای اعمال تغییرات، گزینه «ذخیره تغییرات» را انتخاب کنید.

 

جمع بندی

فونت‌ها نقش بسیار مهمی در طراحی و نمایش متن‌ها در یک وبسایت داشته و می‌توانند تأثیر زیادی بر خوانایی متن‌ها داشته باشند. یک فونت مناسب و خوانا، به خواننده کمک می‌کند تا متن را به راحتی متوجه شود و از خواندن آن لذت ببرد. به همین دلیل، یکی از مهمترین مواردی که در طراحی سایت باید مورد توجه قرار بگیرد، خوانایی و زیبایی نوشته های صفحات سایت هست. شما با اضافه کردن فونت به قالب می‌توانید محتوای وب سایت خود را با سفارشی سازی قالب وردپرس، شخصی سازی کنید و آن را برای تعداد بیشتری از کاربران فارسی زبان بهینه کنید. به همین خاطر در این مقاله به آموزش انواع روش‌های افزودن فونت فارسی به قالب وردپرس از طریق کد و افزونه پرداخته و به صورت جامع و کاربردی توضیح می‌دهیم که چگونه می‌توان فونت‌ های فارسی را به قالب وردپرس اضافه کرد و به تشریح روش‌ های مختلف اضافه کردن فونت فارسی، از جمله استفاده از CSS، استفاده از افزونه‌های مرتبط و تغییر فایل‌های قالب، می‌پردازیم. با مطالعه این مقاله، شما می‌توانید به راحتی و با دانش کافی فونت‌ های فارسی خود را به قالب وردپرس اضافه و استفاده کنید.

محصول پیشنهادی

افزونه فرم ساز گرویتی فرمز | پلاگین Gravity Forms

395,000 تومان

47.62%

محصول پیشنهادی

افزونه سئو اینستنتیفای | پلاگین Instantify

395,000 تومان

78.67%
بروز وردپرس

بروز وردپرس

محصول پیشنهادی

قالب آموزشی و فروش دوره آنلاین شکرینو | Shokrino

645,000 تومان

96.25%
تیم شکرینو

تیم شکرینو

محصول پیشنهادی

افزونه امتیازدهی و پاداش پیشرفته آوانس | پلاگین گیمیفیکیشن

585,000 تومان

97.74%
یوسف محمدیانی

یوسف محمدیانی

محصول پیشنهادی

افزونه فرم ساز ایفرم | پلاگین eForm

345,000 تومان

78.57%
وردپرس داغ

وردپرس داغ

محصول پیشنهادی

افزونه سئو ویدئو های وردپرس | پلاگین Yoast Video SEO

345,000 تومان

73.33%
فروشگاه پارس

فروشگاه پارس

محصول پیشنهادی

قالب فروشگاهی دیناکالا | قالب DinaKala

825,000 تومان

99.33%
آی دیزاین

آی دیزاین

محصول پیشنهادی

افزونه سئو یواست پرمیوم | پلاگین Yoast SEO Premium

395,000 تومان

96.55%
دیجیراتی

دیجیراتی

محصول پیشنهادی

افزونه سئو ووکامرس پرمیوم | پلاگین Yoast WooCommerce SEO Premium

345,000 تومان

91.11%
دیجیراتی

دیجیراتی

محصول پیشنهادی

قالب فروشگاهی زنبیل | قالب zanbil

1,895,000 تومان

80%

محصول پیشنهادی

افزونه سئو و بهینه سازی خودکار تصاویر | پلاگین SEO Friendly Images Pro

345,000 تومان

91.11%
راد ایران

راد ایران

محصول پیشنهادی

افزونه سئو رنک مث پرو | پلاگین Rank Math Pro

395,000 تومان

93.44%

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

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

چگونه می‌توان فونت سایت وردپرسی را تغییر داد؟

چه راهکارهایی برای انتخاب فونت مناسب با هدف سایت وجود دارد؟


نویسنده محدثه عسگریان

سایر مقالات نویسنده

مطالب مشابه

1

دیدگاه ها

ارسال دیدگاه

سلام
اون کلید ای پی آی که ساختیم، دقیقا به چه ددی می خوره؟ آیا باید نگهش داریم؟

ارسال دیدگاه