Как вставить эмодзи в WordPress? »WebNots

2 min


Эмодзи – это пиктограммы, которые используются в современных разговорах для выражения эмоций вместо написания длинных слов. Например, люди используют самые популярные смайлики со слезами радости 😂 для выражения счастья, наполненного весельем. Популярность смартфонов привела к тому, что люди стали использовать смайлики в качестве ярлыков для многих слов. Консорциум Unicode, некоммерческая организация, поддерживает технические спецификации для смайликов. Такие приложения, как WordPress, используют эту спецификацию и позволяют пользователям вставлять эмодзи на свои веб-сайты. В этой статье давайте узнаем больше о том, как вставлять эмодзи на веб-сайты WordPress.

Изучите WordPress: Просмотрите более 300 бесплатных руководств по WordPress.

WordPress и Emoji

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

Документ WordPress 4.2
Документ WordPress 4.2

Кроме того, WordPress также предлагает настройку для преобразования текстовых смайлов в смайлы или эмодзи.

Вставить эмодзи в WordPress

Хорошо то, что вам не нужен дополнительный плагин для вставки эмодзи на сайт WordPress. В зависимости от ситуации вы можете использовать один из следующих методов:

  • Используйте встроенные приложения для смайликов в Windows и Mac
  • Скопируйте и вставьте смайлы из своих документов или с других веб-сайтов.
  • Используйте текстовые смайлики для вставки простых смайлов

Во всех этих методах убедитесь, что вы используете последние версии WordPress с редактором блоков Gutenberg. Вы можете вставить эмодзи в любую текстовую область, например заголовок, заголовок, абзац или список.

1. Вставка эмодзи в WordPress на ПК с Windows 10

Если вы используете ПК или ноутбук с Windows для создания сайта WordPress, следуйте приведенным ниже инструкциям.

  • Поместите курсор в то место, куда вы хотите вставить смайлик.
  • Нажмите «Win Logo +». сочетания клавиш.
  • Это откроет панель смайлов на компьютере с Windows 10.
  • Введите ключевое слово эмодзи, например «пицца», чтобы отфильтровать эмодзи пиццы.
  • Нажмите на смайлик, чтобы вставить его на свой сайт.
  • Завершите свое содержание и опубликуйте статью.
  • Просмотрите веб-сайт в браузере, чтобы проверить смайлы.

Помните, что панель смайлов будет работать только в Windows 10, но не в более ранних версиях Windows. Панель Emoji сохранит часто используемые смайлы, чтобы вы могли быстро выбрать свой любимый смайлик без поиска. Кроме того, вы также можете вставлять математические операторы и символы Kaomoji, используя ту же панель эмодзи.

2. Вставьте эмодзи в WordPress на MacBook.

Следуйте приведенным ниже инструкциям, если вы используете MacBook.

  • Поместите курсор в любой текстовый блок.
  • Нажмите «Command + Control + Space», чтобы открыть приложение Character Viewer.
  • Вы можете сделать приложение большим или маленьким, щелкнув значок с символами в правом верхнем углу приложения.
  • Введите ключевое слово эмодзи в поле поиска.
  • Щелкните смайлик, чтобы вставить его в статью.
Вставьте эмодзи в WordPress Mac
Вставьте эмодзи в WordPress Mac

Кроме того, в более крупном представлении приложения перейдите в раздел «Смайлы» и найдите смайлы в разных категориях.

Смайлы в программе просмотра персонажей Mac
Смайлы в программе просмотра персонажей Mac

Подобно панели эмодзи в Windows 10, приложение Character Viewer также сохраняет часто используемые эмодзи для быстрого использования.

WordPress SEO: Оптимизируйте сайт WordPress с помощью бесплатного руководства по SEO для WordPress.

3. Вставьте эмодзи в мобильные приложения WordPress.

Если вы используете приложения WordPress для iOS или Android, вы можете использовать функцию клавиатуры эмодзи по умолчанию для вставки эмодзи. Например, на iPhone нажмите на значок глобуса и выберите «Emoji» в качестве клавиатуры. Найдите и вставьте свой смайлик из доступного списка.

Лицо со слезами эмодзи на iPhone
Emoji в iPhone

4. Скопируйте и вставьте эмодзи.

Независимо от того, используете ли вы Windows или Mac, более простой и альтернативный вариант – скопировать и вставить смайлы.

  • Вы можете скопировать эмодзи из Word, Pages или любого другого документа и вставить в редактор WordPress.
  • Точно так же скопируйте смайлик из Интернета и вставьте на свой сайт.

Помните, что смайлики – это текстовые символы, которые вы можете копировать и вставлять на разные платформы и приложения. Однако отображение эмодзи на вашем сайте может отличаться от изображения в источнике, из которого вы копируете. Кроме того, не забудьте вставить текстовый смайлик, а не наклейку или изображение.

5. Преобразование текстовых смайлов в смайлы и эмодзи.

Перейдите в раздел «Настройки> Записи» в панели администратора WordPress. В первом разделе «Форматирование» установите флажок «Преобразовывать смайлы, например 🙂 и 😛 в отображаемую графику». Это поможет вам набрать текстовые эмоции в редакторе.

Настройки отображения смайлов WordPress
Настройки отображения смайлов WordPress

Зайдите в редактор сообщений и введите смайлик, как в заголовке и других блоках. Опубликуйте или просмотрите статью.

Смайлик в редакторе и опубликованных версиях
Смайлик в редакторе и опубликованных версиях

Как видите, текстовые смайлы преобразуются в смайлы, отображаемые в области содержимого, но не работают в области заголовка. Однако прямая вставка эмодзи отлично работает как в заголовке, так и в области содержимого.

Связанный: Полный список текстовых смайлов Kaomoji для компьютера с Windows.

6. Плагины Emoji

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

Отображение эмодзи на сайтах WordPress

Хотя Unicode определяет стандарт для эмодзи, отдельные приложения применяют свою собственную кодировку для отображения одних и тех же эмодзи по-разному.

  • В Windows Word вы увидите смайлы в виде черно-белой линейной диаграммы. Однако, когда вы копируете и вставляете в редактор WordPress, все смайлы будут заменены на сплошную пиктограмму. Отображение опубликованного контента зависит от отображения браузера для этой платформы.
  • Вы можете увидеть одни и те же эмодзи по-разному при просмотре опубликованного сайта в Windows, Mac или другой платформе. Лучшим примером является флаговый эмодзи, который Windows не поддерживает. Вы увидите символы флагов на MacBook; однако Windows будет отображать двухзначный код ISO для флага вместо смайлика.

Почему мой смайлик отображается в виде рамки или вопросительного знака?

При работе с эмодзи в WordPress вы можете столкнуться с двумя проблемами.

  • Emoji отображается как поле – в основном это связано с неподдерживаемыми смайликами на просматриваемой вами платформе. Не все приложения и платформы поддерживают все символы эмодзи Unicode. Браузеры будут отображать неподдерживаемые эмодзи в виде поля. Например, недавно представленные эмодзи обычно отображаются в виде прямоугольника до тех пор, пока браузеры не адаптируют спецификации отображения. Ознакомьтесь с нашей статьей о различных других причинах, по которым символы отображаются в виде прямоугольника.
  • Emoji отображается как вопросительный знак – это происходит, когда вы делаете какое-то преобразование в базе данных. Ранее большинство хостов использовали UTF-8 в качестве стандартного формата для кодировки символов базы данных. Однако позже кодировка была изменена на utf8mb4 или аналогичную. Когда вы импортируете и экспортируете базу данных без соответствующей кодировки, вы можете потерять правильную кодировку эмодзи, что приведет к их отображению как? Обязательно используйте правильную кодировку символов и проверьте отображение на промежуточном или локальном хосте, прежде чем выполнять действие на действующем сайте.

Emoji и скорость страницы

Одним из важных факторов оптимизации скорости страницы является удаление неиспользуемых скриптов и CSS. WordPress использует скрипт эмодзи, который загружается на каждую страницу вашего сайта, независимо от того, есть ли у вас на странице эмодзи. Вы можете щелкнуть правой кнопкой мыши на своем веб-сайте WordPress и проверить исходный код, чтобы увидеть этот скрипт. Имя скрипта – «wp-emoji-release.min.js» с суффиксом версии WordPress. Он загружается из части папки JS каталога «wp-includes».

WP Emoji Script
WP Emoji Script

Сценарий эмодзи использует файлы «wp-emoji.js» и «twemoji.min.js» для поддержки обратной совместимости. Он помогает преобразовывать черно-белые смайлы и эмодзи в красочный дисплей в соответствии со спецификацией Twemoji (кодировка смайлов Twitter).

Поскольку все современные браузеры уже поддерживают отображение эмодзи, этот «wp-emoji-release.js» является избыточным файлом с точки зрения оптимизации. Кроме того, если вы не используете эмодзи на странице, загружать этот скрипт в целях совместимости бесполезно. Вы можете использовать любой из плагинов кеширования, чтобы удалить скрипты эмодзи со своего сайта WordPress.

  • Например, если вы используете SiteGround, отключите эмодзи с помощью плагина SG Optimizer.
  • Плагины WP Rocket и W3 Total Cache предлагают варианты отключения сценария эмодзи.
  • А также есть “Отключить эмодзи», Который будет выполнять эту задачу отдельно, без каких-либо других функций.

Вывод

Использовать эмодзи в WordPress так же просто, как использовать их на ПК с Windows или MacBook. Вам не нужен дополнительный плагин для поддержки отображения эмодзи в WordPress. Однако вам может потребоваться отключить скрипт эмодзи как часть оптимизации скорости страницы с помощью плагина.


0 Comments

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