Как в WordPress 4.2 добавить или отключить смайлики Emoji?

WordPress

Коничуа, друзья! С появлением WordPress 4.2 у многих пользователей возникает проблема в том, как использовать или отключить смайлики Emoji. По сути это даже не смайлы, а расширенный набор иконок. Кому-то он может пригодиться. Например, для использования каких-то иероглифов, музыкальных или астрологических знаков. А для кого-то эти иконки будут лишними. Поэтому этот материал я подготовил сразу для двух категорий людей.

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

Сразу стоит сказать, что вот эта Эмодзи мода зародилась в Японии. Самый первый набор иконок появился в конце 90-х годов. Сейчас же эти иконки набрали очень большую популярность. Теперь их активно используют на сайтах, в социальных сетях, мобильных приложениях и так далее. Вот теперь и добрались до системы WordPress.

Раньше существовал специальный плагин WP Emojis One, который позволял добавлять такие смайлы на сайт. Но начиная с WordPress 4.2 разработчики решили внедрить такой функционал в саму CMS. Я когда первый раз увидел эти лица, то сразу вспомнил про китайцев. Ведь на смайликах были узкие глаза. Что-то типа этого: (^_^). В общем, хватит вступлений. Давайте что-то делать с этой функцией. Либо использовать ее на своем блоге, либо полностью удалять. Но прежде чем определиться, обязательно дочитайте этот пост до конца!

Как использовать смайлики Emoji в WordPress?

Начнем с тех, кто хочет использовать смайлы. Вот обновились вы на WordPress 4.2, но не знаете, как использовать смайлики Emoji на своем сайте. Ведь в редакторе CMS нет никакой новой кнопки для добавления иконок. И как нам добавить эти смайлы на сайт? Прежде чем отвечать на этот вопрос, скажу вам, что тут многое зависит от операционной системы. В разных ОС и браузерах Emoji обрабатываются по-разному. Поэтому я вам перечислю несколько способов использования этих иконок. А вы в свою очередь выбираете подходящий для вас вариант и начинаете действовать.

IOS для iPhone, IPad и iPod

Скажу, что начиная с 5 версии Emojis уже внедрены в систему. Поэтому чтобы их использовать в системе IOS, вам достаточно просто подключить новую клавиатуру. Если вы используете IOS 8, то вам повезло. В этой системе клавиатура Emoji уже установлена. Если же у вас другая версия системы, то делаем следующие телодвижения. Заходим в меню «Настройки» —> «Основные» —> «Клавиатура» —> «Международные клавиатуры«.

Как добавить клавиатуру Emoji в систему IOS

После этого выбираем «Новые клавиатуры» и в самом списке выбираем «Эмодзи«.

Новая клавиатура Emoji для системы IOS

Все, клавиатура теперь добавлена. В самой нижней части экрана вы увидите смайлик (1). Нажмите на него чтобы посмотреть набор смайликов Эмодзи. Если вы используете несколько клавиатур, то выбирать нужную можно с помощью значка в виде глобуса (2).

Как добавить клавиатуру Emoji для системы IOS

Теперь при работе со своим сайтом на мобильном устройстве типа iPhone, IPad или iPod, вы с легкостью сможете добавлять смайлы Emojis. Также такие иконки можно использовать и в комментариях на блогах своих друзей. Однако это будет работать при условии, что на чужом блоге включена поддержка Эмодзи.

Android

Для тех, кто пользуется устройствами на системе Android, придется добавить приложение для создания клавиатуры Emoji. Похожих приложений довольно много. Поэтому я тут не буду здесь их все перечислять. Для начала можете попробовать такие, как TouchPal X Keyboard или Emoji Keyboard. После установки приложения нажимаем на кнопку смайлика для доступа к иконкам.

Windows Phone 8

Для обладателей Windows Phone 8 подойдет отличное приложение [+]Emoji. Все смайлики группируются на отдельные категории, что очень удобно.

Приложение [+]Emoji для Windows Phone 8

Windows 8 и выше

Теперь для тех, кто пользуется настольными компьютерами. Для операционной системы Windows 8 и выше здесь будет достаточно просто. Смайлы Эмодзи уже встроены в систему и их нужно только включить. Для этого на панели задач (3) (она в самом низу) щелкаем правой кнопкой мыши. Выбираем «Панели инструментов» —> «Сенсорная клавиатура (Touch Keyboard)«. После этого в нижнем правом углу появится новый значок в виде клавиатуры (4).

Как можно включить Эмодзи для Android

Когда захотите добавить Emoji смайлы в Windows 8, то просто кликните на клавиатуру и выберите значок в виде смайла (5).

Touch Keyboard Windows 8

Windows 7 и ниже

Для более ранних версий Виндовс, Эмодзи не встроены. Поэтому придется немного повозиться. Скажу вам, что есть два способа добавления иконок. Во-первых, можно использовать специальные расширения для браузеров. К примеру, я для Google Chrome установил расширение Emoji Input. Теперь чтобы добавить смайлы Emojis на WordPress блог, мне достаточно кликнуть на значок расширения, выбрать и скопировать нужную иконку.

Расширение Emoji Input для Google Chrome

После этого нужно зайти в текстовый редактор сайта и вставить иконку.

Как добавить смайлики Emoji в WordPress 4.2

Во-вторых, вместо расширения можно воспользоваться сайтом (getemoji.com) или (classic.getemoji.com) и брать иконки оттуда. Тут по аналогии с первым вариантом. Копируем нужную иконку и сразу вставляем в редактор WordPress.

Как добавить смайлики Эмодзи в WordPress 4.2

Вот такими способами можно добавлять и использовать смайлики Emoji на своем сайте WordPress. Конечно, такие иконки можно использовать и на других операционных системах. Более подробно вы найдете в кодексе Вордпресса (codex.wordpress.org/Emoji).

По умолчанию иконки выглядят мелковато. Поэтому если захотите подогнать размер, то вам нужно переключиться на html-редактор и вставить такой код:

иконка

Вместо 14 вставляем свое число. Получится так:

Как можно изменить размер смайла Emojis

Как отключить Emojis в WordPress 4.2?

Ну а теперь, о наболевшем. В связи с некоторыми проблемами, многие пользователи WordPress 4.2 захотели бы просто отключить эти смайлики Emoji. Причин тут несколько. Кому-то банально, не нравятся такие иконки. У кого-то возникают различные ошибки и так далее. Я лично отключил Эмодзи, потому что у меня начали возникать проблемы со старыми смайликами.

Дело в том, что когда я обновил WordPress, то все смайлики в моих комментариях начали отображаться некрасиво. В основном они были сплющены и плохо заметны. Такой вариант меня не устраивал. Поэтому решил отключить новую функцию. А еще, как правило, сами иконки в посты я редко добавляю. Если и использую, то только иконочные шрифты (пальцы, плюсики, галочки и тому подобное). Мне этого хватает.

Конечно, я мог бы вместо иконочных шрифтов использовать смайлики Эмодзи (они намного легче). Однако конфликт со старыми смайлами в комментариях меня не сильно радует. Такие смайлы мне нравятся и как-то не хочется от них избавляться или уродовать.

Красивые смайлики WordPress

И сейчас вы спросите: «Так как же отключить смайлики Emoji в WordPress 4.2?» Да очень просто! Достаточно просто установить плагин Disable Emojis. Расширение не имеет никаких настроек. Поэтому когда вы его активируете, то поддержка Эмодзи полностью исчезнет.

Однако, если вы захотите вывести свои смайлики, то вам их нужно будет дополнительно подключить на свой сайт. Для тех, кто тоскует по классическим смайлам, нужно будет дополнительно установить плагин Classic Smilies. Он позволит вам обратно вернуть классический набор смешных лиц.

Классические смайлики в CMS WordPress

Если вам нужно вывести что-либо другое, то устанавливаем подходящее для этого расширение. В общем если захотите вывести свои смайлики и отключить Эмоции, вам нужно установить Disable Emojis + скрипт или плагин, который выведет нужные вам лица. Если вы вообще, полностью хотите отключить вывод смайлов на сайте WordPress, то просто устанавливаем Disable Emojis и в меню «Настройки» —> «Написание» —> «Форматирование» убираем галочку с «Преобразовывать смайлики наподобие…»

Использовать смайлики Эмодзи или нет?

Теперь вы знаете, как использовать или отключить смайлы Emoji в WordPress 4.2. Плохо конечно, что разработчики пока не сделали для нас возможность отключить эту новую функцию прямо в админке. Ведь такие иконки не все будут использовать. В основном это нововведение хорошо подходит для социальных сетей или форумов, где идет более тесное общение. Для бизнес-сайтов или проектов не развлекательной тематики такая функция точно не подойдет.

Да и к тому же могут возникать проблемы с отображением иконок. Особенно это касается ОС в которых нет поддержки Emojis. К примеру, у меня седьмая Винда стоит. Но все равно, при просмотре этих смайликов с сайта (getemoji.com) у меня возникают ошибки в виде квадратов.

Ошибки getemoji

Это говорит о том, что даже если вы добавите эти иконки на свой сайт, многие пользователи могут их просто не увидеть. Чтобы этого можно было как-то избежать, стоит ставить классические смайлики с сайта (classic.getemoji.com). Там у меня проблем с отображением не было.

Есть еще и второй вариант — это использовать специальные расширения для браузеров (типа Emoji Input для Хрома). Они помогают распознать все виды смайликов. Но тут опять же, нужно чтобы такие расширения были установлены на стороне пользователя. Иначе вместо ваших иконок он увидит пустые квадраты.

Также стоит учесть, что вот эта новая функция Эмодзи может дополнительно подгружать сайт. Когда пользователь заходит на ваш сайт, то WordPress автоматом с помощью специального скрипта проверяет поддержку Emoji на стороне пользователя. Если ее не будет, то CMS будет дополнительно загружать иконки с другого сайта. В итоге для пользователя (со старой ОС и без расширения) сайт будет грузиться на 1 — 1,5 секунды больше обычного. Поэтому если вы не планируете использовать Emoji, то лучше полностью отключите эту функцию.

Как по мне, так все это нововведение в новой версии WordPress будет лишним. Зачем мудрить то, что и так работает нормально! А если кто-то захочет подключить Эмодзи, то достаточно просто установить плагин WP Emojis One. В итоге у человека появится право выбора. Сейчас же, к сожалению, его у нас нет. Приходится бегать за дополнительными плагинами и возвращать прежний функционал обратно.

Бляха-муха, они даже кнопку в редакторе не удосужились поставить, чтобы можно было быстро добавить иконку! Это вообще, ни в какие ворота не лезет! А говорят, что больше работают на улучшение юзабилити системы WordPress. Надеюсь, в новых версиях движка разработчики исправят все эти недочеты. Также обратите внимание, что в WordPress 4.2 убрали title для ссылок. Обязательно почитайте эту новость. В общем, изучайте и внедряйте!

Сказать спасибо кнопками ниже:
Сергей

Занимаюсь созданием и продвижением информационных сайтов в интернете. Интересуюсь маркетингом, SEO и SMM. Осваиваю возможности полезного софта для работы.

Оцените автора
( Пока оценок нет )

Добавить комментарий

  1. Игорь Черноморец

    Привет Сергей! Когда я узнал о внедрении этой функции в новую версию врдпресса, то сразу решил проверить это дело и попытаться реализовать смайлы.
    Первае мысль, которая у меня появилась это как раз как и у тебя «Бляха-муха, они даже кнопку в редакторе не удосужились поставить!»
    Меня это очень удивило!
    Короче…нафиг это вообще нужно?

    Ответить
    1. Привет, Игорь! Правильно мыслишь. :-) Это нововведение многим не понадобиться. Только лишние проблемы и нагрузка на сайт. Вообще, в последнее время разработчики начали много мудрить лишнего в новых версиях WordPress. Делают по принципу «На один клик меньше».
      Сама по себе CMS и так простая. А они хотят сделать еще проще. Казалось бы, куда уже! Вот и начинают мудрить лишнее. Даже хотели сделать автоматическую активацию плагинов. Хорошо, что пока не внедрили. А то был бы полный капец. :-(

      Ответить
  2. Марина

    Ну это смотря для чего использовать ВП, где-то они лишние, где-то необходимы, в моем случае это было бы очень даже полезное обновление для ВП. И сразу вопрос по этой теме. А возможно ли использовать эти смайлики при добавлении комментариев? Или как их впилить в комментарий, на подобие того, что стоит у вас?

    Ответить
    1. Марина, если у вас сайт развлекательной тематики, или же есть форум и социальная сеть, то Эмоджи подойдет. Также его можно использовать на блогах с большими дискуссиями. В других случаях я не вижу смысла использовать такие смайлы.
      А чтобы вывести Эмоджи рядом с формой комментариев, попробуйте посмотреть опции темы. Обычно там можно включить вывод смайликов. Они потом буду выводиться прямо перед формой комментирования. С виду они будут выглядеть как классические смайлики. Но про добавлении их в комментарий, будет выводиться в виде Emoji.

      Ответить
  3. Ольга

    Привет, Сергей. Смайлики из нововедения мне не понадобятся, хотя возможно, кто-то воспользуется этой возможностью. Спасибо за обзор. :-)

    Ответить
    1. Привет. Оля, если они тебе ненужны, то отключай их полностью чтобы не было лишней нагрузки.

      Ответить
  4. Alexander Meier

    Emoji реально тормозят загрузку. Я для себя решил их полностью исключить.

    Ответить
    1. Я тоже полностью отключил их. Мало того, что они не слишком красивые, так еще и тормозят блог. К тому же, мои колобки, что сейчас стоят куда симпатичнее смотрятся. :-)

      Ответить
  5. Александр Каратаев

    Я поначалу, когда прочитал об обновлении WordPress и его новых возможностях, решил было, что Emoji мне очень нужны… :-D
    Потом возник естественный вопрос — а нафига?
    Вот на этом моменте я и завершил работу с Emoji. Ничего не отключал, кстати, а все старые иконки отображаются нормально…

    Ответить
    1. А у меня они не хотели работать. Вернее, в статьях нормально было (отображались Emoji), а в комментариях старые смайлы ломались. Вывожу их плагином WP-Kama. Такие смайлы мне больше нравятся. Они выглядят более живые и особо не нагружают блог. *good*

      Ответить
      1. Александр Каратаев

        А я, после того как задал себе вопрос «на фига?», даже и пробовать не стал…
        :-D

        Ответить
  6. Ирина

    Добрый день! Может вдруг подскажете, почему может не работать плагин Disable Emojis? На моем сайте не получилось отключить… Спасибо!

    Ответить
    1. Ирина, в настройках темы отключите вывод стандартных смайликов WordPress. Сейчас вижу, что они выводятся у вас с ошибкой. Поэтому отключите и вместо их установите плагин Kama WP Smiles. Он выводит красивые колобки (они у меня сейчас установлены в нижнем левом углу). Когда установите Kama WP Smiles, то потом можно дополнительно подключать Disable Emojis. После этого проблем не будет. Появятся красивые смайлики, и при этом будет отключена поддержка Эмоджи. :-)

      Ответить
      1. Ирина

        Спасибо, Сергей! А отключение вывода стандартных смайлов происходит здесь: Настройки => Написание => Форматирование? Или где-то в другом месте? И при установке плагина Kama WP Smiles придется, так понимаю, по всему блогу делать замены с :smiles: на *smiles*.

        Ответить
        1. Или где-то в другом месте?

          Да, в другом месте. Эти смайлики у вас выводит сама тема. Зайдите в настройки именно темы и отключите там вывод смайликов. На счет замены смайликов, то тут точно не скажу. Я думаю, что замены делать не придется. Главное, чтобы в «Форматировании» у вас была включена функция «Преобразовывать смайлики наподобие :-) и :-P в картинки«.

          Ответить
  7. Баяс

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

    Ответить
  8. Владимир

    Спасибо за подробную статью. Только что нагуглил очень простое решение как отключить Emoji без плагина. У себя уже убрал.

    Ответить
    1. Да, можно и без плагина сделать. Но тут что с плагином, что без — код практически такой же. Поэтому разницы никакой нет. Но я предпочел плагином воспользоваться, так как им удобнее. Да и к тому же при обнаружении каких-то ошибок (например, в новых версиях CMS) плагин будет обновляться.

      Ответить
    2. Игорь

      А как отключить без плагина?

      Ответить
  9. Людмила Лао

    Уфф, как все сложно. Действительно, каждый желает выделиться запоминающейся эмоциональной окраской. Особенно это часто заметно в чатах и комментариях. *beach*

    Ответить
  10. Наталья

    Спасибо за статью, а я после того обновления мучаюсь и не могу понять ПОЧЕМУ?
    сделала как у Вас написано загрузила плагин для того чтобы убрать эмодзи. активировала, но проблема со смайлами осталась
    так и не отображаются
    пожалуйста подскажите
    у меня смайлы выведены кодом
    что у меня не так?
    этот код уже много раз проверила, все правильно

    Ответить
    1. Наталья, похоже ваш код не совместим с новыми версиями WordPress. Поэтому рекомендую вам заменить его на какой-нибудь плагин, авторы которого всегда проверяют совместимость версий. Я так у себя использую Kama WP Smiles. Можете и его попробовать. Только не забывайте, что у вас должны быть отключены эмоджи иначе смайлики в комментариях будут некрасивыми :-)

      Ответить
  11. Роман

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

    Ответить
    1. Очень важный момент — при отключении смайликов Эмоций на сайте, нужно потом установить свои смайлики, которые вы захотите вывести. Иначе смайлы не будут отображаться вообще. Если хотите вернуть классические, то устанавливайте дополнительно плагин Classic Smilies. Если захотите вывести другие, то нужно ставить другой плагин.

      Ответить
  12. Игорь

    /* Отключение Emoji смайликов в WordPress без плагина */
    [su_spoiler style=»fancy» icon=»plus-circle»]

    if (!function_exists(disable_emojis)) {
            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_action( 'init', 'disable_emojis' );
    }

    [/su_spoiler]

    Ответить
    1. Лучше прописать так, как в плагине. Там еще в конце идет функция для удаления Emoji в редакторе tinymce. Таким образом полностью убирается поддержка Эмоций. Вот код, который вставляется в файл function.php:
      [su_spoiler style=»fancy» icon=»plus-circle»]

      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_action( 'init', 'disable_emojis' );
      
      function disable_emojis_tinymce( $plugins ) {
              if ( is_array( $plugins ) ) {
                      return array_diff( $plugins, array( 'wpemoji' ) );
              } else {
                      return array();
              }
      }

      [/su_spoiler]

      Ответить
  13. Валентин

    С этими японскими смайликами вордпрессники переборщили, лишняя функция, чем их не устраивали стандартные?

    Ответить
    1. Это у них такая адаптация под мобильный сегмент. Поэтому внедряют все лишнее лишь бы под мобильные устройства адаптировать. Даже тему тогда сделали специально под мобильные устройства. Но то что эта тема убого смотрится на обычных компьютерах, их к сожалению, не волнует.

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

      Ответить
      1. Валентин

        А узнаю брата вебмастера, предидущий вопрос был так, на проверку. Ты прав, у меня до сих пор 4.3 стоит жду пятой, много косяков. Но скажу так, они работают в правильном направлении, делают шаги к мобильным версиям и тому подобное. А насчет боязни прав, я перед каждым обновление все копии делаю, а что делать, надо!!!!

        Ответить
        1. Да, без бэкапа никуда. Я у себя на всякий случай поставил плагин для автобэкапа на облачное хранилище. Хоть хостинг и делает каждый день резервные копии, но все равно, бывают форс-мажоры. Поэтому лишним не будет. Единственное, доп нагрузка на сайт.

          Ну и перед обновлением тоже сам делаю вручную бэкапы. А обновляюсь только на подверсию. На основную версию версию WordPress никогда не обновляюсь. Как правило, в основных возникает много проблем. Такие проблемы также могут наблюдаться и в плагинах. В основном, когда выходит основная версия и в ней очень много изменений и дополнений. Вот тут тоже могут выскакивать различные конфликты с совместимостью и проблемы.

          Ответить
  14. merfo

    Привет. Как я понял ВК тоже использует эти смайлики Emoji. Не подскажете как у себя на WordPress реализовать кнопку добавления смайлика в комментариях, также как у вас на блоге, только вместо Kama использовать Emoji?

    Ответить
    1. Попробуйте реализовать плагином Emoji Reactions.
      По описанию, у него нечто похожее есть. Правда я на практике не пробовал его ставить, так как на своих проектах Эмоджи не вывожу. Однако на скриншоте к описанию расширения видно, что там какое-то всплывающее меню. Только я не понимаю, оно вызывается кнопкой от сайта или от браузера или клавиатуры самого пользователя.
      Но вы попробуйте проверить на своем сайте. Вдруг, это то, что вам нужно.

      Ответить
  15. xvcvvcb

    Хороший плагин :point_up:

    Ответить
Adblock
detector