Cách tắt icon cảm xúc trong WordPress (Từng bước)

Mục lục

Bạn có muốn tắt icon cảm xúc trên trang WordPress của mình không?

Emoji là những icon nhỏ được sử dụng để thể hiện cảm xúc hoặc cảm giác. WordPress tải thêm CSS và file JavaScript để thêm hỗ trợ emoji, vì vậy một số người dùng có thể muốn xóa nó để cải thiện tốc độ và hiệu suất của trang.

Trong bài viết này, WPBeginner Việt Nam sẽ hướng dẫn bạn cách tắt icon cảm xúc trong WordPress một cách dễ dàng, theo từng bước.

Cách tắt icon cảm xúc trong WordPress 4.2

Biểu tượng cảm xúc là gì?

Emoji là những icon nhỏ hoặc icon mặt cười được sử dụng trên Internet.

Có nguồn gốc từ Nhật Bản, icon cảm xúc đã xâm nhập vào bộ ký tự Unicode và hiện được hỗ trợ trên máy tính để bàn cũng như các thiết bị di động iOS và Android.

Tính năng này được giới thiệu lần đầu tiên trong WordPress 4.2 và lý do chính để thêm tính năng này là để hỗ trợ các bộ ký tự tiếng Trung, tiếng Nhật và tiếng Hàn.

Ví dụ về icon cảm xúc

Theo mặc định, website WordPress của bạn sẽ tải thêm một file JavaScript và một số file CSS để hỗ trợ icon cảm xúc.

Bạn có thể thấy điều này bằng cách xem code nguồn của website hoặc sử dụng công cụ Kiểm tra.

Biểu tượng cảm xúc JavaScript trong WordPress

Tuy nhiên, một số chủ sở hữu website có thể muốn tắt hỗ trợ icon cảm xúc bổ sung này để tăng tốc độ tải trang và hiệu suất của WordPress bằng cách không download code và tập lệnh bổ sung.

Ghi chú: Khi WPBeginner Việt Nam nói đến việc vô hiệu hóa icon cảm xúc trong WordPress, WPBeginner Việt Nam muốn nói đến việc vô hiệu hóa các kiểm tra và tập lệnh bổ sung được WordPress sử dụng để xử lý icon cảm xúc. Bạn vẫn có thể sử dụng icon cảm xúc trên website của mình và các trình duyệt hỗ trợ chúng vẫn có thể hiển thị chúng.

Sau khi đã nói như vậy, chúng ta hãy cùng xem cách dễ dàng tắt hỗ trợ icon cảm xúc trong WordPress.

Phương pháp 1. Vô hiệu hóa Emoji trong WordPress bằng Code

Đối với phương pháp này, WPBeginner Việt Nam sẽ sử dụng đoạn code custom để tắt hỗ trợ icon cảm xúc trong WordPress.

Bạn có thể thêm đoạn code này vào file functions.php của theme WordPress hoặc plugin dành riêng cho website. Tuy nhiên, một lỗi nhỏ trong code có thể dễ dàng làm hỏng website của bạn và khiến website không thể truy cập được.

Để tránh điều này, WPBeginner Việt Nam khuyên bạn nên sử dụng Mã WP. Đây là plugin đoạn code WordPress tốt nhất trên thị trường, cung cấp cách an toàn nhất để thêm code custom vào website của bạn mà không làm hỏng website.

Đầu tiên, bạn cần cài đặt và kích hoạt Mã WP plugin. Để biết thêm hướng dẫn, hãy xem hướng dẫn dành cho người mới bắt đầu về cách cài đặt plugin WordPress.

Sau khi kích hoạt, hãy truy cập Đoạn code » + Thêm đoạn code trang từ dashboard quản trị WordPress. Từ đây, hãy đi đến option ‘Thêm code custom của bạn (Đoạn code mới)’ và nhấp vào nút ‘Sử dụng đoạn code’.

Thêm đoạn trích mới

Thao tác này sẽ đưa bạn đến trang ‘Tạo đoạn code custom’, tại đó bạn có thể bắt đầu bằng cách nhập tên cho đoạn code của mình. Tên có thể là bất kỳ tên nào bạn thích.

Sau đó, chọn ‘PHP Snippet’ làm ‘Kiểu code’ từ dropdown menu ở góc phải màn hình.

Nhập tên cho đoạn code của bạn và chọn PHP làm loại code

Bây giờ, tất cả những gì bạn phải làm là sao chép và dán đoạn code sau vào hộp ‘Xem trước code’:

/**
 * 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', ' );

$urls = array_diff( $urls, array( $emoji_svg_url ) );
 }

return $urls;
}

Sau đó, cuộn xuống phần ‘Chèn’ và chọn chế độ ‘Tự động chèn’.

Mã sẽ tự động được thực thi trên website của bạn sau khi kích hoạt.

Chọn phương pháp chèn

Sau đó, quay lại đầu trang và chuyển nút bên phải từ ‘Không hoạt động’ sang ‘Hoạt động’.

Cuối cùng, nhấp vào nút ‘Lưu đoạn trích’ để lưu lại những thay đổi của bạn.

Nhấp vào nút Lưu đoạn trích để Save Changes

Vậy là bạn đã tắt thành công icon cảm xúc trong WordPress.

Phương pháp 2. Vô hiệu hóa Emoji trong WordPress bằng cách sử dụng Plugin

Nếu bạn không muốn thêm code vào website của mình thì phương pháp này dành cho bạn.

Đầu tiên, bạn cần cài đặt và kích hoạt Tắt icon cảm xúc plugin. Xem hướng dẫn của WPBeginner Việt Nam về cách cài đặt plugin WordPress để biết thêm hướng dẫn.

Plugin này hoạt động ngay lập tức và không có bất kỳ cài đặt nào để bạn cấu hình.

Sau khi kích hoạt, tính năng này sẽ tự động tắt hỗ trợ icon cảm xúc khỏi trang WordPress của bạn, giúp cải thiện tốc độ tải trang.

Phần thưởng: Thêm nút phản ứng vào bài đăng WordPress của bạn

Ngay cả sau khi tắt hỗ trợ icon cảm xúc, bạn vẫn có thể muốn cho phép người dùng phản ứng với bài đăng của mình và chia sẻ ý kiến ​​của họ thông qua các nút phản ứng.

Các nút này có thể tăng cường sự tương tác trên blog WordPress của bạn và tăng khả năng tương tác của người dùng.

Để thực hiện điều này, bạn cần cài đặt và kích hoạt WP Phản ứng Lite plugin. Để biết chi tiết, hãy xem hướng dẫn dành cho người mới bắt đầu về cách cài đặt plugin WordPress.

Sau khi kích hoạt, hãy truy cập WP Reactions » Kích hoạt toàn cầu từ dashboard WordPress và bật nút Phản ứng sang BẬT.

Chuyển đổi công tắc Phản ứng sang vị trí BẬT

Sau đó, bạn có thể nhấp vào nút ‘Tùy chỉnh’ và chọn bộ icon cảm xúc khác nhau mà bạn muốn thêm làm nút phản ứng.

Sau đó, bạn có thể cấu hình option vị trí, kích thước và CTA bằng plugin.

Thiết lập nút phản ứng của bạn

Khi hoàn tất, chỉ cần nhấp vào nút ‘Lưu & Thoát’ để lưu cài đặt của bạn.

Bây giờ, hãy truy cập trang WordPress của bạn để xem các nút phản ứng đang hoạt động. Để biết thêm thông tin, hãy xem hướng dẫn của WPBeginner Việt Nam về cách thêm nút phản ứng WordPress để tăng cường sự tương tác.

Xem trước nút phản ứng của WordPress

Chúng tôi hy vọng bài viết này giúp bạn biết cách tắt Emoji trên trang WordPress của mình. Bạn cũng có thể muốn xem hướng dẫn từng bước của WPBeginner Việt Nam về cách tạo nguồn cấp dữ liệu Facebook custom trong WordPress và bài viết của WPBeginner Việt Nam về cách thêm thông báo đẩy web vào trang WordPress của bạn.

Nếu bạn thích bài viết này, vui lòng đăng ký theo dõi WPBeginner Việt Nam Kênh Youtube cho các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy WPBeginner Việt Nam trên TwitterFacebook.

5/5 - (168 bình chọn)
Facebook
Twitter
LinkedIn
Telegram
Email
Đội Ngũ Biên Tập