آیلین وب

لیست بروز رسانی های مقاله
  • ویدئوی آموزشی تغییر فونت در وردپرس با استفاده از کد و افزونه در تاریخ 11 تیر 98 اضافه شد.

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

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

ساخت صفحه های بسیار زیبا و حرفه ای فقط اگر کار با افزونه صفحه ساز المنتور را یاد بگیرد (طراحی سایت را بدون کدنویسی یاد بگیرید)

انواع روش اضافه کردن فونت به وردپرس :

chenge font  - تغییر فونت در وردپرس با استفاده از کدهای CSS و افزونه MW Font Changer
تغییر فونت در وردپرس

روش اول(استفاده از کد های سفارشی) :

همان روش کد نویسی هست که اکثر شما کدها CSS و HTML به گوشتان خورده است که چه کارهایی میتوان در زبان های نشانه گذاری انجام داد و اگر آشنایی با این کار ندارید و کار سختی براتون به نظر میرسه متونید از افزونه ها استفاده کنید ولی ما در این آموزش حتما به شما نحوی وارد کردن فونت به صورت کد نویسی را خواهیم گفت.

روش دوم(استفاده از افزونه های آماده) :

در این روش هم گفته شما فقط با نصب افزونه میتوانید کارتان را انجام دهید به هیچ درگیری با کد نویسی که این کار به مراتب راحتر از کد نویسی است ولی بهینه ترین روش برای وارد کردن فونت همان استفاده از کدهای CSS است .

مطالعه ی بیشتر : چطور یک فهرست محتوای بسیار عالی و حرفه ای بسازم ؟

کد css تغییر فونت قالب وردپرس :

این راه در واقع اصولی ترین راهیست که میتوانید برای تغییر فونت در قالب وردپرس از آن استفاده کنید. در این روش که بیشتر هنگام طراحی پوسته ها مورد استفاده قرار می گیرد شما باید فونت های موردنظرتان را که دارای فرمت های استاندارد otf ، eot ، svg ، woff ، woff2 و ttf هستند در پوشه ای تحت عنوان fonts قرار دهید و آن در در کنار سایر فایل ها آپلود کنید. سپس میتوانید از دستور font-face@ استفاده کنید تا بتوانید آن را در فایل style.css فراخوانی کنید و فونت هر قسمت از پوسته که بخواهید را بتوانید با دستور font-family معرفی کنید.

به عنوان مثال من در این فایل CSS که نوشتم دو نوع فونت را فراخوانی کرد ابتدا همانطور که گفتم در پوشه فونت حتما فونت ها رو آپولد کنید و بعد در فایل CSS خود آن را فراخوانی کنید:

font family - تغییر فونت در وردپرس با استفاده از کدهای CSS و افزونه MW Font Changer
نحوی فراخوانی فونت توسط کد font-face@
@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;
}

و شما میتوانید کل body را به هر فونتی که خواستید تغییر دهید و فقط کافی است که font-family را با نام هر فونتی که ایجاد کرده ایم فراخوانی کنید که به راحتی فونت شما تغییر خواهد کرد.

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

اضافه کردن فونت به وردپرس توسط افزونه :

برای تغییر فونت توسط افزونه ، ما به شما  افزونه MW Font Changer رو به شما پیشنهاد میدیم که از اون برای تغییر فونت تو وردپرس استفاده کنید . برای نصب افزونه MW Font Changer میتونین از خود مخزن وردپرس دانلود کنید و یا فقط اسم پلاگین رو سرچ کنید و اونو نصب کنید :

plugin font. - تغییر فونت در وردپرس با استفاده از کدهای CSS و افزونه MW Font Changer
نصب افزونه MW Font Changer

این افزونه دارای ویژگی های مختلفی است که از جمله آنها می توان به موارد زیر اشاره کرد:

  •  این افزونه کاملا فارسی و راست چین شده است .
  •  این افزونه را میتوانید به راحتی نصب و تنظیم کنید.
  • میتوانید فونت بخش مدیریت را با پوسته وردپرس تغییر دهید
  • شما میتوانید تعیین اندازه فونت را برای بخش های مختلف سایت انجام دهید.
  • این افزونه بیش از 20 فونت فارسی و 4 فونت انگلیسی را پشتیبانی می کند.
  • شما میتوانید توسط این افزونه از فونت وب زیبای IRANSans استفاده کنید.
  • این افزونه در واقع قابلیت سازگاری کامل فونت ها را با مرورگر های به روز مانند فایرفاکس و کروم دارد.

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

font mandegar - تغییر فونت در وردپرس با استفاده از کدهای CSS و افزونه MW Font Changer
افزونه فونت ماندگار

برای این کار افزونه های زیادی وجود دارند که افزونه MW Font Changer به صورت کاملا فارسی سازی شده و شما به راحتی میتوانید فونت های دلخواه را به سایت خود اضافه کنید.

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

8 دیدگاه دربارهٔ «تغییر فونت در وردپرس با استفاده از کدهای CSS و افزونه MW Font Changer»

    1. سلام دوست عزیز
      باید بهتون بگم که بله ، شما میتونید هر چند فونت که خواستید به قالبتون اضافه کنید ولی پیشنهاد میدم که فونت زیاد باعث سنگین شدن و کند شدن سایت شما میشه
      موفق باشید.

  1. با درود
    ضمن تشکر از سایت عالیتون ، خواستم ببینم شما در سایت خودتان از چه فونتهائی استفاده می کنید؟ مثلا برای عنوان و بدنه و …
    آیا می توانید برای من هم ارسال کنید یا باید خریداری کنم؟
    با تشکر

  2. سلام و ممنون از آموزش کاملتون
    من دقیقا همه ی این کارهارو میکنم اما فونتم تغییری نمیکنه
    در خط چهارم کد هم همه ی اسم هارو به اسم فونت خودم تغییر میدم اما باز هم فونت عوض نمیشه، دلیلش چی میتونه باشه؟

    1. سلام دوست عزیز
      ببینید توی اولین مرحله حتما کش مرورگر و وردپرس رو پاک کنید چون فونت ها هم کش میشن. در دومین مرحله حتما مراحل رو بدرستی پیش برید و حتی میتونید از افزونه ای همانند any font هم استفاده کنید.

  3. سلام وقت بخیر

    ببخشید که سوالم برای این موضوع نیست ولی گفتم از خدمتتون بپرسم

    سایت شما رو اسکرول کردم تا پایین انتهای مطلب یه کادری از سمت راست باز شد و یک مطلب دیگه پیشنهاد کرد

    متوجه شدم که پلاگین related post هستش اما خیلی پلاگین ها رو تست کردم این ظاهر رو نداد بهم

    ممنون میشم راهنمایی کنید از چه پلاگین یا اسکریپتی استفاده کردین

    با تشکر

دیدگاه‌ خود را بنویسید

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

پیشنهاد میکنیم این مقالات را هم بخوانید
آموزش انتخاب بهترین کلمات کلیدی (Keywords) برای محتوا + فیلم آموزشی

آموزش انتخاب بهترین کلمات کلیدی

آموزش انتخاب بهترین کلمات کلیدی برای سایت و محتوا، موضوع این جلسه

هاست ویندوز و هاست لینوکس : کدوم رو انتخاب کنم؟

هاست ویندوز و هاست لینوکس

قبل از راه اندازی و ساخت سایت با وردپرس  باید حتما قبلش

آموزش ساخت مگامنو در المنتور (رایگان) + 📽فیلم آموزشی

آموزش ساخت مگامنو در المنتور

با آموزش ساخت مگامنو در المنتور در خدمت شما عزیزان هستم و

کپی کردن صفحات المنتور به صورت کامل از یک سایت به سایت دیگر + (فیلم آموزشی)

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

شاید برای خیلی از شماها پیش اومده که توی طراحی صفحات با

مطالب داغ
اسکرول به بالا