غیرفعال کردن Google Fonts در وردپرس

ارسال شده توسط توسط مدیر سایت 4 دقیقه مطالعه
غیرفعال کردن Google Fonts در وردپرس
غیرفعال کردن Google Fonts در وردپرس

غیرفعال کردن Google Fonts در وردپرس

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

 

روش‌های غیرفعال کردن Google Fonts در وردپرس

روش اول: آموزش غیرفعال کردن Google Fonts در وردپرس با استفاده از functions.php

آسان‌ترین روش برای جلوگیری از بارگذاری فونت‌های گوگل در وردپرس، اضافه کردن قطعه کد زیر به فایل functions.php قالب است. این کد تمام استایل‌هایی که از دامنه‌های fonts.googleapis.com و fonts.gstatic.com بارگذاری می‌شوند را شناسایی می‌کند و آن‌ها را غیرفعال می‌کند.

کد زیر را در انتهای فایل functions.php قالب یا چایلد تم خود قرار دهید:

/**
 * Disable Google Fonts everywhere (frontend + admin)
 */
function disable_google_fonts_everywhere() {
    global $wp_styles;

    if ( ! isset( $wp_styles ) ) {
        return;
    }

    $regex = '/fonts\.googleapis\.com|fonts\.gstatic\.com/i';

    foreach ( $wp_styles->registered as $handle => $style ) {
        if ( isset($style->src) && preg_match($regex, $style->src) ) {
            wp_dequeue_style($handle);
            wp_deregister_style($handle);
        }
    }
}

add_action('wp_enqueue_scripts', 'disable_google_fonts_everywhere', 999);
add_action('admin_enqueue_scripts', 'disable_google_fonts_everywhere', 999);
add_action('login_enqueue_scripts', 'disable_google_fonts_everywhere', 999);

این کد سه بخش مختلف وردپرس را پوشش می‌دهد:

  • صفحات سایت.
  • پنل مدیریت وردپرس.
  • صفحه لاگین وردپرس.

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

 

روش دوم: غیرفعال کردن Google Fonts در المنتور

اگر در سایت خود از افزونه‌ی المنتور استفاده می‌کنید، این افزونه به‌ شکل پیشفرض فونت‌های گوگل را لود می‌نماید. برای جلوگیری از این موضوع می‌توانید فیلتر زیر را به فایل functions.php اضافه کنید:

// Disable Google Fonts in Elementor
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

با اضافه کردن کد بالا، المنتور دیگر فونت‌های گوگل را در صفحات سایت لود نمی‌کند.

پس از غیرفعال کردن فونت‌های گوگل بهتر است چند نکته را در نظر بگیرید:

  • بهتر است کدها را در Child Theme بگذارید تا با آپدیت قالب اصلی حذف نشوند.
  • اگر فونت جایگزین تعریف نکنید، سایت از فونت‌های پیشفرض سیستم مثل فونت Arial استفاده می‌کند.
  • در صورت استفاده از افزونه‌های کش مانند افزونه LiteSpeed Cache یا افزونه WP Rocket، حتماً کش سایت را پاک نمایید تا تغییرات اعمال شود.
  • اگر فونت گوگل داخل فایل CSS قالب یا افزونه embed شده باشد، باید آن فایل CSS هم ویرایش گردد.

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

پایان.!

اگر سوالات بیش‌تری در ارتباط با این مشکل داشت، حتما در بخش نظرات این نوشته برای ما بنویسید.

برای امتیاز به این نوشته کلیک کنید!
[کل: 1 میانگین: 5]