- ویدئوی آموزشی تغییر فونت در وردپرس با استفاده از کد و افزونه در تاریخ 11 تیر 98 اضافه شد.
سلام دوباره خدمت همه دوستان عزیز سایت آیلین وب در این سری از آموزش های رایگان وردپرس که بیش از بیست قسمت آن برای شما دوستان تولید شده است و کاملا حرفه ای در اختیار شما قرار داده ایم و حالا در این مقاله آموزشی از آموزش وردپرس میخواهیم در مورد تغییر فونت در وردپرس با روش کدنویسی و همچنین با استفاده از افزونه های وردپرس را به شما دوستان آموزش دهیم .
همانطور که میدانید اگر شما از یک فونت منظم و حرفه ای استفاده نکنید ، در نتیجه کاربرانی که از سایت شما بازدید میکنند سریع خسته شده و از صفحه شما خارج خواهند شد و خود وردپرس هم فونت های چندان زیبایی ندارد که شما از آن استفاده کنید و در این مقاله به شما کمک خواهیم کرد که هر فونتی را که دوست داشتید به سایت خود اضافه کنید و جذابیت صفحه خود را دوچندان کنید پس با ما همراه باشید که این آموزش کاربردی را به شما دوستان یاد دهیم .
[toc]انواع روش اضافه کردن فونت به وردپرس :
روش اول(استفاده از کد های سفارشی) :
همان روش کد نویسی هست که اکثر شما کدها CSS و HTML به گوشتان خورده است که چه کارهایی میتوان در زبان های نشانه گذاری انجام داد و اگر آشنایی با این کار ندارید و کار سختی براتون به نظر میرسه متونید از افزونه ها استفاده کنید ولی ما در این آموزش حتما به شما نحوی وارد کردن فونت به صورت کد نویسی را خواهیم گفت.
روش دوم(استفاده از افزونه های آماده) :
در این روش هم گفته شما فقط با نصب افزونه میتوانید کارتان را انجام دهید به هیچ درگیری با کد نویسی که این کار به مراتب راحتر از کد نویسی است ولی بهینه ترین روش برای وارد کردن فونت همان استفاده از کدهای CSS است .
مطالعه ی بیشتر : چطور یک فهرست محتوای بسیار عالی و حرفه ای بسازم ؟
کد css تغییر فونت قالب وردپرس :
این راه در واقع اصولی ترین راهیست که میتوانید برای تغییر فونت در قالب وردپرس از آن استفاده کنید. در این روش که بیشتر هنگام طراحی پوسته ها مورد استفاده قرار می گیرد شما باید فونت های موردنظرتان را که دارای فرمت های استاندارد otf ، eot ، svg ، woff ، woff2 و ttf هستند در پوشه ای تحت عنوان fonts قرار دهید و آن در در کنار سایر فایل ها آپلود کنید. سپس میتوانید از دستور font-face@ استفاده کنید تا بتوانید آن را در فایل style.css فراخوانی کنید و فونت هر قسمت از پوسته که بخواهید را بتوانید با دستور font-family معرفی کنید.
به عنوان مثال من در این فایل CSS که نوشتم دو نوع فونت را فراخوانی کرد ابتدا همانطور که گفتم در پوشه فونت حتما فونت ها رو آپولد کنید و بعد در فایل CSS خود آن را فراخوانی کنید:
|
1 2 3 4 5 6 7 |
@font-face { font-family: 'BYekan'; src: url('/fonts/BYekan.eot'); src: local('b BYekan'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg'); font-weight: normal; font-style: normal; } |
به یاد داشته باشید که اگر آدرس محل اصلی فونت ها رو به درستی وارد نکنید هیچ کدام از کدها عمل نخواهد کرد.
اضافه کردن فونت به وردپرس توسط افزونه :
برای تغییر فونت توسط افزونه ، ما به شما افزونه MW Font Changer رو به شما پیشنهاد میدیم که از اون برای تغییر فونت تو وردپرس استفاده کنید . برای نصب افزونه MW Font Changer میتونین از خود مخزن وردپرس دانلود کنید و یا فقط اسم پلاگین رو سرچ کنید و اونو نصب کنید :
این افزونه دارای ویژگی های مختلفی است که از جمله آنها می توان به موارد زیر اشاره کرد:
- این افزونه کاملا فارسی و راست چین شده است .
- این افزونه را میتوانید به راحتی نصب و تنظیم کنید.
- میتوانید فونت بخش مدیریت را با پوسته وردپرس تغییر دهید
- شما میتوانید تعیین اندازه فونت را برای بخش های مختلف سایت انجام دهید.
- این افزونه بیش از 20 فونت فارسی و 4 فونت انگلیسی را پشتیبانی می کند.
- شما میتوانید توسط این افزونه از فونت وب زیبای IRANSans استفاده کنید.
- این افزونه در واقع قابلیت سازگاری کامل فونت ها را با مرورگر های به روز مانند فایرفاکس و کروم دارد.
پس از اینکه این افزونه را دانلود و فعالسازی کرده اید هم اکنون گزینه ای تحت عنوان فونت ماندگار در پیشخوان شما اضافه خواهد شد که میتوانید از طریق آن تمامی فونتهای بخش داشبورد و پوسته وردپرس را تغییر دهید. دقت کنید که تمامی تنظیمات به زبان فارسی هستند و در نتیجه انجام تنظیمات دلخواه شما بسیار راحت خواهد بود.
برای این کار افزونه های زیادی وجود دارند که افزونه MW Font Changer به صورت کاملا فارسی سازی شده و شما به راحتی میتوانید فونت های دلخواه را به سایت خود اضافه کنید.
خوشحالیم که توانستیم این مقاله خوب و کاربردی را به شما ارائه دهیم اگر هر گونه سوال و یا پیشنهادی در مورد نوشتن کدها برای اظافه کردن فونت به وردپرس و یا کار با افزونه داشتید با ما در ارتباط باشید که در زیر همین مقاله آموزشی میتوانید سوالات خود را مطرح کنید و مطمئن باشید در اسرع وقت سوالات شما جواب خواهیم داد .
۱۳ دیدگاه دربارهٔ «تغییر فونت در وردپرس با استفاده از کدهای CSS و افزونه MW Font Changer;
سلام مدیر گرامی
میتوان کد معرفی فونت را بیش از چندین فونت به قالب معرفی کرد؟
سلام دوست عزیز
باید بهتون بگم که بله ، شما میتونید هر چند فونت که خواستید به قالبتون اضافه کنید ولی پیشنهاد میدم که فونت زیاد باعث سنگین شدن و کند شدن سایت شما میشه
موفق باشید.
با درود
ضمن تشکر از سایت عالیتون ، خواستم ببینم شما در سایت خودتان از چه فونتهائی استفاده می کنید؟ مثلا برای عنوان و بدنه و …
آیا می توانید برای من هم ارسال کنید یا باید خریداری کنم؟
با تشکر
سلام ممنونم
اصولا توی سایت های ایرانی از فونت های ایران سنس و ایران یکان استفاده میکنن و در آیلین وب هم از ایران سنس استفاده شده. شما هم میتونید از سایت طراح خریداری کنید.
https://fontiran.com/
موفق باشید …
سلام و ممنون از آموزش کاملتون
من دقیقا همه ی این کارهارو میکنم اما فونتم تغییری نمیکنه
در خط چهارم کد هم همه ی اسم هارو به اسم فونت خودم تغییر میدم اما باز هم فونت عوض نمیشه، دلیلش چی میتونه باشه؟
سلام دوست عزیز
ببینید توی اولین مرحله حتما کش مرورگر و وردپرس رو پاک کنید چون فونت ها هم کش میشن. در دومین مرحله حتما مراحل رو بدرستی پیش برید و حتی میتونید از افزونه ای همانند any font هم استفاده کنید.
سلام وقت بخیر
ببخشید که سوالم برای این موضوع نیست ولی گفتم از خدمتتون بپرسم
سایت شما رو اسکرول کردم تا پایین انتهای مطلب یه کادری از سمت راست باز شد و یک مطلب دیگه پیشنهاد کرد
متوجه شدم که پلاگین related post هستش اما خیلی پلاگین ها رو تست کردم این ظاهر رو نداد بهم
ممنون میشم راهنمایی کنید از چه پلاگین یا اسکریپتی استفاده کردین
با تشکر
سلام دوست عزیز
نه خیر این افزونه نامش هست Cresta Posts Box میتونید رایگان از مخزن وردپرس نصب کنید
موفق باشید.
من فونت ایران سانس دست نویس را دانلود کرم می خواستم ببینم بدون کد نویسی این فونت را بارگذاری کنم
دوست عزیز میتونید هر فونت رو با کد زیر اضافه کنید :
@font-face {
font-family: iranyekan;
font-style: normal;
font-weight: bold;
src: url(‘../fonts/eot/iranyekanwebbold.eot’);
src: url(‘../fonts/eot/iranyekanwebbold.eot?#iefix’) format(’embedded-opentype’), /* IE6-8 */
url(‘../fonts/woff/iranyekanwebbold.woff’) format(‘woff’), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url(‘../fonts/ttf/iranyekanwebbold.ttf’) format(‘truetype’);
}
و بعد اضافه کردن میتونید براحتی font-family: iranyekan; رو برا متن ها و … اضافه کند.
سلام و خدا قوت خدمت استاد عزیز
استاد با این افزونه فونت فهرست من تغیر نکرد
حتی کش را هم پاک کردم
چرا ؟ آیا می تواند برای این باشد که قالب سازگار نیست و یا برای دلایل دیگری است.
ممنون
یاعلی
این مورد شاید به قالب و تداخل افزونه ای مربوط باشه. ولی میتونید از افزونه رایگان فونت ماندگار استفاده کنید که نسخه های جدید فونت هایی همانند ایران سنس رو هم قرار دادن و یا میتوانید از Any Font هم برای فونت دلخواه استفاده کنید
ممنون از آموزشتون واقعا عالی بود اما من هم در هاست و هم در لوکال هاست به صورت دستی تک تک کارها رو انجام دادم اما تغییری حاصل نشد کش مرورگر و وردپرس هم پاک کردم با افزونه ماندگار هم فقط بغضی قسمت ها تغییر کرد.باعث خرسندی منه اگه با تجربیاتتون به من کمک کنید