جلسه 15: افزودن فونت فارسی به قالب وردپرس + آموزش ویدیویی
- دسته بندی: آموزش قدم به قدم وردپرس آموزش وردپرس
- 87 نظر
- منتشر شده در تاریخ
- آپدیت شده در تاریخ 21 آذر 1395
افزودن فونت فارسی به قالب وردپرس
اکثر قالب های وردپرسی که ما دریافت می کنیم ، مخصوصا قالب هایی که از سایت تم فارست خریداری می کنیم یا قالب هایی که از مخزن اصلی وردپرس دانلود می کنیم دارای فونت فارسی نیستند. فونت های پیشفرض این قالب ها Tahoma یا TimesNewRoman یا فونت های عربی هستند. امروز قصد داریم به شما میهن وردپرسی ها نحوه افزودن فونت فارسی به قالب وردپرس را آموزش دهیم.
در این آموزش از فونت بی یکان استفاده می کنیم.
آماده سازی فونت فارسی برای استفاده در قالب
در ابتدای کار شما نیاز به آماده سازی سه فرمت از فایل فونت خود دارید. شما باید فرمت های ttf ، eot و woff فونت خود را داشته باشید. پس ابتدا به دنبال فرمت ttf که فرمت اصلی فونت هست در وب بگردید. مثلا سرچ کنید: دانلود فونت بی یکان فارسی
بعد از دانلود فرمت ttf می توانید با استفاده از ابزار تبدیل ttf به eot آنرا به BYekan.eet تبدیل کرده و با استفاده از ابزار تبدیل ttf به woff آنرا به BYekan.woff تبدیل کنید. ( البته برای راحتی کار شما عزیزان هر سه فرمت فونت بی یکان را آماده کرده ایم و می توانید از انتهای همین صفحه دانلود کنید. )
افزودن فونت فارسی به قالب های حرفه ای وردپرس
بعد از نصب قالب ( خصوصا قالب های حرفه ای ) در ابتدا دنبال پنل مدیریتی قالب بگردید. قالب هایی مثل قالب Be یا قالب وردپرس آوادا بصورت پیشفرض در پنل مدیریتی خود امکان اضافه کردن فونت های سفارشی را دارند. شما به راحتی با ورود به بخش فونت ها یا تایپوگرافی در پنل مدیریت این قالب ها می توانید فونت های دلخواه خود را اضافه کنید. برای اینکار از سه فرمت ساخته شده در مرحله قبلی استفاده کنید.
کد افزودن فونت فارسی به قالب وردپرس
در صورتی که قالب وردپرسی شما از پنل مدیریت و تنظیمات فونت ها پشتیبانی نمی کند ابتدا یک پوشه به نام fonts در پوشه قالب بسازید و هر سه فونت BYekan.ttf – BYekan.woff – BYekan.eot را در این پوشه آپلود کنید.
بعد از آپلود فایل ها کد زیر را در فایل style.css قالب سایتتان کپی کنید:
|
1 2 3 4 5 6 7 8 9 |
@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 خواهید دید که فونت زیبای یکان به سایت شما اضافه شده!
موفق و پیروز باشید…
آموزش ویدیویی افزودن فونت فارسی به قالب وردپرس
در زمینه طراحی سایت ، سئو و وردپرس فعالیت می کنم. در حال حاضر مدیریت تیم میهن وردپرس رو بر عهده دارم و سعی می کنم هر روز مقالات و تجربیاتم در مورد وردپرس رو اینجا با شما به اشتراک بگذارم.
با سلام
من فونت و به روش بالا نصب کردم
و درست شد اما چرا فونت B Yekan به قسمت فونت ها در ویرایش گر متنم افزوده نمیشه
چطوری میشه این فونت رو به ویرایشگر متن اضافه کرد که راحت بتونم فونت متن دلخواهمو تغییر بدم
با تشکر از شما و سایت خوبی که دارید
درود.
باید در کدنویسی Editor دست ببرید و این کار را انجام دهید.
سلام قالب من divi هست کارهایی که گفتین رو انجام دادم ولی تغییری نکرده
سلام اگر طبق مراحل درست انجام بشه بدون شک کار میکنه
سلام قالب من از rtl پشتیبانی می کنه ولی فایل rtl نداره
سلام توی پوشه های زیرین هست
کوتاه – مختصر و مفید . خسته نباشید
ممنون – عالی بود
ممنونم فوق العاده بود
من هرکاری میکنم فونتم تغییر نمیکنه طبق اموزشهم میرم ولی فونت سایتم خیلی بده.چکار باید کنم راه دیگه ای نیست فونت عوض کنم شاید یک دلیلی داره عوض نمیشه کش رو هم خالی کردم
سلام راه دیگرش نصب افزونه هست که توی سایت توضیح داده شده
سلام من میخوام فونت byekan رو به ادیتور TinyMCE Advanced اضافه کنم چطوری میتونم این کار رو انجام بدم ؟
سلام باید به قالب اضافه کنید نه به ادیتور
سلام چطوری سایز فونت ها رو بزرگ تر کنیم؟
سلام خاصیت font-size:20px به سی اس اس اضافه کنید
سلامممنون از آموزش خوبتونمن کارایی که گفتید رو روی قالب انجام دادم اما تغییری نکرد ! میشه راهنمایی کنید ؟!
سلام کش سیستم رو خالی کنید
سلام تگ !important به 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;
}
سلام ایمپورتنت رو باید به المنت ها بدید نه به font face
اضافه کردن پسوند های فونت به وردپرس مخصوصا برای آپلود فونت در be themeامنیت، مهم ترین دغدغه وردپرس برای محدود کردن کاربران در آپلود فایلهای مختلف بیان شده است.اما این بدان معنا نیست که نمیشود هیچ استثنایی برای این محدودیت قائل شد.برای این منظور کافی است این قطعه کد را به فایل functions.php اضافه کنید:/** add new type to wordpress */function my_myme_types($mime_types){$mime_types[‘ttf’] = ‘application/x-font-ttf’; //Adding ttf extension$mime_types[‘eot’] = ‘application/vnd.ms-fontobject’; //Adding eot extension$mime_types[‘svg’] = ‘image/svg+xml’; //Adding svg extension$mime_types[‘woff’] = ‘application/x-font-woff’; //Adding woff extensionreturn $mime_types;}add_filter(‘upload_mimes’, ‘my_myme_types’, 1, 1);
سلام.جناب حسینی تو قالب بی تم اونحا که باید فونت رو اضافه کنیم کتابخانه میگه فایل مجاز نیست برای وردپرس.چیکار کنم به نظر شما
سلام توی گوگل سرچ بفرمایید اضافه کردن پسوند های مجاز به وردپرس
لطف می فرمایید خودتون به عنوان پشتیبانی قالبی که فروختید این مورد رو دقیق راهنمایی کنید چون هرچی تو اینترنت گشتیم گنگ توضیح داده
سلام .فایل فونت ها رو باید از هاست ، تو پوشه فونت اپلود کنی.
تغییرات قالب جزو پشتیبانی نیست. پشتیبانی شامل مشکلات قالب هست
با سلام و خسته نباشید خدمت شمامن تغییر فونت را در قالب zerif pro میخواهم انجام بدهم.اما اعمال نشد.(در لوکال هاست)
سلام طبق این آموزش انجام بدید حل خواهد شد.
با سلام و خسته نباشید خدمت شمامن نیاز به پک آموزشی شما در ارتباط با قالب zerif pro دارم.آیا سی دی آموزشی دارید که من خریداری کنم؟
سلام نه متاسفانه
ممنونم خیلی خوب بود
سلام و روز به خیر٬من از فونت شبنم استفاده کردم و فونت رو عوض کردم اما از فونت انگلیسیش خوشم نمیاد و فک کنم times roman باشه٬ممنون می شم راهنمایی بفرمایین که چجوری می تونم انگلیسی رو هم عوض کنم
سلام باید فونت انگلیسی روی فونت شبنم باشه همزمان نمیشه دو تا فونت گذاشت
من دقیقا همین کارا رو رو لوکال هاست انجام دادم ولی هیچ تغییری نکردقالب Twenty Seventeenفونت هم ایران سنس
سلام یه تگ !important به 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;
}ممنون میشم اینجا اصلاح بفرمایید. با سپاس از سایت بی نظیر و پشتیبانی عالیتون
یه سوال دیگه هم داشتم.زبون پنل مدیریت وردپرسو که انگلیسی میکنم دیگه فایل rtl.css کار نمیکنه!میشه هم زبونش انگلیسی باشه هم از فایل rtl.css استفاده کرد؟
سلام خیر راست چین در صورت فارسی بودن سایت کار میکنه
ببخشید من یکم مبتدیم.?این کارو انجام دادم فونت عوض میشه ولی ایران سنس نمیشه!! arial میشه.با همین بی یکان هم که گذاشتین امتحان کردم باز فونت arial میشه!!
اینو چی کارش کنم؟
در صورت نیاز به راست چین باید یا فارسی کنید وردپرس رو یا کد های rtl.css در style.css کپی شود
الآن سایت راستچین شده درسته.ولی فونت کار نمیکنه.همونطور که گفتم فونت عوض میشه ولی arial میشه. اون فونتی که من میخوام نمیشه.
طبق کدهای فوق باید فونت فامیلی ها رو تعریف کنید تا اوکی بشه
ببخشید یه سوال؟شما میدونید چطور میشه بعضی از فونتهای سایت رو که نوشته system توی وردپرس تغییر داد؟ من فونتهای سایتمو به روش شما تغییر دادم همه چیز اکی هست فقط فونت یه جا رو از چیزیکه من تعریف کردم درست نمیخونه و وقتیکه inspect میزنم نوشته که این فونت system ای هست در حالیکه بقیه رو داره remote از چیزیکه من تعریف کردم میخونه. ممنون
از همین روش میتونید تغییر بدید
متوجه منظورتون نشدم. من همین روش رو پیاده سازی کردم اما این فونتی که نوشته شده در روش system استفاده میشه در هیچ کدوم از فایلهای css هم فراخوانی نشده. از طرفی من فونت body رو با دستور important به اون فونتی که میخواستم تغییر دادم اما این فونتی که داره خودش برای بعضی جاها میخونه هیچ جا نیست تا بتونم تغییرش بدم.ممنون میشم بیشتر راهنمایی کنید.
باید ببینید اون جایی که فونت سیستم رو میخونه استایلش چی هست و بهش استایل font-family بدید تا فونت دلخواه شما رو اجرا کنه
واقعا عالی بود ممنون. من تا حالا به غیر از فروم های خارجی هزگز توی ایران سایتی ندیده بودم اینجور با توضیحات روان پاسخگوی کامنتها باشه. خسته نباشید
با سلام من طبق این اموزش پیش رفتم و در لوکال هاست جواب داد اما در هاست اینترنت جواب نمیدهد اگه میشه راهنمایی کنیدممنون از سایت خیلی خوبتون
سلام درست مراحل رو طی کنید و همه چیز اوکی باشه فرقی نداره روی لوکال کار کنید یا روی هاست اصلی
نام قالب من pixova-liteهست که قسمت style.css اصلا font-family و تابع خاصی نداره !!! و فقط شامل لایسنس قالب و یکسری اطلاعات کلی راجع به قالب هست .. توی این شرایط میشه لطفا منو راهنمایی کنید
سلام توی همین فایل ادامه کد ها قرار بدید سی اس اس رو
سلام، من قالب انفولد رو ازتون خریدم، تو فونت های فارسی که گذاشتید، ایران سنس نیست، کد بالا رو به custom.css و rtl.css اضافه کردم و نام فونت رو به ایران سنس تغییر دادم، فایل های ایران سنس هم به فولدر fonts اضافه کردم، اما کار نمی کنه، چطور می تونم فونت ایران سنس رو اضافه کنم؟
ممنونم
سلام ایران سنس چون لایسنس داره به قالب اضافش نکردیم. به سی اس اس خاصیت !important بدید اوکی میشه. البته تغییرات توی قالب جزو پشتیبانی نیست
سلام من با آموزش شما اقدام کردم و فایل SVG رو هم ساختم و به آوادا اضافه کردم ولی متن های پارگرافها عوض نشدن و فقط سر تیتر ها BYEKAN شدن. لطفا راهنمایی کنین. ممنون
سلام قالب آوادا رو اگر از ما خریداری کردید خودش دارای 63 فونت فارسی هست و نیازی به اضافه کردن دستی نداره!
خوب پس کاربرد آین آموزش برای چی بوده؟ !!
این آموزش برای قالب هایی هست که خودشون فونت فارسی ندارند
سلام لطفا آموزش صفر تا صد اضافه کردن پکیج 60 فونت که در قالب هایتان به کار می برید را بگذارید؟
سلام برای هر قالبی فرق میکنه
سلام.من فونت ایران سنس رو گرفتم و طبق اموزش پیش رفتم ولی نشد چی کار کنم من االان؟
سلام قالبتون چه قالبی هست؟ ظاهرا توی یکی از مراحل دارید اشتباه پیش میرید
پسر وااااااااااقعا دمت گرم
سلاممن متوجه نشدم دقیقا.الان در قالب گود نیوز من 60 فونت فارسی شما از قبل قرار دادید. با این کاری که شما توضیح دادید آیا فونت جدید به آن لیست اضافه می شود یا جایگزین یکی از فونت ها می شود و یا ….؟خوب متوجه نشدم.ممنون
سلام خیر فونت اصلی سایت میشه ایران سنس. بهتره همزمان یک فونت روی کل سایتتون باشه
سلام وقت بخیر … ۲تا مشکل اساسی هست آیا قابل حله ؟
-متاسفانه هر بار بعد از آپدیت قالب فونت جایگزین ازبین میره و دوباره فایل css باید ویرایش بشه … میشه کاری کرد ثابت بمونه (بعد از آپدیت)-فونت جایگزین شدن مثلا ایران سنس بعد از جایگزینی در ۳۰ یا ۴۰ درصد سیستم های مختلف فونت نمایش داده نمیشه و یک فونت معمولی میاد …. در صورتی که برای مثال سایت خود شما در هر سیستمی ( دسکتاپ – لپتاپ – تبلت و گوشی) به صورت یکسانه و هیچ تغییری در اون به وجود نمیاد…
سلام
1. باید از chil-theme استفاده کنید.
2. باید کش سیستم رو خالی کنند.
سلام داداش خوبی؟
این سایت منه هر کاری میکنم نمیتونم وفنته اشو تغییر بدم همه راه هارو رفتم ولی تغییر نمیکنه
قالبشم خودم طراحی کردم
http://www.learn-98.com
سلام آموزش بالا رو تست کنید و همچنین افزونه ای که توی سایت معرفی کردیم
طبق آموزش شما پیش رفتم.اما در قالب گود نیوز که از شما خریداری کردم در بخش style.css قالب خالی است جز چند خظ توضیحات در باره ی قالب و اسم سایت شما.باید چکار کرد؟
سلام فایل rtl.css رو باز کنید.