ثبت نام کنید

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ آدرس ایمیل خود را وارد کنید، یک ایمیل حاوی لینک بازیابی رمز عبور برای شما ارسال می شود.

پرسیدن سوال

برای پرسیدن سوال، باید وارد حساب کاربری خود در سایت شوید.
در بین 779 آموزش و 1522 پرسش به دنبال چه هستید؟

در بپرسم کلیه مطالب آموزشی رایگان است، کافیست فقط آن چیزی را که میخواهید دنبالش بگردید


آموزش افزودن فونت به قالب وردپرس(بدون افزونه)

سلام

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

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

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

آموزش:

  • هر قالب وردپرسی دارای فایل ها و پوشه هایی شبیه تصویر زیر است که در قالب های متفاوت متغیر هست.
files

فایل ها و پوشه های یک قالب وردپرسی

  • خب ابتدا باید، فونتی که میخوایم استفاده کنیم رو به پوشه های قالب اضافه کنیم، برای این کار یک پوشه به نام font بسازید.
  • سپس فونت مورد نظر را داخل این پوشه بریزید.(فونت های فارسی متعددی هست که میتونید ازش استفاده کنید؛ فونت های رایگان نظیر یکان، وزیر و غیر رایگان هم نظیر ایران سنس) ما در این آموزش از فونت رایگان وزیر استفاده میکنیم، که از این لینک میتونید دانلود کنید.
فونت وزیر

فونت وزیر

پس از دانلود فونت وزیر با فایل ها و پوشه هایی شبیه تصویر بالا مواجه میشید، که اون ۴ فونتی که دورش خط کشیدم رو درون پوشه font که تو پوشه ی قالب درون هاست ایجاد کردید، آپلود کنید.

  • حالا فایل style.css یا rtl.css را باز کنید، و در اولین خط کدهای زیر را جایگزین کنید.

اگر قالب شما دارای فایل rtl.css هست، این فایل را باز کنید، اگر نیست style.css را باز و کدهای بالا را داخلش قرار بدید.

در کدهای بالا یک فونت به نام Vazir تعریف کردیم و مسیر فونت(خط ۵ الی ۹) را بهش دادیم.

  • کار تمام شد، حالا کافیست فونت هر قسمت از سایت رو که میخواید عوض کنید، font-family رو بهش بدید، به شکل زیر:
حتما بخوانید:  آموزش فارسی word - قسمت هفدهم(حاشیه گذاری)

فایل را ذخیره و سایت را رفرش کنید، اگر مراحل را به درستی انجام داده باشید، فونت به سایت اعمال خواهد شد.

  • برای اینکه فونت را به کل قسمت های سایت اضافه کنید، کد زیر را به فایل css اضافه کنید.

در این آموزش از چگونگی آپلود فایل درون هاست صرف نظر کردیم و فرض را این گرفتیم که آپلود در هاست را یاد دارید.

نکته: اگر در سایتتون از افزونه استفاده میکنید و با انجام مراحل بالا، قسمت افزونه فونتش تغییر نکرد، نگران نباشید، کافیه درون پوشه افزونه یک پوشه به نام font بسازید، فونت ها رو داخلش کپی کنید و در فایل Css افزونه، فونت را فراخوانی کنید(دقیقا مراحل بالا رو باید انجام بدید).

مشکلی داشتید، در سایت بپرسید با کمال میل پاسخگوی شما هستیم.

موفق باشید.

درباره احمد آخوندیمدیر

در صورتی که از بپرسم راضی بودید؛ میتوانید حمایت مالی کنید

دنبال کردن من

نظرات ( ۵ )

  1. سلام

    ممنون از آموزش خوبتون

    یه مشکلی که برا من پیش اومده اینه که فایل css رو تو فایل های افزونه نمیتونم پیدا کنم تا کد ها رو اعمال کنم

    افزونه نه فایل  style.css و نه rtl.css داره

    افزونه ی simple author box

    ممنون میشم اگه جواب بدین🌸🌸🌸

    • سلام

      فایل rtl.css مخصوص قالب هاست و در افزونه یک پیشوند قبل از rtl اضافه میشه، فرض کنید یک افزونه دارید به نام beporsam حالا اگر این افزونه راست چین شده باشه، یک فایل Css به نام زیر در پوشه css افزونه وجود داره:

      که beporsam نام افزونه هست.

      حالا در پوشه پلاگین مورد نظرتون یک پوشه به نام css وجود داره، که استایل های پلاگین داخلش قرار داره، اون فایل css که حجمش از همه بیشتره و باز کنید و فونت رو بهش اضافه کنید(پلاگین + فونتی که میخواید به افزونه اضافه کنید رو پیوست کنید تا بتونم راهنمایی بیشتر کنم)

      • بینهایت ممنون که وقت گذاشتین هم برا آموزش هم برا پاسخگویی

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

        اونهمه افزونه دارم با mw font changer کارمو راه انداختم ب جز این

        افزونه رو با فونت براتون پیوست میکنم

        ممنون میشم هر موقع وقت و حوصله شو داشتین زحمتشو بکشین

        افزونه

        فونت

         

  2. خدمت شما دوست عزیز

    اگر از افزونه برای تغییر فونت وب سایت استفاده نمیکردید و همونطور که در آموزش گفتم به صورت دستی انجام میدادید، دیگه نیازی نبود که به افزونه باز استایل جدا بدید، به همون قالب میدادید کفایت میکرد.

    فونتی که میخواید برای وب سایت اضافه کنید باید دارای ۴ پسوند eot,ttf,woff,woff2 باشه، در غیر این صورت در بعضی مرورگرها فونت نمایش داده نمیشه، من همون فونت وزیر رو اضافه کردم.

    در داخل پوشه افزونه، به assets مراجعه کنید، پوشه font رو می بینید که فونت وزیر رو استفاده کردم، همچنین داخل پوشه css فایل simple-author-box.min.css رو مراجعه کنید، اونجا فونت وزیر رو ادد کردم و در خط ۲۳ فونت رو به کلاس Css اضافه کردم.
    دانلود افزونه
    موفق باشید.

پاسخ دهید