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

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

تاریخ انتشار: ۱۴۰۰/۱۲/۰۷
فهرست مطالب

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

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

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

اضافه کردن فونت به قالب وردپرس چگونه است؟

اضافه کردن فونت به قالب وردپرس چگونه است؟
اضافه کردن فونت به قالب وردپرس چگونه است؟

یکی از موضوعات مهم در اضافه کردن فونت به قالب وردپرس اضافه کردن فونت فارسی است.

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

این فرمت‌ها که برای وب‌سایت مورد استفاده قرار می‌گیرند که شامل eot، ttf و woff هستند. معمولاً فونت‌های با فرمت ttf با همه مرورگرها سازگاری دارد.

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

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

برای این کار می‌توانید عبارت convert ttf to eot در گوگل سرچ کرده و از این سایت‌ها برای تبدیل فرمت فونت به فرمت‌های دلخواهتان اقدام کنید. در ادامه به اضافه کردن فونت به قالب وردپرس با روش کدنویسی می‌پردازیم.

۱- افزودن فونت به وردپرس با روش کدنویسی

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

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

  1. وارد بخش فایل‌های هاست خود شوید و روی گزینه «File Manager» کلیک کنید.
  2. به آدرس (/public_html/wp-content/themes/) که مربوط به قالب شما است بروید.
  3. وارد فایل «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. سپس آن را بر روی سایت خود فعال کنید.
  4. در قسمت پیشخوان وردپرس روی «Use Any Font» کلیک کنید.
  5. برای دریافت API روی «Generate Free Lite / Test API Key» کلیک کنید.
  6. بعد از آن روی «Verify» کلیک کنید تا از درست بودن API مطمئن شوید.
  7. به قسمت «Upload Fonts» بروید و روی «Add Font» کلیک کنید.
  8. در بخش «Font Name» نام فونت خود را وارد کنید.
  9. سپس «Browse» را انتخاب کرده و فونت مورد نظر خود را آپلود کنید.
  10. در بخش «Assign Font» روی گزینه «Assign Font» کلیک کنید.
  11. در بخش بعدی «Select Font» را انتخاب کنید.
  12. گزینه‌هایی که می‌خواهید مطابق با فونت شما نمایش داده شود را در بخش «select elements to assign» انتخاب کنید.
  13. با وارد کردن «.site-title a» در بخش «Custom Elements» عنوان فونت سایت خود را تغییر دهید.
  14. در آخر برای ذخیره شدن فونت روی «Assign Font» کلیک کنید.

نکته: اگر می‌خواهید از تغییرات مورد نظر مطمئن شوید کافی است روی “پیش نمایش” کلیک کنید. اگر تغییرات اعمال نشده بود کش سایت را خالی و صفحه را دوباره رفرش کنید.

۲- استفاده از افزونه Font Changer

دومین روش برای افزودن فونت در وردپرس استفاده از افزونه Font Changer است که اگر می‌خواهید نحوه اضافه کردن فونت به وردپرس را بدانید در ادامه همراه مجموعه کافه وردپرس باشید:

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

 

جمع‌بندی

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

پیروز و سربلند باشید.😉

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

۱- اضافه کردن فونت به وردپرس چطوری انجام می‌شود؟

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

۲- نصب فونت فارسی در وردپرس ضروری است؟

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

۳- افزونه فونت فارسی وردپرس وجود دارد؟

بله، ۲ افزونه برای نصب فونت در وردپرس وجود دارد که ما در این مقاله به دو افزونه use any font و افزونه Font Changer پرداختیم و آموزش نصب فونت فارسی بر روی وردپرس با استفاده از دو افزونه بالا را به شما عزیزان دادیم.

۵/۵ - (۶ امتیاز)
اشتراک‌گذاری مطلب

درباره نویسنده

نظرات و پرسش‌ها

دیدگاهتان را بنویسید

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