خانه > آموزش > اضافه کردن فونت فارسی به قالب وردپرس + آموزش ویدئویی

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

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

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

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

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

 

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

و اما نوبت می رسه به اضافه کردن فونت دلخواه به قالب وردپرس ، اولین کاری را که باید بکنیم اینه که فونت دلخواهی که می خواهیم روی قالب نصب کنیم را اگر رایگان هست که در گوگل جستجو کرده و دانلود میکنیم . و اگر هم مثل ایران سنس که تجاری هست را خریداری می کنیم.

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

اگر فونت بی یکان را بخواهیم نصب کنیم این فونت در سه فرمت  eot، ttf و woff می باشد.

نصب فونت در قالب وردپرس

برای افزودن فونت فارسی به قالب وردپرس ، ابتدا وارد هاست خود شده و روی  File Manager کلیک کنید.

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

بعد از کلیک روی این قسمت به این مسیر از سایت می رویم /public_html/wp-content/themes/ و قالبی که می خواهیم روی آن فونت نصب کنیم را انتخاب می کنیم. من برای نمونه قالب صحیفه که قالب پر طرفداری هست را انتخاب می کنم

و وارد پوشه قالب مورد نظر شده و درون آن پوشه ای درست می کنیم با نام font و در این پوشه فونتی که تهیه کرده بودیم که سه فرمت آن یعنی   eot، ttf و woff می باشد را درون پوشه فونت آپلود می کنیم .

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

بعد از آپلود فایل فونت، کاری که باید انجام بدهیم اینه که، وارد پوشه قالب شده و فایل rtl.css را برای ویرایش باز می کنیم .

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

و قبل از body  کدی که در پایین قرار دارد را اضافه کنید.

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

و بعد از قرار دادن این کد جلوی font-family هر فونتی که می خواهیم نصب کنیم را می نویسیم ما در اینجا بی یکان را می نویسیم.

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

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

برای اینکه فونتی که نصب کردیم به همه جای قالب اعمال شود جلوی body این خط کد را قرار می دهیم.

,span,a,h1,h2,h3,h4,h5,h6,input,search-block-large

بعد از این کار تغییراتی که انجام دادیم را ذخیره می کنیم تا روی قالب وردپرس اعمال شود.

و حالا سایت را باز می کنیم و خواهید دید که فونت مورد نظر اضافه شده است.

اضافه کردن نام فونت به قسمت تایپوگرافی قالب صحیفه

 

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

حالا که دیگه یاد گرفتیم که فونت را به قالب وردپرس اضافه کنیم. لازم دانستم که یاد بگیریم چگونه نام فونت ها را به قسمت تایپوگرافی قالب صحیفه اضافه کنیم؟

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

برای اضافه کردن  فونت به قسمت تایپوگرافی این مراحل را انجام دهید:

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

این مسیر از قالب صحیفه را انتخاب کنید. sahifa\framework\admin توی پوشه admin فایل

google-fonts.php را با نوت پد برای ویرایش باز کنید و نام فونت دلخواه خود را اضافه کنید.

مثل تصویر زیر:

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

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

یعنی برای مثال Georgia, serif را پاک کنید و BYekan را بنویسید .

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

صحیفه اضافه شده است.

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

 

همچنین ببینید: نصب وردپرس روی لوکال هاست

 

لینک کوتاه مطلب: https://piknet.ir/?p=64

 

 

2 نظر

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *