افزونه Easy Google Fonts

افزونه Easy Google Fonts

?افزونه Easy Google fonts روشی ساده و آسان برای افزودن فونت های سفارشی گوگل به هر قالب وردپرس بدون کدگذاری است. این افزونه با سفارشی ساز وردپرس کاملاً ادغام شده است، بنابراین می توانید فونت های گوگل را در سایت خود در زمان واقعی مشاهده کنید.در این سری از آموزش های  رایگان طراحی سایت به آموزش افزونه Easy Google fonts می پردازیم.

?افزونه Easy Google Fonts به شما امکان می دهد کنترل های سفارشی فونت مختص قالب در تنظیمات پیشخوان وردپرس بسازید تا سلکتورهای CSS خاصی را کنترل کنید. این کنترل های فونت سفارشی به محض ایجاد و بدون نیاز به کدنویسی در سفارشی ساز وردپرس ظاهر می شوند.

?برخی ویژگی های این افزونه عبارت است از:

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

?آموزش افزونه Easy Google Fonts و استفاده از فونت های گوگل در وردپرس

?ابتدا افزونه دریافت نموده و آن را در سایت خود در بخش افزونه ها نصب کنید.

?سفارشی کردن فونت ها

?از آنجا که افزونه Easy Google Fonts به شما امکان می دهد فونت های مختلف مورد استفاده در وب سایت خود را با استفاده از ابزار سفارشی ساز وردپرس پیش نمایش و تغییر دهید، برای شروع کار و ایجاد تغییرات، در پیشخوان وردپرس به مسیر نمایش » سفارشی سازی بروید.

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

?پیش نمایش زنده به شما امکان می دهد تأثیر تغییرات را روی وب سایت خود فوراً مشاهده کنید. با این حال بازدیدکنندگان وب سایت شما این تغییرات را تا زمانی که دکمه ذخیره و انتشار را فشار ندهید، نمی بینند.

?Easy Google Fonts برای سفارشی کردن ظاهر متن ها در وب سایت کنترل های زیادی در اختیار شما قرار می دهد. برای شروع تغییر فونت ها، روی پنجره کشویی Edit Font استایلی که می خواهید سفارشی کنید کلیک کرده سپس از فهرست کشویی Font Family گزینه ای را انتخاب کنید.

?به عنوان مثال اگر می خواهید فونت مورد استفاده برای متن پاراگراف را در وب سایت خود تغییر دهید، روی پنجره Edit Font در بخش Paragraphs کلیک کنید. از آنجا می توانید فونت مورد نظر خود را از فهرست کشویی Font Family تغییر دهید. همچنین می توانید گزینه های استایل دهی دیگری مانند Text Decoration را تغییر دهید.

?با کلیک روی تب Appearance می توانید رنگ فونت، رنگ پس زمینه، اندازه فونت، ارتفاع خط و فاصله حروف را نیز تغییر دهید. کنترل های موجود در تب Positioning به شما امکان تغییر margin و padding را می دهد.

?با کلیک بر روی لینک reset می توانید تنظیمات متن را در هر مرحله ای که بخواهید به حالت قبل برگردانید. هنگامی که از ظاهر متن خود راضی شدید روی دکمه ذخیره و انتشار کلیک کنید تا وب سایت شما آپدیت شود.

?ایجاد کنترل های فونت سفارشی

?افزونه Easy Google Fonts به شما امکان می دهد تا شکل پاراگراف و استایل های عنوان را از طریق سفارشی ساز تغییر دهید اما شاید بخواهید استایل های دیگر مانند نقل قول ها، لیست ها و استایل های دیگری که توسط وردپرس یا قالبی که نصب کرده اید استفاده می شود را نیز در وب سایت خود تغییر دهید.

?Easy Google Fonts به شما امکان می دهد این موارد را شخصی سازی کنید اما لازم است کنترل ها را خودتان فعال کنید. برای انجام این کار در پیشخوان وردپرس به مسیر تنظیمات » Google Fonts بروید.

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

?به عنوان مثال اگر می خواهید فونت لیست های موجود در نوشته های خود را تغییر دهید می توانید استایل جدیدی به نام Lists ایجاد کنید.

?برای این کار در قسمت Control/Name عبارت lists را وارد کرده و روی دکمه Create Font Control کلیک کنید. سپس کنترل فونت مشابه شکل زیر برای شما ایجاد می شود.

?پس از آن باید سلکتورهای CSS  مرتبط که می خواهید شخصی سازی کنید را اضافه نمایید، که در این حالت entry-content li. است.

?پس از اینکه کنترل سفارشی جدید خود را ذخیره کردید، بخش جدیدی در سفارشی ساز با عنوان Theme Typography اضافه می شود که کنترل های سفارشی که ایجاد کرده اید را نمایش می دهد.

?بنابراین اگرچه Easy Google Fonts سفارشی سازی استایل های متنی استاندارد را بسیار آسان می کند اما به شما این امکان را می دهد که کنترل های سفارشی مورد نیاز خود را برای تغییر استایل های متنی که در وب سایت خود استفاده می کنید را اضافه کنید.

?شما می توانید از افزونه Better Font Awesome برای اضافه کردن فونت آیکون به سایت وردپرس خود و بهره مندی از مزایای آن استفاده کنید.