WordPress 表情符號 emoji：留言加表情按鈕、要不要關掉 emoji 腳本

// 留言框上方加一排常用的表情符號，按一下就插入到游標的位置
add_filter( 'comment_form_field_comment', function ( $field ) {
	$emojis = array( '😀', '😂', '😍', '👍', '🙏', '🎉', '😮', '😢' );
	$bar    = '<p class="zw-emoji-bar">';
	foreach ( $emojis as $emoji ) {
		$bar .= '<button type="button" data-emoji="' . esc_attr( $emoji ) . '" aria-label="插入 ' . esc_attr( $emoji ) . '">' . $emoji . '</button>';
	}
	return $bar . '</p>' . $field;
} );

add_action( 'wp_footer', function () {
	if ( ! is_singular() || ! comments_open() ) {
		return;
	}
	?>
	<style>
		.zw-emoji-bar { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 8px; }
		/* 佈景主題常替按鈕加底色、大小，這裡用 !important 蓋回來 */
		.zw-emoji-bar button {
			background: none !important; color: inherit !important; box-shadow: none !important;
			border: 1px solid transparent !important; border-radius: 8px !important;
			padding: 5px !important; min-width: 0 !important; min-height: 0 !important; width: auto !important;
			font-size: 20px !important; line-height: 1 !important; cursor: pointer;
		}
		.zw-emoji-bar button:hover { border-color: #ccc !important; }
		.zw-emoji-bar button:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
	</style>
	<script>
	document.addEventListener( 'click', function ( e ) {
		var button = e.target.closest( '.zw-emoji-bar button' );
		var box = document.getElementById( 'comment' );
		if ( ! button || ! box ) {
			return;
		}
		box.setRangeText( button.dataset.emoji, box.selectionStart, box.selectionEnd, 'end' );
		box.focus();
	} );
	</script>
	<?php
} );

// 不要把 :) 這類符號轉成表情
add_filter( 'option_use_smilies', '__return_false' );

// 關掉 WordPress 的 emoji 偵測腳本和樣式（網站前台）
add_action( 'init', function () {
	remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
	remove_action( 'wp_enqueue_scripts', 'wp_enqueue_emoji_styles' );
	remove_action( 'wp_print_styles', 'print_emoji_styles' ); // 舊版留下的同一段樣式，也要拿掉
	remove_action( 'embed_head', 'print_emoji_detection_script' );
	remove_action( 'enqueue_embed_scripts', 'wp_enqueue_emoji_styles' );
} );

// 後台也關掉（後台的設定比 init 晚載入，所以用 admin_init）
add_action( 'admin_init', function () {
	remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
	remove_action( 'admin_enqueue_scripts', 'wp_enqueue_emoji_styles' );
	remove_action( 'admin_print_styles', 'print_emoji_styles' );
} );

// 傳統編輯器（TinyMCE）裡的 emoji 外掛
add_filter( 'tiny_mce_plugins', function ( $plugins ) {
	return array_diff( $plugins, array( 'wpemoji' ) );
} );