Коничуа, друзья! С появлением WordPress 4.2 у многих пользователей возникает проблема в том, как использовать или отключить смайлики Emoji. По сути это даже не смайлы, а расширенный набор иконок. Кому-то он может пригодиться. Например, для использования каких-то иероглифов, музыкальных или астрологических знаков. А для кого-то эти иконки будут лишними. Поэтому этот материал я подготовил сразу для двух категорий людей.
Раньше существовал специальный плагин WP Emojis One , который позволял добавлять такие смайлы на сайт. Но начиная с WordPress 4.2 разработчики решили внедрить такой функционал в саму CMS. Я когда первый раз увидел эти лица, то сразу вспомнил про китайцев. Ведь на смайликах были узкие глаза. Что-то типа этого: (^_^). В общем, хватит вступлений. Давайте что-то делать с этой функцией. Либо использовать ее на своем блоге, либо полностью удалять. Но прежде чем определиться, обязательно дочитайте этот пост до конца!
Начнем с тех, кто хочет использовать смайлы. Вот обновились вы на WordPress 4.2, но не знаете, как использовать смайлики Emoji на своем сайте. Ведь в редакторе CMS нет никакой новой кнопки для добавления иконок. И как нам добавить эти смайлы на сайт? Прежде чем отвечать на этот вопрос, скажу вам, что тут многое зависит от операционной системы. В разных ОС и браузерах Emoji обрабатываются по-разному. Поэтому я вам перечислю несколько способов использования этих иконок. А вы в свою очередь выбираете подходящий для вас вариант и начинаете действовать.
Скажу, что начиная с 5 версии Emojis уже внедрены в систему. Поэтому чтобы их использовать в системе IOS, вам достаточно просто подключить новую клавиатуру. Если вы используете IOS 8, то вам повезло. В этой системе клавиатура Emoji уже установлена. Если же у вас другая версия системы, то делаем следующие телодвижения. Заходим в меню «Настройки » —> «Основные » —> «Клавиатура » —> «Международные клавиатуры «.
После этого выбираем «Новые клавиатуры » и в самом списке выбираем «Эмодзи «.
Все, клавиатура теперь добавлена. В самой нижней части экрана вы увидите смайлик (1) . Нажмите на него чтобы посмотреть набор смайликов Эмодзи. Если вы используете несколько клавиатур, то выбирать нужную можно с помощью значка в виде глобуса (2) .
Теперь при работе со своим сайтом на мобильном устройстве типа iPhone, IPad или iPod, вы с легкостью сможете добавлять смайлы Emojis. Также такие иконки можно использовать и в комментариях на блогах своих друзей. Однако это будет работать при условии, что на чужом блоге включена поддержка Эмодзи.
Для тех, кто пользуется устройствами на системе Android, придется добавить приложение для создания клавиатуры Emoji. Похожих приложений довольно много. Поэтому я тут не буду здесь их все перечислять. Для начала можете попробовать такие, как TouchPal X Keyboard или Emoji Keyboard . После установки приложения нажимаем на кнопку смайлика для доступа к иконкам.
Для обладателей Windows Phone 8 подойдет отличное приложение [+]Emoji . Все смайлики группируются на отдельные категории, что очень удобно.
Теперь для тех, кто пользуется настольными компьютерами. Для операционной системы Windows 8 и выше здесь будет достаточно просто. Смайлы Эмодзи уже встроены в систему и их нужно только включить. Для этого на панели задач (3) (она в самом низу) щелкаем правой кнопкой мыши. Выбираем «Панели инструментов » —> «Сенсорная клавиатура (Touch Keyboard) «. После этого в нижнем правом углу появится новый значок в виде клавиатуры (4) .
Когда захотите добавить Emoji смайлы в Windows 8, то просто кликните на клавиатуру и выберите значок в виде смайла (5) .
Для более ранних версий Виндовс, Эмодзи не встроены. Поэтому придется немного повозиться. Скажу вам, что есть два способа добавления иконок. Во-первых, можно использовать специальные расширения для браузеров. К примеру, я для Google Chrome установил расширение Emoji Input . Теперь чтобы добавить смайлы Emojis на WordPress блог, мне достаточно кликнуть на значок расширения, выбрать и скопировать нужную иконку.
После этого нужно зайти в текстовый редактор сайта и вставить иконку.
Во-вторых, вместо расширения можно воспользоваться сайтом (getemoji.com) или (classic.getemoji.com) и брать иконки оттуда. Тут по аналогии с первым вариантом. Копируем нужную иконку и сразу вставляем в редактор WordPress.
Вот такими способами можно добавлять и использовать смайлики Emoji на своем сайте WordPress. Конечно, такие иконки можно использовать и на других операционных системах. Более подробно вы найдете в кодексе Вордпресса (codex.wordpress.org/Emoji).
По умолчанию иконки выглядят мелковато. Поэтому если захотите подогнать размер, то вам нужно переключиться на html-редактор и вставить такой код:
иконка
Вместо 14 вставляем свое число. Получится так:
Ну а теперь, о наболевшем. В связи с некоторыми проблемами, многие пользователи WordPress 4.2 захотели бы просто отключить эти смайлики Emoji. Причин тут несколько. Кому-то банально, не нравятся такие иконки. У кого-то возникают различные ошибки и так далее. Я лично отключил Эмодзи, потому что у меня начали возникать проблемы со старыми смайликами.
Дело в том, что когда я обновил WordPress, то все смайлики в моих комментариях начали отображаться некрасиво. В основном они были сплющены и плохо заметны. Такой вариант меня не устраивал. Поэтому решил отключить новую функцию. А еще, как правило, сами иконки в посты я редко добавляю. Если и использую, то только иконочные шрифты (пальцы, плюсики, галочки и тому подобное) . Мне этого хватает.
Конечно, я мог бы вместо иконочных шрифтов использовать смайлики Эмодзи (они намного легче) . Однако конфликт со старыми смайлами в комментариях меня не сильно радует. Такие смайлы мне нравятся и как-то не хочется от них избавляться или уродовать.
И сейчас вы спросите: «Так как же отключить смайлики Emoji в WordPress 4.2? » Да очень просто! Достаточно просто установить плагин Disable Emojis . Расширение не имеет никаких настроек. Поэтому когда вы его активируете, то поддержка Эмодзи полностью исчезнет.
Однако, если вы захотите вывести свои смайлики, то вам их нужно будет дополнительно подключить на свой сайт. Для тех, кто тоскует по классическим смайлам, нужно будет дополнительно установить плагин Classic Smilies . Он позволит вам обратно вернуть классический набор смешных лиц.
Если вам нужно вывести что-либо другое, то устанавливаем подходящее для этого расширение. В общем если захотите вывести свои смайлики и отключить Эмоции, вам нужно установить Disable Emojis + скрипт или плагин, который выведет нужные вам лица. Если вы вообще, полностью хотите отключить вывод смайлов на сайте WordPress, то просто устанавливаем Disable Emojis и в меню «Настройки » —> «Написание » —> «Форматирование » убираем галочку с «Преобразовывать смайлики наподобие… »
Теперь вы знаете, как использовать или отключить смайлы Emoji в WordPress 4.2. Плохо конечно, что разработчики пока не сделали для нас возможность отключить эту новую функцию прямо в админке. Ведь такие иконки не все будут использовать. В основном это нововведение хорошо подходит для социальных сетей или форумов, где идет более тесное общение. Для бизнес-сайтов или проектов не развлекательной тематики такая функция точно не подойдет.
Да и к тому же могут возникать проблемы с отображением иконок. Особенно это касается ОС в которых нет поддержки Emojis. К примеру, у меня седьмая Винда стоит. Но все равно, при просмотре этих смайликов с сайта (getemoji.com) у меня возникают ошибки в виде квадратов.
Это говорит о том, что даже если вы добавите эти иконки на свой сайт, многие пользователи могут их просто не увидеть. Чтобы этого можно было как-то избежать, стоит ставить классические смайлики с сайта (classic.getemoji.com) . Там у меня проблем с отображением не было.
Есть еще и второй вариант — это использовать специальные расширения для браузеров (типа Emoji Input для Хрома) . Они помогают распознать все виды смайликов. Но тут опять же, нужно чтобы такие расширения были установлены на стороне пользователя. Иначе вместо ваших иконок он увидит пустые квадраты.
Также стоит учесть, что вот эта новая функция Эмодзи может дополнительно подгружать сайт. Когда пользователь заходит на ваш сайт, то WordPress автоматом с помощью специального скрипта проверяет поддержку Emoji на стороне пользователя. Если ее не будет, то CMS будет дополнительно загружать иконки с другого сайта. В итоге для пользователя (со старой ОС и без расширения) сайт будет грузиться на 1 — 1,5 секунды больше обычного. Поэтому если вы не планируете использовать Emoji, то лучше полностью отключите эту функцию.
Как по мне, так все это нововведение в новой версии WordPress будет лишним. Зачем мудрить то, что и так работает нормально! А если кто-то захочет подключить Эмодзи, то достаточно просто установить плагин WP Emojis One . В итоге у человека появится право выбора. Сейчас же, к сожалению, его у нас нет. Приходится бегать за и возвращать прежний функционал обратно.
Бляха-муха, они даже кнопку в редакторе не удосужились поставить, чтобы можно было быстро добавить иконку! Это вообще, ни в какие ворота не лезет! А говорят, что больше работают на улучшение юзабилити системы WordPress. Надеюсь, в новых версиях движка разработчики исправят все эти недочеты. Также обратите внимание, что . Обязательно почитайте эту новость. В общем, изучайте и внедряйте!
Здравствуйте! С Вами снова я, автор Блога Свободного Вебмастера и сегодня речь пойдет о смайликах на Вордпресс . Смайлики уже давно завоевали свою популярность. Это отличный способ выразить свои эмоции и порой достаточно использовать всего лишь один смайл чтобы выразить свои чувства.
Честно говоря меня не очень впечатлили стандартные смайлики вордпресса. Их вид показался мне примитивным, слишком уж древним и поэтому решил сменить их на другие.
Стандартные смайлики wordpress
Здесь можно пойти двумя путями.
Поэтому мы пойдем вторым путем. Стандартные смайлики находятся в папке /wp-includes/images/smilies/ в корне Вашего блога. Чтобы их сменить нужно просто переписать старые на новые. Вы можете взять абсолютно любые смайлы, переименовать их, чтобы имена файлов совпадали со стандартными и закачать обратно в ту же папку. Выкладываю наборы смайликов, которые у меня уже есть:
Ничего переименовывать не нужно, осталось лишь заменить этими стандартные и готово. С этим вопросом разобрались.
Следующий вопрос: как добавить смайлики над текстовым полем формы отправки комментариев? Здесь также все очень просто! Для этого в файле comments.php Вашей темы перед открывающим тегом
<textarea name ="comment" id ="comment" rows ="10" cols ="1" > textarea >вставить следующий код:
<script > function addsmile ($smile ) script > "/wp-includes/images/smilies/" .$dm_smile."" alt="" .$tag."" onclick="addsmile(\"" .$tag."\");"/> " ; } } echo "Вот и все! Данными действиями нам удалось заменить стандартные смайлики wordpress на более привлекательные и современные, а также добавить их над текстовым полем формы комментариев. И всё это без использования каких либо плагинов.
Начиная с версии 4.2 и выше разработчики внедрили в ядро WordPress новую библиотеку Twemoji — это набор символов в формате Unicode, которые при формировании страницы конвертируются в Emoji. Если браузер не поддерживают эмодзи, то происходит автоматическая замена символов на графические изображения, подгружаемые с CDN.
К тому же все статьи и комментарии на блоге приобрели совсем иной внешний вид, который меня не устраивал. Предлагаю воспользоваться решением, которое позволяет вернуть прежние смайлики на свои места. Оно содержит часть функций плагина Classic Smilies, а также собственные наработки.
Для начала в каталоге с названием темы блога необходимо создать папку smilies и в нее распаковать изображения смайликов (ссылки на загрузку приведены выше). Затем выполнить инструкции, предназначенные для ранних версий WordPress, добавляя немного модифицированный код в comments.php темы:
<script > function addsmile ($smile ) { document .getElementById("comment" ).value=document .getElementById("comment" ).value+" " +$smile+" " ; } script > $dm_smile) { if (!in_array($dm_smile,$dm_smiled)) { $dm_smiled = $dm_smile; $tag = str_replace(" " , "" , $tag); $dm_showsmiles .= " " ; } } echo "В файл functions.php добавляем следующий код:
// Задаем новое расположение изображений по-умолчанию function classic_smilies_src ($old, $img) { $mythemes = get_template(); return site_url("/wp-content/themes/$mythemes/smilies/{$img}" , __FILE__ ); } // Возвращаем сопоставление символов файлам add_action("init" , "classic_smilies_init" , 1 ); function classic_smilies_init () { global $wpsmiliestrans; $wpsmiliestrans = array (":mrgreen:" => "icon_mrgreen.gif" , ":neutral:" => "icon_neutral.gif" , ":twisted:" => "icon_twisted.gif" , ":arrow:" => "icon_arrow.gif" , ":o" => "icon_eek.gif" , ":)" => "icon_smile.gif" , ":???:" => "icon_confused.gif" , ":cool:" => "icon_cool.gif" , ":evil:" => "icon_evil.gif" , ":D" => "icon_biggrin.gif" , ":idea:" => "icon_idea.gif" , ":oops:" => "icon_redface.gif" , ":P" => "icon_razz.gif" , ":roll:" => "icon_rolleyes.gif" , ":wink:" => "icon_wink.gif" , ":cry:" => "icon_cry.gif" , ":eek:" => "icon_surprised.gif" , ":D" => "icon_lol.gif" , ":mad:" => "icon_mad.gif" , ":sad:" => "icon_sad.gif" , "8-)" => "icon_cool.gif" , "8-O" => "icon_eek.gif" , ":-(" => "icon_sad.gif" , ":-)" => "icon_smile.gif" , ":-?" => "icon_confused.gif" , ":-D" => "icon_biggrin.gif" , ":-P" => "icon_razz.gif" , ":-o" => "icon_surprised.gif" , ":-x" => "icon_mad.gif" , ":-|" => "icon_neutral.gif" , ";)" => "icon_wink.gif" , "8O" => "icon_eek.gif" , ":(" => "icon_sad.gif" , ":)" => "icon_smile.gif" , ":?" => "icon_confused.gif" , ":D" => "icon_biggrin.gif" , ":P" => "icon_razz.gif" , ":o" => "icon_surprised.gif" , ":x" => "icon_mad.gif" , ":|" => "icon_neutral.gif" , ";)" => "icon_wink.gif" , ":!:" => "icon_exclaim.gif" , ":?:" => "icon_question.gif" ,); add_filter("smilies_src" , "classic_smilies_src" , 10 , 2 ); // Отключаем загрузку скриптов и стилей Emoji remove_action("wp_head" , , 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" , "classic_smilies_rm_tinymce_emoji" ); add_filter("the_content" , , 11 ); add_filter("the_excerpt" , "classic_smilies_rm_additional_styles" , 11 ); add_filter("comment_text" , "classic_smilies_rm_additional_styles" , 21 ); } // Отключаем Emoji в визуальном редакторе TinyMCE function classic_smilies_rm_tinymce_emoji ($plugins) { return array_diff($plugins, array ("wpemoji" )); } // Убираем размеры смайликов равные 1em (новые задаются для класса.wp-smiley) function classic_smilies_rm_additional_styles ($content) { return str_replace("class="wp-smiley" style="height: 1em; max-height: 1em;"" , "class="wp-smiley"" , $content); }Теперь не нужно каждый раз после заменять картинки на новые, так как они располагаются в другой папке и обновление их не затрагивает.
Таким образом мы отключили загрузку и показ Emoji, заменив их своими смайликами, которые использовали прежде. Удачи!
Смайлики для сайта. Сегодняшняя статья об интересном плагине wp-monalisa, который добавит веселых смайликов в форму комментирования на Ваш сайт. Также Вы сможете добавлять смайлы при написании статей.
Плагин очень просто настраивается и не требует никаких дополнительный «ковыряний» в коде шаблона сайта, что для новичков часто является «темным лесом».
Что Вы сможете узнать из статьи:
По желанию смайлики для сайта можно добавлять и другие, но об этом чуть позже. Первым делом нужно скачать сам плагин по ссылке http://wordpress.org/extend/plugins/wp-monalisa/ , его обычным способом, и затем в админке Вашего сайта перейти на вкладку «wp-Monalisa»:
После перехода в настройки плагина wp-Monalisa перед Вами будут следующие настройки:
Можете оставить эти настройки как есть. Поставив «галочку» в надписи «Show smilies on edit» у Вас будет возможность вставлять смайлики при написании статей. При этом когда вы будете добавлять новую запись, справа в админке появится соответствующая панелька:
Надпись «Show smilies on comment» обозначает «Показать смайлы при комментировании». Остальные настройки можете просто сами поэкспериментпровать, там ничего сложного, например можно настроить чтобы отображалась только часть смайликов, а остальные будут появляться при нажатии на надпись «more…».
При помощи стрелочек можно менять местоположения смайликов, а также отметить какие смайлики показывать, а какие не показывать.
Как я уже говорила можно добавить в плагин wp-monalisa новые смайлики. В сети их очень много. Добавить их можно двумя способами. Первый способ — это добавление набора смайлов в виде «пака». Для этого нужно нажать на надпись «Import Smiley-Package» :
И после этого указать где у Вас на диске находится пакет смайлов, который нужно установить.
Однако, скорее всего, смайлики, которые Вы захотите добавить будут у Вас на диске в виде простых отдельных файлов. Для того чтобы добавить смайлики по отдельности нужно, прежде всего, добавить их в папку «icons» лагина wp-monalisa.
Путь к папке выглядит так: wp-content/plugins/wp-monalisa/icons/ . Изображения смайликов должны быть в формате «gif» . Затем перезагружаем в браузере страницу с настройками плагина wp-monalisa, и в списке ищем и выбираем новый добавленный смайлик:
Теперь смайлику нужно прописать название и отметить галочками его отображение в комментариях и статьях:
Не забудьте в конце нажать кнопку «Save» , чтобы сохранить изменения. После этого новый смайлик появится рядом с остальными. В итоге у Вас может получиться примерно вот такой набор смайликов:
Симпатичные правда? Дарю вам архив в котором собраны смайлики, которые изображены на этой картинке, но, внимание, там нет тех смайликов, которые входят в плагин wp-monalisa изначально.
В некоторых шаблонах, при использовании данного плагина, вокруг смайликов появляется рамка, которая некрасиво смотрится. Если у Вас также есть такая проблема и Вы не знаете как её решить, посмотрите мою на эту тему)
Как видите установка плагина смайликов wp-monalisa не сложная. Удачи!
Не все пользователи вордпресс знают, что в данной CMS есть возможность вывода стандартных смайликов в статьях или комментариях. Но мало того, стандартные «улыбки», мы вполне может заменить на свои. Что же нужно, для вывода смайлов и замены стандартных картинок на свои?
После того, как все подготовительные работы сделаны, нужно заменить стандартные изображения на новые. Для этого, на сервере, с помощью бесплатного ftp-клиента , нужно найти папку с картинками. Она находится обычно по следующей директории: public_html/wp-includes/images/smiles. После замены, обновите страницу сайта и посмотрите на результат. Он должен быть таким:
Разница очевидна, по сравнению со стандартными, блеклыми смайлами. Теперь и Вы сможете улучшить свой блог. Данная операция занимает буквально несколько минут, а эффект стоит затраченных усилий.
Да, не забудьте перед началом редактирования файлов wordpress — сделать резервную копию сайта . Чтобы в случае полного провала и уничтожения сайта:), его можно было восстановить.
До новых встреч! У меня получилось и у Вас получится!
nanbaby.ru - Здоровье и красота. Мода. Дети и родители. Досуг. Быт. Дом