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

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

افزودن فونت به کمک افزونه use any font

برای نصب کردن یک فونت در سایت وردپرس، نیاز به نصب افزونه use any font است که می‌توانید آن را از مخزن وردپرس نصب و فعال کنید.

برای استفاده راحت‌تر از وردپرس از هاست سریع وردپرس استفاده کنید.

پس از نصب و فعال‌سازی در پیشخوان وردپرس شما، گزینه‌ای با نام use any font نمایان می‌شود که پس از کلیک بر روی این گزینه با تصویری مانند تصویر زیر روبرو می‌شوید.

در این قسمت نیاز است تا یک کلید api از سایت توسعه‌دهنده این افزونه دریافت و در کادر مربوطه وارد نمایید.

برای ساخت کلید api بر روی دکمه generate free lite کلیک کنید و سپس دکمه verify را بزنید.

📷

بعد از طی کردن مرحله قبل نیاز است تا فونت خود را بارگذاری کنید.

پس مراحل زیر را طی کنید:

اول بر روی دکمه add font کلیک کنید.

در کادر font name نام فونتی که قصد دارید نصب کنید را وارد کنید.

بر روی دکمه choose file کلیک کرده و فونت خود را انتخاب کرده و در مرحله آخر کافیست تا دکمه upload را فشرده و بعد از بارگذاری، فونت شما وارد بخش assign font شود.

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

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

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

با این راه می‌توانید هر تعداد فونتی که مورد نظرتان است را به سایتتان اضافه و در بخش‌های خاصی یا تمام بخش‌ها استفاده نمایید.

نصب فونت از طریق تنظیمات قالب (مخصوص قالب enfold)

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

در قالب enfold نیز چنین قابلیتی وجود دارد که با مراجعه به بخش تنظیمات قالب و بخش درون‌ریزی می‌توانید فونت موردنظر خود را نصب و به سایتتان اضافه نمایید.

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

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

ابتدا فونت خود را دانلود (به سه فرمت .tff .eot .woff باشد تا در مرورگرها به راحتی خوانده‌شود) و به هاست خود رفته و وارد مسیر

/public_html/wp-content/themese/your theme

شوید و فونت‌ها را در پوشه‌ای به نام fonts بارگذاری نمایید و اگر این پوشه وجود نداشت یک پوشه با این اسم بسازید و هر سه فرمت فونت خود را در آن بارگذاری نمایید و قطعه کد زیر را به فایل style .css اضافه نمایید:

@font-face {
font-family: 'name of your font';
src: url('fonts/name of your font.eot?#') format('eot'),
url('fonts/name of your font.woff') format('woff'),
url('fonts/name of your font.ttf') format('truetype');
}

به جای عبارت name of your font نام فونت خود را وارد کنید.

برای مثال اگر قصد دارید تا فونت IRANSans-web استفاده کنید؛ کد بالا به شکل زیر تغییر می‌کند:

@font-face {
font-family: 'IRANSans-web';
src: url('fonts/IRANSans-web.eot?#') format('eot'),
url('fonts/IRANSans-web.woff') format('woff'),
url('fonts/IRANSans-web.ttf') format('truetype');
}

و در آخر نیاز است تا خانواده فونت موردنظر را تعریف نمایید و برای انجام این کار کافیست تا در هر جای فایل font-family نوشته شده‌است؛ نام فونتی که بارگذاری کرده‌اید را معرفی کنید.

مانند قطعه کد زیر:

font-family: IRANSans-web;

حالا تغییرات را ذخیره و به سایت خود مراجعه و با یک بار بارگذاری مجدد خواهید دید که فونت سایت شما تغییر کرده‌است.

با تشکر از این که تا پایان آموزش “نحوه افزودن فونت فارسی به قالب وردپرس” همراه ما بودید.