آموزش افزودن فونت به وردپرس با ۲ روش ساده

برای افزودن فونت به وردپرس دو راه ساده دارید. اگه سایتتون از یک قالب بلوکی استفاده می‌کنه، خود وردپرس کتابخانه فونت داره و می‌تونید بدون افزونه فونت دلخواهتون رو آپلود کنید. اگه این گزینه رو نمی‌بینید یا قالب کلاسیک دارید، افزونه رایگان Use Any Font انتخاب مناسبیه.

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

آیا برای افزودن فونت به وردپرس به افزونه نیاز دارید؟

نه، همیشه به افزونه نیاز ندارید. کتابخانه فونت وردپرس از نسخه ۶.۵ به هسته وردپرس اضافه شده و در قالب‌های بلوکی از داخل ویرایشگر سایت در دسترسه. این ابزار فونت آپلودشده رو روی هاست خودتون نگه می‌داره و اجازه می‌ده از همون فونت در تنظیمات تایپوگرافی قالب استفاده کنید.

اگه منوی «نمایش ← ویرایشگر» رو دارید، بهتره اول روش داخلی وردپرس رو امتحان کنید. اگه فقط بخش «سفارشی‌سازی» رو می‌بینید، احتمالاً قالب سایتتون کلاسیکه و روش افزونه برای شما کاربردی‌تره.

روش اول: افزودن فونت با قابلیت داخلی وردپرس

از پیشخوان وردپرس وارد «نمایش ← ویرایشگر» بشید. بعد «استایل‌ها» رو باز کنید و وارد بخش «تایپوگرافی» بشید. تایپوگرافی یعنی تنظیم ظاهر نوشته‌ها؛ چیزهایی مثل فونت، اندازه متن و فاصله خط‌ها.

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

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

روش دوم: افزودن فونت با افزونه رایگان Use Any Font

افزونه Use Any Font به شما اجازه می‌ده فایل فونت رو آپلود و اون رو به بخش‌های مختلف سایت وصل کنید. این افزونه فایل‌های TTF، OTF، WOFF و WOFF2 رو می‌پذیره و فایل لازم رو به فرمت مناسب وب تبدیل می‌کنه. فونت تبدیل‌شده هم داخل پوشه آپلودهای سایتتون نگه‌داری می‌شه.

نسخه موجود در WordPress.org رایگانه، ولی کلید Lite/Test فقط یک تبدیل فونت رو پوشش می‌ده. آموزش ما هم بر همین مسیر رایگان و یک فونت جلو می‌ره. برای مثال، اگه یک خانواده فونت چند وزن جدا مثل معمولی و بولد داشته باشه، هر فایل می‌تونه یک تبدیل جدا حساب بشه؛ پس قبل از آپلود چند فایل، محدودیت فعلی کلید رو داخل صفحه افزونه بررسی کنید.

نصب افزونه Use Any Font

از پیشخوان وارد «افزونه‌ها ← افزودن افزونه تازه» بشید. عبارت Use Any Font رو جست‌وجو کنید و افزونه‌ای با همین نام رو نصب و فعال کنید. بهتره نام و سازنده افزونه رو با صفحه رسمی WordPress.org تطبیق بدید تا افزونه اشتباهی نصب نکنید.

ساخت کلید رایگان افزونه

بعد از فعال‌سازی، وارد صفحه Use Any Font در پیشخوان بشید. در بخش کلید افزونه، گزینه ساخت کلید Lite/Test رو انتخاب کنید و بعد کلید رو تأیید کنید. این اتصال برای تبدیل فایل فونت لازمه، ولی فایل تبدیل‌شده بعداً روی هاست خود سایتتون قرار می‌گیره.

آپلود و تنظیم فونت

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

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

برای شروع، فونت رو روی کل سایت اعمال نکنید. اول یک بخش محدود مثل تیترها رو انتخاب کنید و نتیجه رو ببینید. اگه ظاهر سایت مناسب بود، می‌تونید متن اصلی یا بخش‌های دیگه رو هم اضافه کنید. افزونه برای کاربران حرفه‌ای امکان واردکردن انتخاب‌گر CSS رو هم داره، ولی برای شروع به اون نیاز ندارید.

نمایش فونت در ویرایشگر وردپرس

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

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

نکته‌های مهم قبل از آپلود فونت

• مجوز فونت رو بررسی کنید: داشتن فایل فونت به معنی اجازه انتشار اون در سایت نیست. مجوز باید استفاده وب و نوع استفاده سایتتون رو پوشش بده.
• فرمت WOFF2 رو ترجیح بدید: این فرمت معمولاً برای وب مناسب‌تر و کم‌حجم‌تره. Use Any Font هم فایل آپلودشده رو برای استفاده وب تبدیل می‌کنه.
• وزن‌های اضافی رو آپلود نکنید: هر وزن فونت یک فایل جدا داره و فایل‌های بیشتر می‌تونن سرعت بارگذاری صفحه رو پایین بیارن.
• کش سایت رو پاک کنید: اگه تغییر فونت رو نمی‌بینید، کش افزونه، مرورگر و سرویس CDN رو پاک کنید. CDN یعنی سرویسی که نسخه‌ای از فایل‌های سایت رو از سرورهای نزدیک‌تر به کاربر تحویل می‌ده.
• نسخه موبایل رو ببینید: بعضی فونت‌ها در اندازه کوچک خوانایی خوبی ندارن. متن منوها، دکمه‌ها و پاراگراف‌ها رو روی گوشی هم بررسی کنید.
• یک نسخه پشتیبان داشته باشید: قبل از تغییر فونت کل سایت، از تنظیمات و فایل‌های سایت نسخه پشتیبان بگیرید.

بالاخره کدوم روش بهتره؟

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

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

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

تیم تولید محتوا

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