نصب فونت فارسی در وردپرس

۲ روش برای اضافه کردن فونت فارسی به وردپرس

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

۱- اول این که فونت‌ها یکی از مهم‌ترین و اولین بخش‌های تجربه کاربری هستند و همان‌طور که یک فونت خوب می‌تواند به سایت ما ظاهری خوب بدهد و آن را خواناتر کند و باعث افزایش ماندگاری خوانندگان در وب‌سایت ما شوند به همان اندازه می‌توانند باعث شوند تا مخاطبان سایت ما که ممکن است مشتری هم باشند و قصد خرید از شما را داشته باشند با دیدن فونت نامناسب سایت شما را جزو سایت‌های بی‌ارزش حساب کنند و سریع وب‌سایت شما را ترک کنند.

۲- دوم هم این مورد است که هنگامی که شما از سایت های خارجی قالب وردپرسی خریداری میکنید اون قالب ها یا دارای فونت ها عربی هستن یا دارای فونت های google fonts و یا از فونت های استاندارد web safe fonts مانند Tahoma و TimesNewRoman استفاده میکنند و هیچ فونت فارسی ای در اون قالب ها موجود نیست.

فونت ها دارای چه فایل هایی هستند؟

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

فایل های با پسوندsvg و eof و ttf و woff و woff2 فرمت های مختلف برای مرورگر های مختلف هستند و هر مرورگری بسته به توانایی خود فقط یکی از این فرمت ها را می خواند و استفاده می کند.

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

آموزش تغییر فونت قالب وردپرس

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

همچنین اضافه کردن فونت با استفاده از پلاگین محدودیت های خاصی دارد و به خاطر محدودیت های برنامه نویسی ممکن است پلاگین هایی که فونت را به سایت اضافه میکنند درست کار نکنند.

۱- اضافه کردن فونت فارسی حرفه‌ای با استفاده از پلاگین رایگان وردپرس در سایت وردپرسی

در ابتدا می‌خواهیم یک خانواده از فونت‌های فارسی را به شما پیشنهاد بدهیم که در کافه بازار ، آپارات ، دیجی‌کالا ، اسنپ  و صدها وب‌سایت و اپلیکیشن برتر ایرانی و حتی سایت خود ما از این فونت استفاده می‌کنند.

فونت ایران سنس

این فونت فارسی به خاطر حرفه‌ای بودن و رعایت کپی‌رایت، باید از سایت تولیدکننده آن خریداری شود.

بعد از خرید فونت، فایل های آن را از حالت فشره خارج کنید به پوشه WebFonts بروید و دو فولدر به نام‌های css و fonts را در یک فولدر در هاستتان در فولدر public-html یا root هاست خود بار گزاری کنید.در این روش هنگامی‌که شما قالب سایت خود را عوض می‌کنید یا نسخه جدیدتری از قالب را می‌ریزید احتمال پاک شدن فونت فارسی اضافه‌شده توسط شما وجود ندارد و خیالتان راحت است.

حالا افزونه مخصوص FontIRAN را از مخزن وردپرس نصب کنید.

حالا طبق عکس زیر فونت‌های اضافه‌شده را به پلاگینی که همین‌الان نصب کردید بشناسانید.

نصب فونت فارسی در وردپرس

۲- نحوه اضافه کردن هر فونت دلخواه شما به قالب وردپرس با استفاده از دستورات css

در این روش بعد از بروز رسانی قالب یا حذف آن فونت فارسی نیز از بین خواهد رفت، اما مزیت این روش، این است که شما دو عدد فایل از نوع css کمتر به سایتتان اضافه میکنید و این باعث میشود که سایت شما اندکی سریع تر شود.

با توجه به این که فایل های css و js اظافه شده در سایت وردپرسی همواره بالا هستند تاثیر در حد یک یا دو درصد خواهد بود در سرعت سایت شما.

فرض کنیم فایل های فونت بی یکان را در اختیار داریم و میخواهیم به قالب سایتمان اضافه کنیم. ابتدا یک پوشه به نام fonts در پوشه قالب بسازید و هر سه فونت BYekan.ttf – BYekan.woff – BYekan.eot را در این پوشه آپلود کنید.

بعد از آپلود فایل ها کد زیر را در فایل style.css یا rtl.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,div,q,h1,h2,h3,h4,h5,h6,p,ul li,li,span p,div p,input,small,button{
font-family:BYekan!important;
}

حالا کافی است در فولدر قالب  style.css یا rtl.css یا style.min.css یا rtl.min.css را جستجو کرده و font-family های قالب را تغییر دهید.قالب شما معلوم نیست دقیقاً از کدام یک از این فایل‌ها استفاده می‌کند پس قبل از انتخاب فایل موردنظر حتماً اطمینان حاصل کنید که قالب از آن فایل استفاده میکند.

اگر جایی از این فایل یا فایل ها نوشته شده بود font-family: Tahoma یعنی فونت شما الان Tahoma هست. پس می توانید آنرا به font-family:BYekan تغییر دهید.

حالا سایت وردپرسی خود را باز کرده و با زدن ctrl+f5 خواهید دید که فونت زیبای بی یکان به سایت شما اضافه شده!

موفق و پیروز باشید…

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

توجه این محصول رایگان شد!!!

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

, , , ,
نوشتهٔ بعدی
رفع خطای Failed to load content css : wysiwyg-rtl.css در یک دقیقه
نوشتهٔ پیشین
ایجاد تصاویر زیبا برای سایت

مطالب مرتبط

۲۸ دیدگاه. دیدگاه جدید بگذارید

سلام وقتتون بخیر من فونت سایتمو تغییر دادم ولی وقتی با گوشی وارد میشم فونت سایتمو نمایش نمیده مشکل از کجاست؟

پاسخ

    سلام
    اگر شما توی دسکتاپ فونت سایتتون درست تغییر داده شده باشه و تغییر را ببینید پس مشکلی وجود نداره و باید کش مرورگر اینترنت گوشی را خالی کنید.
    اگر از افزونه های کش وردپرس مثل wp-rocket هم استفاده میکنید باید آن را یک بار بعد از تغییر فونت خالی کنید

    پاسخ
air_plane0@yahoo.com
دی ۲۵, ۱۳۹۷ ۹:۵۰ ق.ظ

سلام آقای زهیری ممنون بابت آموزش خوبتان و بسته ویدیویی که آماده کردید بنده همه را مطالعه کردم ولی یک مشکل که دارم فونت نوار ابزار بالای سایتم تغییر پیدا نمی کنه و مشکل اینجاست که اصلا Font-family معلوم نیست و یا من نمی تونم پیداش کنم و خواهشی که دارم سایت من را نگاه کنید و من را راهنمایی کنید که چطور فونت را ایران سنس تغییر بدم سایت بنده ******.ir می باشد.

پاسخ

سلام
مشکل من فونت فارسی قالب نیست.
مشکل این هست که من در بخش ارسال ایمیل های قالب یک متنی را آماده کردم. وقتی این متن ارسال می شه به ایمیل کاربر، دارای فونت خاصی نیست و زیبا نیست. چطور می تونم این فونت را تغییر بدم که حداقل Tahoma باشه. ممنون میشم راهنمای بفرمایید.

پاسخ

    سلام
    متاسفانه راه حل قطعی یا راحتی وجود نداره.
    ایمیل ارسالی شما حتما باید دارای قالب html باشه تا بتونید کد css بهش اضافه کنید و font-family تعریف کنید که حتی توی این شرایط هم بستگی به کلاینت شما داره که کدهای css را اجرا بکنه یا نه.

    پاسخ
تحول دوباره
دی ۱۲, ۱۳۹۷ ۸:۲۳ ب.ظ

سلام من نوشته هام فونت نمیگیره چرا؟
فقط بقیه چیزای سایتم فونت گرفته

پاسخ

باسلام
سایت من دوتا دامنه داره com وir در ادرس با پسوند کام که دامنه اصلی قرار دادم وارد میشم فونت تعریف شده نمایش میده ولی با دامنه ir که وارد میشم با یک فونت دیگه نمایش داده میشه
اگرمیشه راهنمایی کنید باید چکار کنم؟

پاسخ

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

    پاسخ

با سلام من از قالب صحیفه استفاده میکنم میخوام یه فونت به مجموعه فونتها اضافه کنم میشه بنده رو راهنمایی کنید برای قالب صحیفه و جنه هم به همین رواله؟

پاسخ

    سلام
    بله با همین روش میشه.این یک روش کلی هست و برای تمام قالب ها جواب میده.
    فونت را در فولدر قالب کنار فایل style.css کپی کنید و از دستورات css برای شناسایی فونت استفاده کنید

    پاسخ

      با سلام مجدد و تشکر جسارتا در قالب صحیفه حدود ۵۰ تا فونت وجود داره من قصد دارم به این مجموعه یه فونت اضافه کنم که بتونم از طریق کنترل پنل قالب فونت رو تغییر بدم امکان پذیر هست؟

      پاسخ

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

        پاسخ

سلام من همه این کار هایی که گفتید را انجام دادم اما فونت پست ها و کامنت و فیلد های کامنت تغییر نکرد

پاسخ

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

پاسخ

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

پاسخ

    سلام و درود
    اگر ممکن هست بیشتر توضیح بدید
    منظور شما از آدرس دوم سایت چی هست؟ ساب دامین یا کلا سایت دیگری هست؟

    پاسخ

پاسخی بگذارید

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

Fill out this field
Fill out this field
لطفاً یک نشانی ایمیل معتبر بنویسید.
You need to agree with the terms to proceed

فهرست



با ساخت حساب کاربری و سپس خریداری رایگان این محصول
 از به روز رسانی های آینده نیز مطلع خواهید بود