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

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

روش‌های اضافه کردن فونت در وردپرس

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

اضافه کردن فونت در وردپرس با استفاده از افزونه‌ها (روش ساده و بدون نیاز به کدنویسی)

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

افزونه Easy Google Fonts

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

1. افزونه “Easy Google Fonts” را نصب و فعال کنید.
2. به بخش افزونه‌ها > افزودن بروید.
3. نام Easy Google Fonts را جستجو کنید و آن را نصب و فعال کنید
4. فونت موردنظر را انتخاب کنید:
5. پس از فعال‌سازی، به بخش نمایش > سفارشی‌سازی بروید.
6. گزینه Typography را انتخاب کنید.
7. فونت دلخواه خود را از لیست انتخاب کرده و تغییرات را ذخیره کنید.

مزایا:

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

معایب:

• محدود به فونت‌های گوگل

اضافه کردن فونت به وردپرس از طریق Google Fonts (روش مستقیم و بهینه‌تر)

اگر نمی‌خواهید از افزونه استفاده کنید، می‌توانید فونت‌های گوگل را مستقیماً در سایت وردپرسی خود بارگذاری کنید.

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

1. به وب‌سایت Google Fonts بروید و فونت دلخواه خود را انتخاب کنید.
2. روی دکمه Embed کلیک کنید و کد ارائه شده را کپی کنید.
3. این کد را در بخش Header قالب وردپرس خود (فایل header.php) یا از طریق سفارشی‌سازی وردپرس > CSS اضافی اضافه کنید:

html
Copy
Edit

4. حالا، در فایل CSS قالب خود (یا از طریق بخش CSS سفارشی وردپرس) فونت را اعمال کنید:

css
Copy
Edit
body {
font-family: ‘Roboto’, sans-serif;
}
مزایا:

• بدون نیاز به افزونه اضافی
• انتخاب گسترده از فونت‌های رایگان و بهینه

معایب:

• نیاز به افزودن کد دستی

آپلود و استفاده از فونت‌های سفارشی در وردپرس (روش پیشرفته‌تر)

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

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

1. فونت دلخواه را دانلود کنید.
2. فرمت‌های مورد نیاز: .woff، .woff2، .ttf، .otf
3. وب‌سایت‌های رایگان برای دریافت فونت: Google Fonts، DaFont، Font Squirrel
4. فونت را در پوشه قالب وردپرس آپلود کنید.
5. از طریق FTP یا مدیریت فایل هاست، به مسیر /wp-content/themes/your-theme/fonts/ بروید و فونت را در این پوشه قرار دهید
6. فونت را در CSS فراخوانی کنید.
7. در فایل style.css قالب وردپرس، کد زیر را اضافه کنید:

css
Copy
Edit
@font-face {
font-family: ‘MyCustomFont’;
src: url(‘fonts/MyCustomFont.woff2’) format(‘woff2’),
url(‘fonts/MyCustomFont.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

body {
font-family: ‘MyCustomFont’, sans-serif;
}
مزایا:

• امکان استفاده از هر فونت دلخواه
• عدم وابستگی به فونت‌های آنلاین

معایب:

• نیاز به دسترسی به هاست و FTP
• ممکن است باعث افزایش حجم سایت شود

استفاده از Google Fonts API (روش تخصصی و پرسرعت‌تر)

اگر به دنبال بهینه‌ترین روش هستید، می‌توانید با استفاده از API گوگل فونت‌ها را مستقیماً به سایت خود اضافه کنید.

نحوه استفاده از Google Fonts API در وردپرس:

1. ابتدا کد API فونت موردنظر خود را از سایت Google Fonts دریافت کنید.
2. این کد را به فایل functions.php قالب وردپرس خود اضافه کنید:

php
Copy
Edit
function custom_google_fonts() {
wp_enqueue_style(‘custom-google-fonts’, ‘https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap’, false);
}
add_action(‘wp_enqueue_scripts’, ‘custom_google_fonts’);

مزایا:

• عملکرد بهتر و بهینه‌تر
• بارگذاری سریع‌تر

معایب:

• نیاز به ویرایش فایل‌های قالب

کلام آخر

انتخاب فونت مناسب در وردپرس نه‌تنها روی ظاهر سایت بلکه بر تجربه کاربری و خوانایی تأثیرگذار است. بسته به سطح مهارت شما و نیازهای سایت، روش‌های مختلفی برای اضافه کردن فونت در وردپرس وجود دارد:

• اگر مبتدی هستید → استفاده از افزونه‌ها بهترین گزینه است.
• اگر بهینه‌سازی و سادگی را می‌خواهید → اضافه کردن فونت از Google Fonts یک روش سریع و مطمئن است.
• اگر به فونت خاصی نیاز دارید → آپلود دستی و استفاده از @font-face به شما امکان استفاده از فونت‌های سفارشی را می‌دهد.

با انتخاب بهترین روش، تایپوگرافی سایت خود را بهبود دهید و آن را به سطح حرفه‌ای‌تری برسانید!