سبد خرید
0

هیچ محصولی در سبد خرید نیست.

آموزش تغییر فونت Google WEB در وردپرس

آموزش تغییر فونت Google WEB در وردپرس

این آموزش نحوه تغییر فونت Google web در قالب وردپرس رو نشون میده.

 

آموزش تغییر فونت Google WEB در وردپرس

 

 

1- بیاین فونت آیتم‌های منو رو تغییر بدیم. با استفاده از نرم‌افزار Firebug فونتی رو که برای متن خاصی در قالبتون استفاده میشه رو پیدا کنین.

آموزش تغییر فونت Google WEB در وردپرس

 

 

2- فایل رو با لینک به google font باز کنین. در قالب ما، لینک به کد google font در فایل theme1886\header.php قرار داره.

آموزش تغییر فونت Google WEB در وردپرس

 

 

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

3.1. http://www.google.com/webfonts رو باز کنین و فونت مناسب رو با استفاده از فیلترها انتخاب کنین.

آموزش تغییر فونت Google WEB در وردپرس

 

 

3.2. به مجموعه کاراکترها توجه کنین. فونتی رو انتخاب کنین که از مجموعه کاراکترهای شما پشتیبانی میکنه. ما Cyrillic Extended رو انتخاب کردیم تا بتونیم از فونت‌های Cyrillic استفاده کنیم.

آموزش تغییر فونت Google WEB در وردپرس

 

 

3.3. فونت رو به مجموعه اضافه کنین و روی Use کلیک کنین.

آموزش تغییر فونت Google WEB در وردپرس

 

 

3.4. مجموعه کاراکترهای مناسب رو انتخاب کنین و کد تولید شده رو کپی کنین.

آموزش تغییر فونت Google WEB در وردپرس

 

 

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

آموزش تغییر فونت Google WEB در وردپرس

 

 

5- حالا باید فونت فایل css رو تغییر بدیم. در مثال ما، normlize.css باید اصلاح بشه. کد مناسب رو در فایل css جست‌وجو کنین.

آموزش تغییر فونت Google WEB در وردپرس

 

 

6- به صفحه با google font برین و فونت رو در فایل css کپی کنین.

پست پیشنهادی :  آموزش مدیریت مگا منو (Mega Menu) در وردپرس

آموزش تغییر فونت Google WEB در وردپرس

 

 

7- کد اصلاح شده باید مثل تصویر زیر باشه.

آموزش تغییر فونت Google WEB در وردپرس

 

 

8- صفحه اصلی رو ریفرش کنین و ظاهر سایتتون رو بررسی کنین. ما google font رو تغییر دادیم.

آموزش تغییر فونت Google WEB در وردپرس

ارسال دیدگاه

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

توسط
تومان