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

wordpress tutorial 2020 28

فهرست مطالب

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

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

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

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

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

چگونه فونت وردپرس خود را تغییر دهیم؟
تغییر فونت در وردپرس

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

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

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

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

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

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

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

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

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

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

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

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

نصب افزونه تغییر فونت در وردپرس
نصب افزونه MW Font Changer

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

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

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

پلاگین فونت ماندگار
افزونه فونت ماندگار

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

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

4.7/5 - (3 امتیاز)

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

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

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

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

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

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

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

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

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

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

    با تشکر

    پاسخ
  4. من فونت ایران سانس دست نویس را دانلود کرم می خواستم ببینم بدون کد نویسی این فونت را بارگذاری کنم

    پاسخ
    • دوست عزیز میتونید هر فونت رو با کد زیر اضافه کنید :
      @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; رو برا متن ها و … اضافه کند.

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

    پاسخ
    • این مورد شاید به قالب و تداخل افزونه ای مربوط باشه. ولی میتونید از افزونه رایگان فونت ماندگار استفاده کنید که نسخه های جدید فونت هایی همانند ایران سنس رو هم قرار دادن و یا میتوانید از Any Font هم برای فونت دلخواه استفاده کنید

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

    پاسخ

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