add-google-fonts-to-wordpress

نحوه افزودن فونت گوگل به وردپرس

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

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

افزودن فونت گوگل به وردپرس
books about fonts how to add google fonts to wordpress

گوگل فونت چیست؟

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

برخی از بهترین طراحان روی ایجاد این فونت ها کار می کنند و مطمئن می شوند که همه ما فقط بهترین کیفیت را دریافت می کنیم. در مقابل، در مواردی که فونت های گوگل به صورت محلی ذخیره نمی شوند، داده های خاصی را ردیابی می کنند، مانند:

اطلاعات مرورگر (نام و نسخه)
وب سایتی که فونت های گوگل از آن درخواست شده است
اطلاعات سیستم عامل و وضوح صفحه نمایش
آدرس IP کاربر
تنظیمات زبان مرورگر

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

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

Google Fonts از تمامی مجوزها و میزبانی‌ها مراقبت می‌کند و اطمینان می‌دهد که جدیدترین و بهترین نسخه هر فونت برای همه در دسترس است.

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

چگونه فونت های گوگل را به وب سایت وردپرس اضافه کنیم؟

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

فونت های گوگل را به صورت دستی به وردپرس اضافه کنید

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

add google fonts wordpress.png
برای اضافه کردن دستی فونت گوگل برای سایت وردپرسی

نکته مهمی که باید به آن توجه داشته باشید این است که یکپارچه سازی فونت در هر وب سایتی به ۲ مرحله نیاز دارد.

۱. فونت گوگل را بارگیری کنید

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

در داخل فایل functions.php فقط قطعه کد زیر را جایگذاری کنید:

/* Integrating Google Fonts in WordPress - Example */

add_action( 'wp_enqueue_scripts', 'meks_google_font_example' );

function meks_google_font_example() {
	
	$font_href = 'https://fonts.googleapis.com/css?family=Lato&display=swap';

	wp_enqueue_style( 'meks-google-font-example', $font_href );
}

از طرف دیگر، می توانید کل تگ پیوند را از بخش embed در هر جایی بین تگ های خود در HTML قرار دهید، که معمولاً در فایل header.php theme یافت می شود.

add google fonts theme header
می توانید از طریق کد بالا و درج آن در فایل header.php سایتتان از فونت گوگل در سایت وردپرسی خود استفاده کنید.

۲. فونت گوگل را روی عناصر خاص اعمال کنید

بخش دوم یک قانون CSS است که به مرورگر می گوید کدام عناصر در صفحه باید از فونت جدید شما استفاده کنند. بخش فونت گوگل «مشخص در CSS» برای این کار است. اگر با کدنویسی CSS آشنایی ندارید، ممکن است کمی مشکل باشد، اما در اینجا رایج ترین نمونه ها آورده شده است. این قوانین CSS باید مستقیماً در داخل فایل style.css یا همانطور که در تصویر زیر نشان داده شده است، در قسمت CSS اضافی در سفارشی ساز وردپرس قرار داده شوند:

add google fonts css.png
با افزودن کد بالا به بخش سفارشی سایت وردپرسی از گوگل فونت در سایتتان استفاده کنید.

فونت های گوگل را از طریق افزونه اضافه کنید

add google fonts to your wordpress website easy google fonts plugin
از افزونه easy good font برای درج گوگل فونت استفاده کنید.

Easy Google Fonts یک افزونه رایگان وردپرس است که می توانید از آن برای اضافه کردن و مدیریت فونت های گوگل بر روی هر تم وردپرس بدون هیچ گونه کدنویسی استفاده کنید. با آن، کنترل کامل تایپوگرافی تم خود را به دست خواهید گرفت، فونت‌ها را اضافه و حذف می‌کنید، تغییرات فونت پیش‌نمایش هم‌زمان، ایجاد کنترل‌های نامحدود فونت سفارشی و موارد دیگر. چگونه کار می کند؟

پس از نصب، Easy Google Fonts ویژگی تایپوگرافی را در صفحه Appearance > Customizer اضافه می کند. اینجا جایی است که فونت های گوگل را اضافه و مدیریت می کنید. این سبک، ظاهر، موقعیت است.

منبع اصلی این مقاله سایت mekshq.com است.

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

نحوه پیش بارگذاری لینک ها در وردپرس برای سرعت بارگذاری سریعتر

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

نحوه استفاده از چندین فرم جستجو در وردپرس

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

نحوه اضافه کردن لینک های Nofollow در منوهای ناوبری وردپرس

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

0 0 رای ها
رأی دهی به مقاله
اشتراک در
اطلاع از
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها