متاسفانه سایت‌های ایرانی قالب‌های وردپرسی که طراحان و برنامه‌نویسان خارجی توسعه داده‌اند را ترجمه‌ای ناقص و بعضا اشتباه می‌کنند، و با اضافه کردن چند فونت فارسی آن را به قیمت‌های گزاف (همین قالب the7 از ۵۰ تا ۱۰۰ هزار تومان ) به شما می‌فروشند!

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

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

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

۱- فایل‌های فونت را در هاست وب‌سایت خود آپلود کنید.

به عنوان مثال در مسیر:

/wp-content/uploads/fonts/…

دقت کنید که فونتی که دانلود کرده‌اید دارای  فرمت‌های EOT , WOFF, TTF, SVG باشد. در غیر این صورت با استفاده از ابزارهای آنلاینی که در اینترنت موجود است، نسبت به تبدیل فرمت‌های اشاره شده اقدام کنید.

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

۲- سپس با استفاده از font-face@ کدهای CSS را می‌نویسیم و کدهای نوشته شده را در این مسیر در قالب قرار میدهیم:

تنظیمات پوسته > پیشرفته > css سفارشی 

یا

Theme Option > Advacned > Custom CSS

@font-face {
font-family: 'BYekan';
src: url('/wp-content/uploads/fonts/BYekan.eot');
src: url('/wp-content/uploads/fonts/BYekan.eot') format('embedded-opentype'),
url('/wp-content/uploads/fonts/BYekan.woff') format('woff'),
url('/wp-content/uploads/fonts/BYekan.ttf') format('truetype'),
url('/wp-content/uploads/fonts/BYekan.svg#BYekan') format('svg');
}

در کد بالا می‌توانید بجای BYekan نام فونت دلخواه خود را بیفزایید. همچنین در خط های بعد برای هر فرمت مسیری که در هاست آپلود کرده‌اید را مشخص کنید.

کد فونت

پس از قرار دادن کد در قسمت بالا بر روی دکمه “ذخیره تنظیمات” یا “save settings” کلیک کنید.

اضافه کردن فونت به تنظیمات قالب

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

کد زیر را در انتهای فایل “function.php” قالب قرار دهید.

</p>
<p dir="ltr" style="text-align: justify;">function add_custom_font( $fonts ) {</p>
<p style="text-align: justify;">$fonts['BYekan'] = 'BYekan';
//to add more fonts, just define they like this
//$fonts['my-font-family'] = 'my-font-name';
return $fonts;
}</p>
<p style="text-align: justify;">add_filter( 'presscore_options_get_safe_fonts', 'add_custom_font' ,30 , 1 );

همانند تصویر زیر:

افزودن فونت به قالب به the7

تمام شد، حال میتوانید فونت دلخواه خود را از تنظیمات حرفه‌ای the7 به راحتی انتخاب کنید.

پاسخی بگذارید

آدرس ایمیل شما منتشر نخواهد شد. فیلد های ضروری مشخص شده اند *

ارسال نظر