Retry

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

 

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

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

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

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

توجه: پیش از آغاز مراحل نصب فونت در قالب وردپرس، باید فونت مورد نظر خود را در ۳ فرمت (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

برای اضافه کردن فونت فارسی به قالب خود با استفاده از افزونه 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. برای اعمال تغییرات، گزینه «ذخیره تغییرات» را انتخاب کنید.

 

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

دسته بندی: طراحی سایت , وردپرس

دیدگاه‌ها

Comments
  • Anonymous

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

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