Установка смайликов на WordPress. Плагины смайликов в wordpress блоге Редактируем внешний вид

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

Плагин очень просто настраивается и не требует никаких дополнительный «ковыряний» в коде шаблона сайта, что для новичков часто является «темным лесом».

Что Вы сможете узнать из статьи:

Сначала мы посмотрим как нужно настроить плагин для корректной работы;
Рассмотрим как можно добавлять дополнительные смайлики, которые Вы, возможно найдете в сети и захотите добавить их к себе на сайт;
А также я дам Вам ссылку на скачивание набора симпатичных смайликов.

По желанию смайлики для сайта можно добавлять и другие, но об этом чуть позже. Первым делом нужно скачать сам плагин по ссылке http://wordpress.org/extend/plugins/wp-monalisa/ , его обычным способом, и затем в админке Вашего сайта перейти на вкладку «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 не сложная. Удачи!

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

Честно говоря меня не очень впечатлили стандартные смайлики вордпресса. Их вид показался мне примитивным, слишком уж древним и поэтому решил сменить их на другие.

Стандартные смайлики wordpress

Здесь можно пойти двумя путями.

Первый — это установить плагин, который автоматически заменит стандартные смайлы на другие. Но слишком много активных плагинов замедлит работу блога, увеличит нагрузку на сервер. К тому же плагины зачастую добавляют свои таблицы в базу данных MySQL, а при удалении не всегда чистят за собой эту базу и приходится , через панель phpMyAdmin.
Второй путь позволит избежать таких неприятностей, к тому же позволит лучше изучить работу WordPress. Он подразумевает под собой ручное редактирование.

Поэтому мы пойдем вторым путем. Стандартные смайлики находятся в папке /wp-includes/images/smilies/ в корне Вашего блога. Чтобы их сменить нужно просто переписать старые на новые. Вы можете взять абсолютно любые смайлы, переименовать их, чтобы имена файлов совпадали со стандартными и закачать обратно в ту же папку. Выкладываю наборы смайликов, которые у меня уже есть:

Ничего переименовывать не нужно, осталось лишь заменить этими стандартные и готово. С этим вопросом разобрались.

Следующий вопрос: как добавить смайлики над текстовым полем формы отправки комментариев? Здесь также все очень просто! Для этого в файле comments.php Вашей темы перед открывающим тегом , у меня он имеет следующий вид: <textarea name ="comment" id ="comment" rows ="10" cols ="1" > </textarea > вставить следующий код: <script > function addsmile ($smile ) </script > <?php global $wpsmiliestrans; $dm_showsmiles = "" ; $dm_smiled = array (); foreach ($wpsmiliestrans as $tag => <img src='/technologies/ustanovka-smailikov-na-wordpress-plaginy-smailikov-v-wordpress-bloge/' loading=lazy>"/wp-includes/images/smilies/" .$dm_smile."" alt="" .$tag."" onclick="addsmile(\"" .$tag."\");"/> " ; } } echo "<div style="width:100%; margin-left:0px; margin-right:0px;">" .$dm_showsmiles."</div>" ; ?> Вот и все! Данными действиями нам удалось заменить стандартные смайлики wordpress на более привлекательные и современные, а также добавить их над текстовым полем формы комментариев. И всё это без использования каких либо плагинов. <h2>Смайлики для WordPress 4.2 и выше, как отключить Emoji</h2> Начиная с версии 4.2 и выше разработчики внедрили в ядро WordPress новую библиотеку Twemoji — это набор символов в формате Unicode, которые при формировании страницы конвертируются в Emoji. Если браузер не поддерживают эмодзи, то происходит автоматическая замена символов на графические изображения, подгружаемые с CDN. <img src='https://i2.wp.com/webliberty.ru/wp-content/uploads/2010/11/Emoji.png' align="center" width="100%" loading=lazy> <ul><li>даже современные браузеры не всегда поддерживают Emoji;</li> <li>изображения имеют истинные размеры 72х72px и при загрузке масштабируются, увеличивая время рендеринга страницы;</li> <li>в секции <head> подгружаются инлайновые скрипты и стили, не вынесенные в отдельные файлы.</li> </ul>К тому же все статьи и комментарии на блоге приобрели совсем иной внешний вид, который меня не устраивал. Предлагаю воспользоваться решением, которое позволяет вернуть прежние смайлики на свои места. Оно содержит часть функций плагина Classic Smilies, а также собственные наработки. Для начала в каталоге с названием темы блога необходимо создать папку smilies и в нее распаковать изображения смайликов (ссылки на загрузку приведены выше). Затем выполнить инструкции, предназначенные для ранних версий WordPress, добавляя немного модифицированный код в comments.php темы: <script > function addsmile ($smile ) { document .getElementById("comment" ).value=document .getElementById("comment" ).value+" " +$smile+" " ; } </script > <?php global $wpsmiliestrans; $dm_showsmiles = "" ; $dm_smiled = array (); foreach ($wpsmiliestrans as $tag => $dm_smile) { if (!in_array($dm_smile,$dm_smiled)) { $dm_smiled = $dm_smile; $tag = str_replace(" " , "" , $tag); $dm_showsmiles .= "<img src='/technologies/ustanovka-smailikov-na-wordpress-plaginy-smailikov-v-wordpress-bloge/' loading=lazy> " ; } } echo "<div style="width:100%; margin-left:0px; margin-right:0px;">" .$dm_showsmiles."</div>" ; ?> В файл 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, заменив их своими смайликами, которые использовали прежде. Удачи! Многие пользователи любят использовать смайлики в переписке. Они позволяют придать написанному тексту эмоциональную окраску, собственно, для этого они и были созданы. При личной переписке в скайпе или социальной сети смайлики более чем уместны, а вот есть ли смысл использовать их, к примеру, в деловом сообщении, которое пересылается по электронной почте? А почему бы и нет, особенно, если смайлик сам по себе серьезный. Ведь смайлик может быть не только забавной рожицей – есть смайлики с изображением стрелок, кнопок, часов, галочек, которые вполне можно использовать в письме. Такие смайлы привлекут внимание адресата к наиболее важным частям письма и сделают его более запоминающимся. Но как добавить нужный смайл в письмо или мгновенное сообщение?КАК ДОБАВИТЬ СМАЙЛИК Очень просто, нужно только зайти на FSymbols . На этом сайте представлена большая коллекция смайликов. Картинки самые разные: есть забавные, но есть и вполне серьезные. Смайлики могут отображаться на самых разных платформах: в почтовых клиентах, мессенджерах, а также в социальных сетях, таких, как ВКонтакте, Facebook и Twitter.<img src='https://i2.wp.com/freelance.today/uploads/images/00/07/43/2015/08/28/8e2578.jpg' align="middle" width="100%" loading=lazy>Найдя нужный смайл, нужно кликнуть по нему мышкой. Появится всплывающее окно, где будет находиться выбранная картинка. Ее нужно скопировать и затем вставить в письмо или сообщение.<img src='https://i1.wp.com/freelance.today/uploads/images/00/07/43/2015/08/28/6dde54.jpg' align="middle" width="100%" loading=lazy> <img src='https://i2.wp.com/freelance.today/uploads/images/00/07/43/2015/08/28/2f66b6.jpg' align="middle" width="100%" loading=lazy>Однако нужно отметить, что не всегда смайлики отображаются корректно. В таких почтовых клиентах, как Gmail или Mail.ru, не удается вставить цветную картинку – все смайлики черные. Это, в общем, даже и не плохо, главное, чтобы смайлик был понятен.Кроме того, порой во всплывающем окне отображается не картинка, а квадратик. Это какой-то врожденный баг: при вставке в сообщение смайл все равно появляется.Использовать смайлики или нет – личное дело каждого. В последнее время этот тренд набирает обороты, так что если обстоятельства позволяют, то зачем же отказываться от такой возможности.КАК ОТКЛЮЧИТЬ СМАЙЛИКИ В WORDPRESS Система управления контентом WordPress в каждой своей новой редакции получает дополнительные функции. Некоторые из них настолько незаметны, что про них легко забыть при создании сайта. К примеру, в версии 4.2 WP предлагает использовать множество новых смайликов-эмоджи, которые помогут сделать пост более выразительным. Для отображения смайликов WordPress запускает скрипт WP-Emoji-release.min.js, после чего можно вставить выбранную картинку в текст. Тем не менее бывают ситуации, когда смайлики не нужны. К примеру, сайт или блог посвящен серьезной проблеме и смайлы в тексте или комментариях будут совершенно неуместны. Поэтому эту функцию лучше отменить. Есть два способа сделать это:ИСПОЛЬЗОВАНИЕ WORDPRESS HOOK<img src='https://i2.wp.com/freelance.today/uploads/images/00/07/43/2015/08/28/deb22a.jpg' align="middle" width="100%" loading=lazy>Если имеется доступ к админ, панели, то для того, чтобы отключить смайлы, нужно добавить в код темы несколько строчек и скрипт не будет запускаться.<ul><li>Откройте папку с темой WordPress и откройте файл functions.php</li> </ul><ul><li>Добавьте в файл следующую строку: remove_action ("wp_head", "print_emoji_detection_script", 7); remove_action ("wp_print_styles", "print_emoji_styles");</li> </ul><ul><li>Сохраните файл и перезагрузите любую страницу сайта. Это поможет удалить сценарий и стили, необходимые для отображения смайликов.</li> </ul>ИСПОЛЬЗОВАНИЕ WP-ПЛАГИНА Если же по какой-либо причине нет желания вносить изменения в файл functions.php, то можно использовать плагин, которые отключает функцию показа смайлов.<img src='https://i1.wp.com/freelance.today/uploads/images/00/07/43/2015/08/28/e7842b.jpg' width="100%" loading=lazy><ul><li>Для этого нужно в админ-панели кликнуть по ссылке Plugin и выбрать в меню «Добавить»</li> </ul><ul><li>Затем нужно будет скачать сам плагин вот по этой ссылке .</li> </ul><ul><li>После этого плагин потребуется установить и активировать</li> </ul>В плагине нет никаких настроек, он полностью отключает функцию. Причем действует настолько кардинально, что смайлики не показываются даже при смене темы.Вот и все. Теперь можно быть уверенным, что смайлик на вашем сайте не появится ни при каких обстоятельствах. Здравствуйте, дорогие читатели блога «Интернет Капуста»! Вот наступил новый день. Я начинаю его на позитиве, и стараюсь делать это всегда. Вот, на этой ноте хотелось бы сразу же задать вам вопрос: А как часто вы начинаете своё утро с улыбки и можно ли назвать вас жизнерадостным человеком? Есть ли у вас чувство юмора и когда вы смеялись от души в последний раз? Не слишком ли много вопросов? Но эти вопросы я задаю не просто так. Как известно, позитив нам придаёт больше сил, а смех продлевает жизнь. Всё это вы уже слышали не раз, и как бы не были избиты эти фразы, но они работают и работают отлично, если отнестись к ним серьёзно. Я создала сайт, чтобы научить новичков создавать собственные сайты и дать мотивацию заработка в интернете всеми имеющимися способами! Вы можете улыбнуться сейчас, если не верите, что в интернете действительно зарабатывать. Просто надо учиться, пробовать разные методы и анализировать. Самое главное, это не отчаиваться, если сразу не получается. Надо просто уметь посмеяться над ошибками и неудачами и помнить, что за закатом всегда наступает рассвет. Вот вы прочитали очередную мою статью и захотели написать комментарий, а чтобы выразить эмоции в полной мере, понимаете, что чего - то не хватает. Да, да, не хватает смайликов! Тех маленьких и смешных колобков, которые обычно помогают нам показать свои эмоции в полной мере. Что такое смайлики и зачем они нужны? <blockquote>Смайлик (англ. smiley - «улыбающийся») или счастливое лицо́ (☺/☻) - стилизованное графическое изображение улыбающегося человеческого лица; традиционно изображается в виде жёлтого круга с двумя чёрными точками, представляющими глаза, и чёрной дугой, символизирующей рот. Смайлики широко используются в популярной культуре, само слово «смайлик» также часто применяется как общий термин для любого эмотикона (изображения эмоции не графикой, а знаками препинания). Смайлики нужны нам для выражения наших эмоций. Они очень забавные и придают простому тексту немного динамики. <h2>Как установить смайлики на сайт? </h2> </blockquote> Для того, чтобы установить смайлики на сайт, а в данном случае у нас сайт на движке вордпресс, существуют своеобразные помощники плагины. Сегодня мы рассмотрим один из плагинов, который автоматически легко добавит смайлики на ваш сайт и тем самым украсит его разнообразными эмоциями. Называется этот плагин wp-Monalisa и установить его на сайт можно двумя способами. Первый способ – это как обычно зайти в админ. панель вашего сайта, в раздел Плагины – Добавить Новый и в поисковой строке вписать название плагина. Установка стандартная. Второй способ – это скачать его на официальном сайте по адресу: http://wordpress.org/plugins/wp-monalisa/ И, скачав на компьютер, проверить антивирусом и потом зайти в панель администрирования сайта: Плагины – Загрузить – Выбрать файл – Установить – Активировать. <img src='https://i0.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-13_212604.png' align="center" width="100%" loading=lazy> После установки этого плагина появится раздел в админ. Панели сайта: wp-Monalisa. <img src='https://i2.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-13_223056.png' align="center" width="100%" loading=lazy> Когда вы зайдёте первый раз после установки, то увидите, что у вас появилась вот такая строка: <img src='https://i0.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-13_222500.png' width="100%" loading=lazy> Она переводится как: Пожалуйста, выключите Настройки -> Написание -> Преобразование смайликов, для того, чтобы использовать плагин WP-Monalisa смайликов). Сейчас так и сделаем. Идём в Настройки (Параметры) – Написание – И снимаем галочку в пунктике: Преобразовывать смайлики наподобие и:-P в картинки. <img src='https://i2.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-13_223411.png' align="center" width="100%" loading=lazy> <img src='https://i1.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-13_223702.png' align="center" width="100%" loading=lazy> Обновляем страницу с настройками плагина и видим, что строка исчезла. Теперь рассмотрим настройки плагина WP-Monalisa. Пункт – Iconpath – это путь, где располагаются картинки иконок. Можно по экспериментировать и прописать свой путь, где будут располагаться смайлики. Предварительно надо закачать на хостинг свою папку с набором нужных смайликов, и плагин сам эти смайлики определит. Следующий пункт Show smilies on edit – показывать смайлики в редакторе, то есть показывать смайлики в редакторе ваших записей. Show smilies on comment – этот пунктик обозначает, что смайлики будут отображаться в комментариях . <img src='https://i1.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-13_233745.png' width="100%" loading=lazy> Если мы зайдём в редактирование записи, то появится новое поле со смайликами, которые можно вставлять в текст статьи. Как же теперь настроить плагин? Рассмотрим настройки поподробнее. Replace emoticons with html-images – обозначает, как смайлики будут отображаться в поле комментариев. Например, я нажимаю на рожицу, чтобы вставить в текст, и появляется длиннющий код ссылки, вот такой: <img src='https://i0.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-13_234743.png' align="center" width="100%" loading=lazy> Желательно этот пункт отключить, чтобы не пугать своих комментаторов. Для этого снимаем эту галочку. <img src='https://i1.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-13_234945.png' align="center" width="100%" loading=lazy> Проверяем, как это работает. Нажимаем в комментариях на рожицу и теперь видим, что это выглядит уже более симпатично, чем большой кусок ссылки. <img src='https://i0.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-13_235654.png' align="center" width="100%" loading=lazy> Следующий пунктик Replace emoticons with html-images – означает, как именно вы хотите отображать смайлики: иконка, текст или оба варианта. Попробуйте разные варианты, но мне кажется, что предпочтительнее будет оставить только значение иконки. Show smilies in a table – Это способность показывать смайлики в виде вертикальной таблицы. Вкусы у всех разные и дизайн сайта тоже, поэтому вы можете выбрать этот пунктик, поставив галочку или оставить горизонтальное расположение смайликов по умолчанию. Также можно задать количество столбцов. Show smilies as Pulldown – показывать смайлики в виде выпадающего списка. Здесь можно задать количество самых популярных смайликов, чтобы они отображались в том количестве, который вам наиболее благоприятен. У меня галочка не стоит на этом пунктике и выводятся все смайлы. Но это кому как нравится! Если у вас их очень много, то желательно не загромождать пространство и активировать этот пунктик. Show tooltip for icons – показывать подсказки для смайликов. То есть, если пунктик активирован и вы курсором мышки наводите на смайлик, то будет отображаться подсказка эмоции смайлика. Это тоже на ваше усмотрение. У меня подсказка стоит, поэтому вы можете оценить это прямо сейчас на моём сайте в комментариях. Не забывайте нажимать на сохранение всех изменений, чтобы они вступили в силу. <img src='https://i0.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-13_235423.png' align="center" width="100%" loading=lazy> Стрелочками можно поменять расположение смайликов. Например, просто передвигая стрелочки вверх или вниз, вы передвигаете сам смайлик и тем самым определяете его место в иерархии смайликов при отображении на сайте. <img src='https://i1.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-14_002256.png' align="center" width="100%" loading=lazy> Теперь рассмотрим, как добавить новый смайлик в нашу базу данных. Для этого нужно зайти на хостинг, в корневую папку плагина, которая находится по следующему пути. Если у вас хостинг Спринхост, то по следующему пути: Дополнительно – Файловый менеджер — public_html — сайт (здесь название вашего сайта) — wp-content – plugins — WP-Monalisa – icons. В папке icons лежат все смайлики вашего плагина. И сюда можно закачать любой смайлик, который вам захочется. <img src='https://i2.wp.com/internetkapusta.ru/wp-content/uploads/2013/10/2013-10-14_004127.png' align="center" width="100%" loading=lazy> Для этого надо заранее скачать себе на компьютер архив интересных смайликов. Вот и всё. Мы разобрались, как <h3>Как установить смайлики на сайт? Плагин wp-Monalisa.</h3> Плагин работает отлично и надеюсь доставит удовольствие и разнообразит эмоции при написании текста. Если вам была интересна и полезна данная статья, то не забывайте делиться информацией с друзьями – нажимайте на кнопочки социальных сетей!!! С уважением автор – Лариса Мазурова. Посмотрите замечательную песню про смайлик в исполнении Верки Сердючки: И снова здравствуйте! Не помню точно что натолкнуло меня на мысль установить смайлы на этот сайт. Вроде знакомый устроил мне разбор смайлов в мессенджере «QIP infium», которым я пользуюсь уже не первый год и я загорелся желанием прикрутить смайлики сюда. Немного поискав подходящий плагин для WordPress, наткнулся на этот , решил использовать его, но не тут-то было - я хотел другой вывод, и хотел упростить проверку на замену символов на смайлики. А еще, мне не нужно было так много смайликов . Все свои желания я конечно мог реализовать, отредактировав вышеупомянутый плагин, но я как-то, почти случайно, начал писать свой код, который в итоге превратился в плагин, вроде довольно удачный <h2>О плагине смайликов для WordPress</h2> Что делает плагин: <ul><li>заменяет стандартные смайлики WordPress, на смайлики из QIP.</li> <li>добавляет список смайликов к полю комментирования. Какие смайлики попадут в список указывается в настройках.</li> <li>добавляет смайлики в админ-панель, где можно легко их вставлять при ответе на комментарии или написании поста.</li> <li>упрощает поиск и замену кодов смайликов в тексте.</li> </ul><h2>Настройки Kama WP Smiles</h2> Расскажу немного о настройках <h5>Ручная вставка блока смайликов в форму комментирования</h5> Плагин автоматически добавляет смайлики к форме комментариев (textarea). Однако может получиться так, что нормально встроить список у плагина не получиться. В таком случае, вы можете вставить блок смайликов вручную, в любое место шаблона. Для этого оставьте поле "Авто-вставка смайлов" в настройках пустым, так вы отключите авто-вставку, и при помощи php кода вставьте блок в нужное место шаблона (обычно где-то в файле comments.php): <?php echo kws_get_smiles_html("id_формы_комментирования"); ?> Этот код выведет блок смайликов. <h5>HTML теги исключения</h5> В этой настройке можно указать HTML теги, текст в которых не будет обрабатывался плагином. Например, если там указать code , то следующий код не будет обработан плагином: <code>улыбочка:)</code> . Теги нужно указывать через запятую. <h5>Специальные обозначения смайликов (смайлики исключения)</h5> По умолчанию смайлики определяются в тексте по коду (:название_файла_смайлика:) , но есть исключения. Например смайлик обозначается как:-) или:) или =) , а его родной код (:smile:) . По умолчанию 3 таких исключения: :) :(:D . Такое ограничение связано с небольшой оптипизацией... Такие исключения можно настроить в плагине. <h5>Редактируем внешний вид</h5> Если вас не устраивает как выглядит список смайликов, то его можно отредактировать, при условии что вы знаете css, для этого нужно изменить CSS правила в поле "CSS стили". Чтобы стили не хранились в настройках, стили можно скопировать в свой файл стилей, при этом удалить их из настроек. <h2>Установка своего комплекта смайлов</h2> Если вы не увидите смайликов, которые бы вы хотели иметь у себя на блоге, не нужно расстраиваться . Вы легко можете дополнить/заменить смайлы на свои . Чтобы дополнить список, всего-то нужно создать рядом с папкой плагина папку kama-wp-smile-packs и добавить в нее свой комплект смайликов-картинок. Т.е. в итоге у вас должна получиться такая папка с картинками смайликов: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif . После создания такой папки, нужно зайти в настройки и выбрать новый появившейся пакет смайликов. В тексте записи будет использоваться конструкция (:название_файла:) . Например, если вы добавите картинку emotion.gif в тексте этот смайл будет вставляться как (:emotion:) . В названии файлов допускаются только нижний регистр латинских букв a-z , цифры 0-9 , знаки - и _ . Если файл имеет какие то другие знаки, то он не будет работать. <h2>Фильтрация - удаление кода смайликов из текста</h2> Если нужно где-то отфильтровать текст (не показывать код смайликов), то примените такой фильтр: $text = "Пробный текст (:good:)"; $text = preg_replace("/$:{0,15}:$/", "", $text); echo $text; // вернет: Пробный текст <h2>Как встроить плагин в другие поля, например в BbPress, Quick Chat</h2> Плагин по умолчанию работает только для комментариев и записей. Если нужно «прикрутить» его куда-то еще, то вам пригодятся следующие функции и немного знаний css: <ul><li>kws_get_smiles_html($textarea_id) - выводит блок смайликов для textarea</li> <li>kws_convert_smiles($content) - обрабатывает контент на выходе, чтобы сделать из кодов смайлов картинки</li> </ul>В случае внезапных проблем, глюков, багов и «ещечего» или если просто появится желание написать что-то примерно такое - , пишите в комментарии <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> <div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div> </article> <div class='yarpp-related'> <div class="related-posts-title">Похожие публикации:</div> <ul class="related-items"> <li> <img src="/uploads/d69643c3ef255e81c265130d98db86bd.jpg" width="180" height="160" alt="Бухгалтерам, юристам, руководителям ип, ооо Бухгалтерская отчетность за 3 квартал" loading=lazy> <a href='/technologies/buhgalteram-yuristam-rukovoditelyam-ip-ooo-buhgalteram/' class='related-item__title'>Бухгалтерам, юристам, руководителям ип, ооо Бухгалтерская отчетность за 3 квартал</a> </li> <li> <img src="/uploads/eff1e99a533321884408efb02c0f1bd6.jpg" width="180" height="160" alt="Как заполнить декларацию по земельному налогу Бланк декларации на земельный налог" loading=lazy> <a href='/auto/nalogovaya-deklaraciya-po-zemelnomu-nalogu-kak-zapolnit/' class='related-item__title'>Как заполнить декларацию по земельному налогу Бланк декларации на земельный налог</a> </li> <li> <img src="/uploads/932d2bd45ad6d4bb61390b4ce29c922f.jpg" width="180" height="160" alt="Какие налоги платит индивидуальный предприниматель (ИП)?" loading=lazy> <a href='/technologies/kakie-nalogi-i-kuda-platit-ip-kakie-nalogi-platit-individualnyi-predprinimatel-ip-kakie-nalogi/' class='related-item__title'>Какие налоги платит индивидуальный предприниматель (ИП)?</a> </li> <li> <img src="/uploads/140dcde2e5a2d9fe4913633c0a90b8ba.jpg" width="180" height="160" alt="Правила получения налогового вычета на квартиру: порядок оформления и какие документы для этого нужны" loading=lazy> <a href='/interesting/3-ndfl-dokumenty-na-imushchestvennyi-vychet-pravila-polucheniya-nalogovogo/' class='related-item__title'>Правила получения налогового вычета на квартиру: порядок оформления и какие документы для этого нужны</a> </li> </ul> </div> <style> .nafAdaptMedia { width: 100%; height: 300px; } @media(min-width: 500px) { .nafAdaptMedia { width: 100%; height: 300px; } } @media(min-width: 800px) { .nafAdaptMedia { width: 100%; height: 300px; } } </style> <style> .nafAdaptText { width: 100%; height: 300px; } @media(min-width: 500px) { .nafAdaptText { width: 100%; height: 300px; } } @media(min-width: 800px) { .nafAdaptText { width: 100%; height: 300px; } } </style> </div> <div id="rightColomn"> <div class="title">Категории</div> <aside> <ul id="asidemenu" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/auto/' class='menu-image-title-after menu-image-not-hovered'>Авто</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/interesting/' class='menu-image-title-after menu-image-not-hovered'>Интересное</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/science-and-technology/' class='menu-image-title-after menu-image-not-hovered'>Наука и техника</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/construction/' class='menu-image-title-after menu-image-not-hovered'>Строительство</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href='/category/technologies/' class='menu-image-title-after menu-image-not-hovered'>Технологии</a></li> </ul> </aside> <div class="banner" id="text-4"> <div class="textwidget"> </div> </div> </div> </div> </div> <div class="hfooter"></div> </div> <footer> <div class="container"> <ul> <li><a href='/sitemap.xml'>Карта сайта</a></li> </ul> <div class="copy">© 2024, brkm.ru - Наука и техника. Технологии. Строительство. Интересное </div> </div> </footer> <script type="text/javascript"> jQuery(document).ready(function(){ var q2w3_sidebar_1_options = { "sidebar" : "banner", "margin_top" : 10, "margin_bottom" : 0, "screen_max_width" : 0, "width_inherit" : false, "widgets" : ['text-4'] } ; q2w3_sidebar(q2w3_sidebar_1_options); setInterval(function () { q2w3_sidebar(q2w3_sidebar_1_options); } , 1500); } ); </script> <script type='text/javascript' src='https://brkm.ru/wp-content/plugins/akismet/_inc/form.js?ver=3.1.10'></script> <script type='text/javascript' src='https://brkm.ru/wp-content/plugins/fitvids-for-wordpress/jquery.fitvids.js?ver=1.1'></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('body').fitVids(); } ); </script><script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) { (function($){ $(document).ready(function(){ if ( !!window.SLB ) { { $.extend(SLB, { "context":["public","user_guest"]} );} } })} )(jQuery);} /* ]]> */</script> </body> </html>