Июн

Как отключить emoji в WordPress

Пару лет назад я рассказывал об интересном плагине эмодзи для вордпресс, который позволял добавить в админку поддержку данных смайликов. После установки модуля WP Emoji One в текстовом редакторе появлялось много интересных иконок для украшения статей блога. Спустя некоторое время разработчики WordPress 4.2 решили упростить всем жизнь и интегрировали эмозди в ярдо системы.

Возможно, они и руководствовались благими намерениями, только вот задумка получилось слегка поспешной. Я бы не сказал, что это насколько важная и актуальная функция чтобы автоматически добавлять ее всем пользователям. Поэтому не удивительно, что вопрос как отключить emoji возникает у многих.

В вордпресс header и так перегружен множеством лишних скриптов, не хватало тут еще эмозди. Вместе со всеми стандартными элементами в HEAD сайта грузится скрипт wp-emoji-release.min.js + стили. Если вы не планируете использовать данную функцию в работе, имеет смысл отключить эмодзи.

Существует 2 метода решения задачи — через файл функций и с помощью плагина.

Хак отключения Emoji

Чтобы удалить эмодзи из HEAD вам нужно:

Зайти в раздел админки «Внешний вид» — «Редактор».
Открыть для редактирования файл functions.php.
Добавляете в код следующие строки:

remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

Сохраняете файл и проверяете наличие скрипта в исходниках веб-страницы сайта. Его там, разумеется, быть не должно.

Альтернативный вариант

Кстати, в сети я встречал несколько иной вариант. Он более громоздкий и содержит куда больше строк кода. Я так понимаю решение позволяет отключить emoji в wordpress админке, а не только на сайте. В частности функция disable_emojicons_tinymce убирает поддержку смайликов из редактора TinyMCE.

function disable_wp_emojicons() {
 
  // all actions related to emojis
  remove_action( 'admin_print_styles', 'print_emoji_styles' );
  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_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
  remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
  remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
 
  // filter to remove TinyMCE emojis
  add_filter( 'tiny_mce_plugins', 'disable_emojicons_tinymce' );
}
add_action( 'init', 'disable_wp_emojicons' );
 
function disable_emojicons_tinymce( $plugins ) {
  if ( is_array( $plugins ) ) {
    return array_diff( $plugins, array( 'wpemoji' ) );
  } else {
    return array();
  }
}

Обновление 9.07.2017: В комментах ниже заметили, что нужно также удалить вызов эмодзи в DNS настройках. Для этого можно попробовать фильтр:

add_filter( 'emoji_svg_url', '__return_false' );

Или используйте код Дмитрия из комментариев:

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;
}

Но не забудьте при этом сделать вызов самой функции:

add_filter( 'wp_resource_hints', 'disable_emojis_remove_dns_prefetch', 10, 2 );

Добавляете весь код аналогично в functions.php. После внедрения получится будто бы функциональность Emoji никогда в ядро и не добавлялась:) Кстати, данный вариант решения также реализуется и через специальный плагин, речь о котором пойдет ниже.

Disable Emojis

Тем, кому сложно или страшно делать правки в файлах шаблона, советуем просто воспользоваться готовым модулем.

Скачать Disable Emojis можно тут либо установить через админку. Плагин работает сразу после установки и не содержит никаких настроек. Преимущество этого метода в том, что при смене шаблона вам не придется заново вносить правки в functions.php.

Кстати, интересный комментарий в описании модуля от разработчика. Он утверждает, что даже после отключения Emoji они все равно будут работать в тех браузерах, что имеют встроенную поддержку функции. Модуль же просто позволяет убрать emoji код из wordpress, который используется для поддержки старых браузеров.

Если же вы захотите заменить эмодзи на обычные «рожицы», то используйте разные плагины смайликов о которых я рассказывал ранее.

Что вообще думаете про идею отключить emoji в WordPress? Уже реализовали это в своем блоге? Я для одного проекта под заказ уже успел их убрать.

Оцените статью:

(голосов - 2, средний балл: 6,00 из 7)

Загрузка...

Категории: Оптимизация; Плагины; Хаки и секреты;

Теги: изображения, оптимизация блога, оптимизация кода, полезное для блога, скрипты, текстовый редактор, ускорение блога.

комментариев 10 к статье “Как отключить emoji в WordPress”

Валерий 01.06.2016
Спасибо очень полезно и интересно! С уважением, Валерий Бородин!!!
2wordpress 07.06.2016
Валерий, я ваши комментарии наблюдаю почти на всех блогах, которые я читаю. Уже прям надоели))))
Tod 07.06.2016
2wordpress, продвижение через комментарии еще никто не не отменял, вы ведь тоже не используете имя в соответствующем поле, а пишете название сайта)) Главное чтобы не откровенный спам был, ссылки на блоги я оставляю.
Валерий 07.06.2016
Не знаю, чем мои комментарии 2wordpress надоели? Но я все же посмотрел его блог и подписался на него, теперь буду и его комментировать. Если он конечно не против?! :)
PS: Комментировать стараюсь по существу и ни кого не обижать. Так, что если вам не нравиться, то пишите об этом сразу. Спасибо!
Дмитрий 04.07.2017
Здравствуйте. В данном посте используются не все фильтры. Еще нужно отключать подгрузку картинок с CDN. Надо бы добавить в пост. Сам плагин недавно обновился, в нем прописана функция.

Remove emoji CDN hostname from DNS prefetching hints. Можно разобрать плагин и глянуть. Вот она
/** * 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.2.1/svg/' );
$urls = array_diff( $urls, array( $emoji_svg_url ) ); }
return $urls; }
Tod 05.07.2017
Дмитрий, спасибо за дополнение, после отпуска рассмотрю детальнее, потестирую и дополню статью.
Tod 09.07.2017
Дмитрий, разобрался с этим DNS prefetching hints более детально. Оказывается в альтернативном варианте, на который я ссылался в статье, также появилось обновление кода, но там предлагается все сделать через фильтр emoji_svg_url. Этот метод покороче, но я лично его не тестировал. Что касается функции disable_emojis_remove_dns_prefetch, то ее мало просто добавить в шаблон, нужно будет еще создать фильтр для вызова.
Илья 24.09.2017
Добрый день! Отключил Emoji этим кодом:

//start:отключение Emoji
remove_action( ‘wp_head’, ‘print_emoji_detection_script’, 7 ); //на сайте
remove_action( ‘wp_print_styles’, ‘print_emoji_styles’ ); //на сайте
remove_action( ‘admin_print_scripts’, ‘print_emoji_detection_script’ ); //в админке
remove_action( ‘admin_print_styles’, ‘print_emoji_styles’ ); //в админке
//end:отключение Emoji

Но dns-prefetch’ s.w.org в коде видно было подгружались. Добавил к коду выше вашу строку:
add_filter( ’emoji_svg_url’, ‘__return_false’ );

И в коде пропала подгрузка и dns-prefetch’ s.w.org. Спасибо вам

Эту строку не добавлял:
add_filter( ‘wp_resource_hints’, ‘disable_emojis_remove_dns_prefetch’, 10, 2 )

Не уверен нужно ли ее все же добавлять и зачем, если не видно в коде подгрузки dns-prefetch’ s.w.org
Евгений 17.01.2022
А куда строки добавить в functions.php? Я так понял их в самый низ можно?
Tod 28.01.2022
Евгений, да, можно в самый низ. Главное смотрите чтобы файл был правильно закрыт и не оказалось там никаких лишних скобок. Можете для наджености сохранить прошлую версию файла, а потом, если что, восстановить.

Оставить комментарий

Как отключить emoji в WordPress

Хак отключения Emoji

Альтернативный вариант

Disable Emojis

Похожие статьи:

комментариев 10 к статье “Как отключить emoji в WordPress”