Cách tắt biểu tượng cảm xúc trong WordPress

Có rất nhiều điều chỉnh và tối ưu hóa hiệu suất web mà bạn có thể thực hiện trên trang web WordPress của mình. Một cách dễ dàng là tắt tính năng tải biểu tượng cảm xúc. Biểu tượng cảm xúc là những biểu tượng nhỏ được sử dụng để thể hiện ý tưởng hoặc cảm xúc. Mặc dù những biểu tượng này rất vui nhộn, nhưng chúng có thực sự cần thiết cho trang web WordPress của bạn không? Vì điều này sẽ làm lãng phí thời gian tải trang web của bạn một cách không cần thiết.

tắt biểu tượng cảm xúc trong WordPress

Dem so luot xem bai viet WordPress - Cách tắt biểu tượng cảm xúc trong WordPress

Khi phát hành WordPress 4.2, họ đã thêm hỗ trợ biểu tượng cảm xúc cho các trình duyệt cũ hơn. Vấn đề ở đây là nó thực hiện một yêu cầu HTTP bổ sung trên trang web WordPress của bạn, để tải tệp wp-emoji-release.min.js trên mọi trang trên trang web của bạn.

1638257776 337 Cach tat bieu tuong cam xuc trong WordPress - Cách tắt biểu tượng cảm xúc trong WordPress

Tắt biểu tượng cảm xúc trong WordPress

Có một số cách khác nhau để tắt Biểu tượng cảm xúc trong WordPress. Bạn có thể làm điều đó với một plugin miễn phí hoặc với mã.

1. Tắt biểu tượng cảm xúc bằng plugin

Cách đầu tiên để tắt biểu tượng cảm xúc là sử dụng một plugin miễn phí có tên là Disable Emojis, được phát triển bởi Ryan Hellyer.

plugin vô hiệu hóa biểu tượng cảm xúc

Plugin này siêu nhẹ, chính xác là chỉ 9 KB. Nó hiện có hơn 30.000 lượt cài đặt và được đánh giá 5/5 sao. Lưu ý: Biểu tượng cảm xúc sẽ vẫn hoạt động trong các trình duyệt có hỗ trợ tích hợp cho chúng. Plugin này chỉ cần xóa tệp JavaScript bổ sung được sử dụng để thêm hỗ trợ cho biểu tượng cảm xúc trong các trình duyệt cũ hơn.

Bạn tải xuống từ kho lưu trữ WordPress hoặc bằng cách tìm kiếm trong phần “Thêm mới”. Chỉ cần cài đặt, kích hoạt và tệp JavaScript bổ sung sẽ biến mất.

Ngoài ra còn có một plugin thay thế miễn phí được gọi là Cài đặt biểu tượng cảm xúc. Nó cung cấp cho người dùng một tùy chọn để vô hiệu hóa các Biểu tượng cảm xúc.

tắt cài đặt biểu tượng cảm xúc

Bạn tải xuống từ kho lưu trữ WordPress hoặc bằng cách tìm kiếm trong phần “Thêm mới”. Sau khi được kích hoạt, bạn có thể chọn hoặc bỏ chọn “Bật hỗ trợ biểu tượng cảm xúc” từ trong cài đặt Viết trong bảng điều khiển WordPress.

Bạn cũng có thể sử dụng một plugin cao cấp như Perfmatters (được phát triển bởi một thành viên trong nhóm tại Kinsta), cho phép bạn tắt biểu tượng cảm xúc cùng với các tối ưu hóa khác cho trang web WordPress của bạn.

plugin perfmatters

2. Tắt biểu tượng cảm xúc trong WordPress bằng mã

Nếu không muốn cài đặt plugin, bạn cũng có thể tắt biểu tượng cảm xúc bằng mã. Sau đó, thêm mã sau vào tệp functions.php của chủ đề WordPress hoặc chủ đề con của bạn. Lưu ý: đoạn mã này được lấy từ plugin Disable Emoji ở trên.

/**
 * Disable the emoji's
 */
function disable_emojis() {
        remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
        remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
        remove_action( 'wp_print_styles', 'print_emoji_styles' );
        remove_action( 'admin_print_styles', 'print_emoji_styles' ); 
        remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
        remove_filter( 'comment_text_rss', 'wp_staticize_emoji' ); 
        remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
        add_filter( 'tiny_mce_plugins', 'disable_emojis_tinymce' );
        add_filter( 'wp_resource_hints', 'disable_emojis_remove_dns_prefetch', 10, 2 );
}
add_action( 'init', 'disable_emojis' );
   
/**
 * Filter function used to remove the tinymce emoji plugin.
 * 
 * @param array $plugins 
 * @return array Difference betwen the two arrays
 */
function disable_emojis_tinymce( $plugins ) {
        if ( is_array( $plugins ) ) {
                return array_diff( $plugins, array( 'wpemoji' ) );
        } else {
                return array();
        }
}
   
/**
 * Remove emoji CDN hostname from DNS prefetching hints.
 *
 * @param array $urls URLs to print for resource hints.
 * @param string $relation_type The relation type the URLs are printed for.
 * @return array Difference betwen the two arrays.
 */
function disable_emojis_remove_dns_prefetch( $urls, $relation_type ) {
        if ( 'dns-prefetch' == $relation_type ) {
                /** This filter is documented in wp-includes/formatting.php */
                $emoji_svg_url = apply_filters( 'emoji_svg_url', 'https://s.w.org/images/core/emoji/2/svg/' );
                $urls = array_diff( $urls, array( $emoji_svg_url ) );
        }

        return $urls;
}

Phần kết

Tôi hy vọng với mẹo nhỏ này, bạn sẽ quản lý trang web WordPress của mình hiệu quả hơn.

Nếu thấy hay bạn có thể theo dõi phần kiến thức cơ bản về WordPress để biết thêm nhiều kiến thức mới.

Theo dõi fanpage để nhận những bài viết mới nhất: Hocwordpress Group

Tìm kiếm Blog này

Sieucoder.com