افزونه بارگذاری و استفاده از فونت دلخواه در وردپرس

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

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

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

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

افزونه Use Any Font یکی از ساده ترین راهها برای تغییر فونت وردپرس به فونت دلخواه خودتون است که به راحتی از محیط ویندوز , فونت رو انتخاب میکنیم و با آپلود کردن فونت به صورت خودکار به ۳ فرمت woff , otf , ttf تبدیل میشه و کدها هم به صورت خودکار بر روی هر پوسته ای تنظیم میشه و در ویرایشگر متنی به راحتی قابل دسترس است .

این افزونه در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۱۰۰٫۰۰۰ نصب فعال و کسب امتیاز ۴٫۷ را از آن خود کند.

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

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

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

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

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

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

در ابتدای کار شما نیاز به آماده سازی سه فرمت از فایل فونت خود دارید. شما باید فرمت های ttf ، eot و woff فونت خود را داشته باشید. پس ابتدا به دنبال فرمت ttf که فرمت اصلی فونت هست در وب بگردید. مثلا سرچ کنید: دانلود فونت بی یکان فارسی

بعد از دانلود فرمت ttf می توانید با استفاده از ابزار تبدیل ttf به eot آنرا به BYekan.eet تبدیل کرده و با استفاده از ابزار تبدیل ttf به woff آنرا به BYekan.woff تبدیل کنید.

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

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

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

در صورتی که قالب وردپرسی شما از پنل مدیریت و تنظیمات فونت ها پشتیبانی نمی کند ابتدا یک پوشه به نام fonts در پوشه قالب بسازید و هر سه فونت BYekan.ttf – BYekan.woff – BYekan.eot را در این پوشه آپلود کنید.

بعد از آپلود فایل ها کد زیر را در فایل style.css قالب سایتتان کپی کنید:

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

حالا کافیست در فایل style.css قالب جستجو کرده و font-family های قالب را تغییر دهید.مثلا اگر جایی از این فایل نوشته شده بود font-family: Tahoma یعنی فونت این المان Tahoma هست. پس می توانید آنرا به font-family:BYekan تغییر دهید.

حالا سایت وردپرسی خود را باز کرده و با زدن ctrl+f5 خواهید دید که فونت زیبای یکان به سایت شما اضافه شده!

موفق باشید

این مقاله را با دوستان خود به اشتراک بگذارید