تغییر فونت در وردپرس و افزودن فونت فارسی به قالب‌ها
- دسته بندی: مقالات آموزشی
- آپدیت شده در تاریخ
اکثر قالب‌های وردپرسی که شما دریافت میکنید، مخصوصاً قالب‌هایی که از سایت تم فارست خریداری میکنید؛ یا قالب‌هایی که از مخزن اصلی وردپرس دانلود میکنید دارای فونت فارسی نیستند. فونت‌های پیش‌فرض این قالب‌ها Tahoma ،TimesNewRoman و یا فونت‌های عربی هستند. امروز قصد داریم به شما میهن وردپرسی‌ها نحوه تغییر فونت در وردپرس را آموزش دهیم. در این آموزش از فونت بی یکان استفاده می‌کنیم. اما شما میتوانید هر فونت دیگری را استفاده کنید.
هر قالبی که شما بر روی سایت وردپرسی خود نصب میکنید نیازمند یک فونت فارسی است. درواقع سایت وردپرسی شما باید حتماً دارای فونت فارسی باشد. شما قادر هستید از فونت‌های مختلفی مانند ایران سنس، بی یکان و… استفاده کنید؛ و درواقع از فونت دلخواه خود در سایت خود استفاده کنید. توسط فونت فارسی شما میتوانید در طراحی سایت خود تحول بزرگی به وجود بیاورید و ظاهر سایت خودتان را تا حد زیادی تغییر دهید. اضافه کردن فونت مناسب فارسی، سایت شما را در نظر کاربران دل‌چسب‌تر می‌کند.
پس افزودن فونت فارسی به قالب سایت وردپرس یکی از ضروریات است و هرگز نباید اهمیت آن را نادیده بگیرید. یک فونت فارسی مناسب می‌تواند تأثیر فوق‌العاده‌ای در ذهن کاربر نسبت به سایت شما بگذارد، و کاری کند که کاربر ارتباط بهتری با سایت شما و محتوای آن برقرار کند؛ و درنتیجه وقت بیشتری را در سایت شما بگذارند.
آنچه در این مطلب می‌خوانید:
تغییر فونت در وردپرس
فونت‌های متعددی در وردپرس وجود دارد که شما میتوانید از آن‌ها استفاده کنید. اما به شما پیشنهاد می‌کنیم که حداکثر از 2 فونت در سایت خود استفاده کنید. چراکه به‌کارگیری تعداد زیادی فونت در سایت ممکن است در آینده مشکلات زیادی برای سایت وردپرسی شما ایجاد کند. به‌عنوان‌مثال ممکن است در آینده سرعت بارگذاری سایت شما کند شود، که این مشکل می‌تواند باعث کاهش تعداد بازدیدکنندگان سایت شما شود.
در این آموزش از فونت بی یکان استفاده می کنیم.
آماده سازی فونت فارسی برای افزودن فونت به وردپرس
در نظر داشته باشید که فونت مورداستفاده شما حتماً توسط موتورهای جستجو پشتیبانی شود. درصورتی‌که موتورهای جستجو از فونت انتخابی شما پشتیبانی نکنند؛ فونت دیگری را جایگزین فونت سایت شما می‌کنند. بنابراین در انتخاب فونت برای سایت وردپرسی خود نهایت دقت را داشته باشید؛ تا بتوانید تقریباً در تمام موتورهای جستجو فرمتی یکسان برای فونت سایت خود به کاربران ارائه دهید.
در ابتدای کار شما نیاز به آماده‌سازی سه فرمت از فایل فونت خود دارید. شما باید فرمت‌های Ttf، Eot و Woff فونت خود را داشته باشید. از آنجا که فونت Ttf تقریباً با تمام مرورگرها سازگار است؛ پس ابتدا به دنبال فرمت Ttf که فرمت اصلی فونت است در وب بگردید. مثلاً برای دانلود آن، فونت بی یکان فارسی را سرچ کنید.
بعد از دانلود فرمت Ttf میتوانید با استفاده از ابزار تبدیل Ttf به Eot آن را به BYekan.eet تبدیل کرده؛ و با استفاده از ابزار تبدیل Ttf به Woff آن را به BYekan.woff تبدیل کنید. (البته ما در تیم میهن وردپرس برای راحتی کار شما عزیزان هر سه فرمت فونت بی یکان را آماده کرده‌ایم؛ شما میتوانید از انتهای همین صفحه آن را دانلود کنید.)
افزودن فونت فارسی به قالب‌های حرفه‌ای وردپرس
بعد از نصب قالب (خصوصاً قالب‌های حرفه‌ای) در ابتدا دنبال پنل مدیریتی قالب بگردید. قالب‌هایی مثل قالب BeTheme یا قالب وردپرس آوادا به‌صورت پیش‌فرض در پنل مدیریتی خود امکان اضافه کردن فونت‌های سفارشی را دارند. شما به‌راحتی با ورود به بخش فونتها یا تایپوگرافی در پنل مدیریت این قالب‌ها میتوانید فونت‌های دلخواه خود را اضافه کنید. برای این کار از سه فرمت ساخته‌شده در مرحله قبلی استفاده کنید.
کد افزودن فونت فارسی به وردپرس
درصورتی‌که قالب وردپرسی شما از پنل مدیریت و تنظیمات فونتها پشتیبانی نمی‌کند؛ ابتدا یک پوشه به نام 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 مشاهده میکنید که فونت زیبای یکان به سایت شما اضافه شده است. به همین راحتی!
امیدواریم این مقاله به شما در این زمینه کمک کرده باشد و از ان بهره کافی را برده باشید. موفق و پیروز و سربلند باشید. 🙂
راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.
آموزش عالی بود ولی فونت ساحل بهتر از این فونت هستش مخصوصا وزن semibold
سلام وقت بخیر
من کل مراحل رو مثل شما پیش بردم، بارها هم این کار رو انجام دادم ولی کنار بند src: یک مثلث خطا نشون میده
ایراد از چیه؟ من از قالب astra استفاده می کنم
سلام
اجازه بدید تا نسخه جدید قالب رو ارایه بدیم و از نسخه جدید استفاده کنید
در کل پیشنهاد ما به شما استفاده از قالب های حرفه ای هست
سلام..
من دقیقا طبق این اموزش پیش میرم اما فونت تغییری نمیکنه…راهی دیگه وجود نداره من دقیقا روی رو پوسته هم انجام میدم بازم فایده ای نداره
درود ظاهرا شما از قالب گودنیوز استفاده میکنید. قالب گودنیوز نسخه میهن وردپرس خودش فونت رو داره از بخش تنظیمات قالب می‌تونید فونت رو تغییر بدید.
من از یه شرکت المانی به اسم STRATO هاست خریداری کردم اما متاسفانه اجازه دسترسی به فایل هامو نمیده فقط میگه ماهانه ۲۰ یورو پرداخت کنید تا ازین مرض عبور کنید . فقط ورد پرس رو نصب کرده روی هاستم و تمام دگه هیچگونه عملیاتی روی هاستم انجام داده نمیتونم
لطفا راهنمایی کنید .
سپاس
درود راهی نیست باید راضیشون کنید 🙂
ممنون بابت مطالب زیباتون، همه فونتها کار میکنن ولی ایران‌سنس رو هیچ قالبی واسم کار نکرد. میشه لطفا کمکم کنید.
احتمالا مشکلی موقع نصبش دارید. حتما طبق آموزش ایران سنس انجام بدید اینکار رو. آموزش نصب فونت ایران سنس رو توی سایت خودمون سرچ کنید.
سلام. ممنون بابت مطالب مفیدتون.
من هرکار کردم نتونستم فونت ایران‌سنس رو ایندکس کنم، حتی از ایمپورتانت استفاده کردم ولی باز هم فونت اعمال نشد. روی قالب اچ‌تی‌ام‌ال خام کار کرد ولی رو وردپرس کار نمیکنه. هر چهارتا فرمت ttf, eot, woff و woff2 رو هم آپلود کردم.
درود شاید قالب سایتتون از فونت توی تنظیماتش استفاده میکنه که باید از php تغییر بدید در این صورت
با سلام و تشکر
پس از اضافه کردن پلاگین accordion، بعضی جاها فونتها اعمال میشن، بعضی جاها خیر.
محبت میکنین راهنمایی کنین چطور باید مشکل رو حل کرد؟
متشکرم
سلام
باید از سی اس اس قسمت هایی که میخواید را پیدا کنید و فونت آن قسمت ها را تغییر دهید.
ممنون از مطالب خوبتون. خیلی مفید هستن.
سلام
خداقوت
آیا قالب نیوزپیپر هم فونت فارسی داره و نحوه اضافه کردن فونت در این قالب چطور هستش؟
با تشکر
سلام
بله همانطور که در دمو میشاهده میکنید فونت ایران سنس ب روی قالب نصب است. کافیست قالب را نصب کنید و اگر فونت ایران سنس نیست از تنظیمات قالب بخش تایپوگرافی را بررسی کنید.
سلام وقتتون بخیر من از قالب صحیفه استفاده میکنم و در حال حاضر کلی فونت داره میخواستم فونت دلخواهم رو به این قالب اضافه کنم میشه راهنمایی بفرمایید؟
درود از همین روش می توانید اضافه کنید. اگر صحیفه را از سایت خودمان دریافت کنید بیش از ۶۴ فونت فارسی دارد
با سلام قالب سایت مت betheme هستش. داخل فایل style.css هیچfont-family ای وجود نداره.چطوری میتونم دونه دونه font-family های مختلف سایتم رو پیدا کنم و تغییرش بدم ؟ وقتی ام که از طریق تنظیمات خود قالب betheme فونت رو عوض میکنم سرعت بارکزازی سایت پایین میاد
باید کد نویسی کنید و از اینسپکت المنت مرورگر کمک بگیرید.
با سلام . من داخل فایل استایلم کدهایی گه گفتین رو وارد کردم.اما مثلا وقتی می خوام فونت های قسمت body رو تغییر بدم (font-family رو تغییر بدم) هیچ کدی راجع به body داخل فایل style نیست.
سلام اضافه کنید body رو
سلام و خسته نباشید. من دقیقا همین کار را چندین بار برای تغییر فونت انجام دادم ولی فقط در فایرفاکس فونت را درست نشان میدهد و در مرورگرهای دیگر فونت معمولی است. پوشه فونت در هاست پیدا نکردم و در public htmlکه قالب وردپرس را آپلود کردم یک پوشه به اسم fonts ساختم و فونت ها را با 3 فرمت آنجا قرار دادم و هنگام آدرس دهی در style.css از آدرس دهی fonts/BYekan استفاده کردم ولی متاسفانه اجرا نشد. باز هم یک پوشه ای به اسم fonts در پوشه includs موجود بود فونت ها را به این پوشه هم انتقال دادم نشد. آدرس دهی کامل از public_html/includs/fonts نیز انجام دادم ولی باز هم نمیشناسه. font family ها را نیز به BYekan تغییر دادم. با افزونه هم تغییر دادم فونت را باز مرورگرهای دیگر جز فایرفاکس مشکل دارد. میشه بفرمایید چکار کنم یا فونت ها را دقیقا در کجای هاست آپلود کنم که با این آدرس بشناسد؟ vidacompany.ir
لطفا جواب را به ایمیلم ارسال کنید. با تشکر
سلام
از یک برنامه نویس بخواهید اینکار را برایتان انجام دهد. می توانید با بخش طراحی در ارتباط باشید :
http://design.mihanwp.com/
سلام
من از قالب sydney استفاده میکنم.
کار هایی که تو فیلم آموزش بود را انجام دادم ولی هیچ تغییری ایجاد نشد. الان باید چیکار کنم؟؟؟؟
سلام
از یک برنامه نویس بخواهید برایتان فونت را تغییر دهد یا از قالب های حرفه ای مین وردپرس استفاده کنید :
https://mihanwp.com/themes/vip/
با تشکر – اگر قالب ورد پرسی انگلیسی باشد و فقط چند فونت فارسی متنوع را برای نوشتن متون فارسی بخواهیم نصب کنیم بدون اینکه قالب وردپرس فارسی شود، این روش گفته شده جواب می دهد.
سلام
بله جواب میدهد.
سلام دوست عزیز
این لینک رو ببینید: http://uupload.ir/files/7fz0_2018-03-27.png
همه چیرو تغییر داده اما این تیتر هارو عوض نکرده. چیکار کنم که عوض بشه؟
سلام
باید با استفاده از css به کلاس عنوان ها font-family بدهید.
سلام.وقت بخیر.
بخشید وقتی متنی مثلا بعنوان مقاله با هر جایی مینویسی بعضی کلماتو رنگی مینویسی بعد از انتشار اعمال نمیشه.
یا مثلا من داخل متنم کلش رو فونت 9 نوشتم اما میاد پاراگراف اول رو خودش خیلی درشت مینویسه بعد انتشار.یک قسمت از متن رو خودش درشت میکنه.قالب من انفولد و فونت ایران سنس هستش.
ممنون میشم زاهنمایی بفرمایید.
هدینگ ها یا عناوین سایت شما اندازه های پیشفرضی دارند که در قالب شما تعریف شده و باید برای تغییر اندازه فونت از افزونه یا کد نویسی استفاده کنید. برای اینکار میتوانید با بخش طراحی در ارتباط باشید :
http://design.mihanwp.com
سلام. وقتتون بخیر. میخواستم بدونم چطور میشه فونت به یک پلاگین اضافه کرد بعنی در محیط پیشخوان فونت یک پلاگین با بقیه متفاوت باشه ؟
سلام باید کدنویسی پلاگین رو تغییر بدید . توی سایت سرچ کنید افزودن سی اس اس دلخواه به مدیریت وردپرس
کاش از طریق ومپ هم م گفتین چجوری میشه آپلود کرد چیزایی مثل فونت رو
توی ومپ که خیلی راحته! کافیه فایل ها رو کپی کنید توی پوشه www
سلام
من از قالب woodmart استفاده می کنم
همه کار ها رو انجام دادم اما فونت عوض نشد
لطفا راهنمایی کنید
سلام مراحل رو دوباره طی کنید اگر نشد با یک برنامه نویس در ارتباط باشید
عالی بود من تونستم خیلی ساده فونت سایتم رو عوض کنم ممنون
مثل همیشه عالی بود اگه لطف کنید یه آموزش هم برای اضافه کردن فونت در قسمت ابزارک های نوشته ها هم بزارید ممنون میشم
درود.
شما هرجایی که می خواهید در قالب و قسمت نمایشی به فونت دلخواه تغییر کند، در CSS آن font-family را فونت دلخواه قرار دهید.
سلام. امکانش هست آموزش افزودن فونت به ویرایشگر tinymce advanced را هم در سایتتان بزارید؟ تشکر
سلام وقت بخییر
در آموزش به هنگام اضافه کردن کد فونت در قسمت rtl.css اگر ابتدای فایل کد را اضافه نکنیم و بعد از مورد زیر که در قالب هست اضافه کنیم اشکالی دارد.
Theme Name: KuteTheme
Description: Adds support for languages written in a Right To Left (RTL) direction.
[Table of contents]
1. General
2. Header
3. Footer
4. Main menu
5. Owl carousel Theme
6. Visual Composer
7. Sidebar
8. Blog
9. Woocommerce
10. Responsive
درود.
خیر بعد از کد کامنت اضافه شود مشکلی ندارد.
سلام
من فونت ایران سنس رو از روشی که شما گفتین روی سایتم نصب کردم اما سرعت لود فونت پایین اومده. به طوری که بعد از هربار وارد شدن در سایت همه چیز در کسری از ثانیه بالا میاد اما فونت بعد از دو سه ثانیه!
مشکل چیه؟؟؟!!
در ضمن از آموزش خوبتون هم ممنون….
سلام متشکر. به هر حال لود شدن فونت کمی سرعت رو کمتر میکنه و چاره ای نیست!
با سلام
من فونت و به روش بالا نصب کردم
و درست شد اما چرا فونت 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 دارم.آیا سی دی آموزشی دارید که من خریداری کنم؟
سلام نه متاسفانه