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

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

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

آنچه در این مقاله به اختصار خواهید خواند:

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

نصب فونت در سایت به کمک افزونه

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

بعد از نصب و فعالسازی افزونه Use Any Font، در پیشخوان مدیریت وردپرس بخشی به نام Use Any Font اضافه خواهد شد. مطابق شکل زیر، در این بخش نیاز است که شما یک کلید API از سایت سازنده این افزونه دریافت نموده و در کادر مربوط به آن وارد کنید. برای دریافت این کلید بر روی دکمه Generate Free Lite کلیک نمایید و سپس کلید Verify را بزنید.

بعد از آن مطابق شکل زیر به قسمت Upload Font در بخش دوم این افزونه بروید. در این قسمت باید 4 گام زیر را انجام دهید.

1. ابتدا بر روی دکمه add font کلیک نمایید.
2. سپس در کادر مشخص شده نام فونت خود را وارد نمایید.
3. بر روی دکمه Choose File کرده و فونت خود را آپلود کنید. توجه داشته باشید همانطور که در تصویر می‌بینید تنها قرار دادن یک فرمت از فونت دلخواهتان مثلا .ttf کافیست.
4. در نهایت برای بارگذاری و افزودن فونت فارسی به قالب وردپرس بر روی دکمه Upload کلیک نمایید.

حال بعد از بارگذاری فونت دلخواهتان مطابق شکل زیر، وارد بخش  Assign Font شوید. در این بخش باید تعیین کنید که در کدام تیترها (تگ‌های heading) و بخش‌های سایت فونت شما نمایش داده شود و مورد استفاده قرار گیرد. برای مثال ما می‌خواهیم در همه تیترها از فونت دلخواهمان استفاده شود پس باید تیک تمامیه گزینه را زده و دکمه Assign Font را بزنید.

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

دانلود افزونه Use Any Font

نصب فونت فارسی از طریق تنظیمات قالب

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

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

تغییر فونت قالب وردپرس از طریق کدنویسی

سومین راه برای افزودن و نصب فونت فارسی در سایت قرار دادن کدهای  css در کدنویسی‌های قالب است. برای انجام این کار ابتدای فونت مورد نظر خود را از سایت ارائه دهنده فونت تهیه نمایید.

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

بعد از آن باید به پرونده مربوط به قالب خود بروید. این پرونده در قسمت File Manager هاست شما بوده و در مسیر زیر قرار دارد:

public_html/wp-content/themes/”name of your theme”/

در آنجا پوشه‌ای با نام fonts اگر وجود ندارد بسازید. در این پوشه فونت خود را با هر سه پسوند .eot ، .woff و .tff بارگذاری نمایید. سپس به فایل 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');
}

حال در فایل style.css باید خانواده فونت مدنظرتان را تعریف نمایید. برای انجام این کار در هرکجا که عبارت font-family نوشته شده است، نام فونت دلخواه خود را معرفی کنید. یعنی مانند کد زیر باید در رو به روی همه عبارت‌های font-family نام فونت خود را قرار دهید.

font-family: IRANSans-web;

در نهایت فایل style.css را با تغییرات اعمال شده ذخیره نمایید و به سراغ سایت سایت خود بروید. با یک رفرش ساده خواهید دید که فونت دلخواه شما به سایتتان اضافه شده است.

استفاده از فونت دلخواه در وردپرس

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

آموزش ویدیویی تغییر فونت قالب وردپرس