Блог Максима Войтика
Публикации о способах
заработка в интернете и SEO

Как добавить смайлы в комментарии плагином QIP Smiles и PHP кодом

05 декабря 2012
Комментарии: 36

wordpress смайлы в комментариях

Привет читатели seoslim.ru! В сети очень популярным среди пользователей является использование смайлов в комментариях.

Поэтому давайте разберемся, как создать на блоге wordpress смайлы различными способами.

Первый и самый простой способ чтобы оставлять в комментариях смайлики — это установить плагин QIP Smiles, но у него есть небольшой минус, так как все плагины тормозят блог, создавая дополнительную нагрузку на сервер.

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

Роль смайлов в комментариях и какие они бывают

Смайлики — это специальные лица (рожицы), которые выражают различные эмоции, чувства или настроение человека.

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

Сейчас я вам перечислю самые популярные смайлики, которые все используют:

1) Выражение эмоций

: -) — улыбка, счастье, радость;

:- ( — плохое настроение, грусть, печаль;

: -| — задумчивость, параллельное отношение или нейтральность;

: -D — смех;

2) Различные действия

; -) подмигивать;

:-@ орать или кричать в гневе;

:-X не говорить, держать рот на замке;

:-! негатив, тошнота, отвращение;

3) Персонажи

:-E оскаленный вампир с клыками;

:-F оскаленный вампир без одного клыка;

::-) зомби, мутант или пришелец;

[:] робот;

Как установить на wordpress смайлы плагином QIP Smiles

Начнем с самого простого способа, используя плагин QIP Smiles. Первым делом нам понадобиться скачать wordpress плагин qip smiles по этой ссылке.

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

Например, я все делаю через административную панель wordpress. Подробнее об этом я рассказывал в статье «Как установить плагины».

Еще нравится вариант, используя FTP клиента FileZilla, о котором я расскажу в следующей статье, так что подписывайся на обновления блога и не пропусти выход новых постов.

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

wordpress смайлы на блоге

Поэтому я открываю файл comments.php, так как именно он выводит блок комментирования на блоге, и вставляю в нужное мне место следующую строчку:

<?php if (function_exists('qipsmiles')) qipsmiles('ru'); ?>

Но учтите, что ее нужно вставить перед или после формой добавления комментария, которая задается с помощью тега TEXTAREA. У меня этот тег выглядит следующим образом:

<textarea id="comment" tabindex="4" name="comment" rows="10" cols="100%"></textarea>

Вот что в итоге должно получиться:

плагин qip smiles

Теперь проверяем результат проделанной работы. Изначально плагин всего выводит только 11 смайлов, чтобы выбрать больше нажмите на ссылку «Еще смайлы».

qip smiles установка плагина wordpress

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

Как вывести смайлы PHP кодом

В предыдущей статье «Все wordpress плагины блога» я рассказывал, как плохо влияет любой модуль на скорость работы площадки, так как создаются дополнительные запросы к базе данных MySQL.

В итоге я пришел к выводу, что необходимо потихоньку избавляться от плагинов, просто заменив их php кодом. Именно сегодня очередь подошла к плагину qip smiles.

Оказывается, в движке wordpress уже реализована функция вывода смайликов, а нам лишь останется добавить небольшой код в файл comments.php.

Не забудьте первым делом деактивировать и удалить плагин qip smiles, ели он у вас был, а так же удалить строчку в файле comments.php, для вывода смайлов в комментарии.

Далее копируем файл comments.php, находящийся в теме вашего блога к себе на рабочий стол, и открываем его редактором Notepad++. Рекомендую всем пользоваться Notepad++, очень хорошая и полезная программа.

ВНИМАНИЕ! Перед любым изменением php файлов, обязательно сделайте резервные копии этих файлов.

Идем дальше... Находим в файле comments.php строчку, начинающуюся с тега TEXTAREA, которая выводит форму добавления комментария. И в зависимости, где вы планируете вывод смайликов (перед формой или после нее), вставляем следующий код:

<!-- Smiles -->
 <script type="text/javascript">
 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="'.get_bloginfo('wpurl').'/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>';
 ?>
 <!-- Smiles -->

В этом коде прописан путь к wordpress смайлам вашего сайта:

wp-includes/images/smilies

Именно оттуда и загрузятся смайлики под форму добавления комментария.

смайлы без плагина

Как видите, получились очень простые и некачественный смайлы в комментария.

Поэтому я пошел немного дальше и заменил все файлы в папке со смайлами wp-includes/images/smilies на свои.

Обратите внимание на то, что если вы заменяете, например смайлик с именем icon_smile.gif, то и добавляемый должен быть такого имени.

Скачать все новые смайлы вы можете в этом файле распакуете его и замените старые рожицы  комментариев на новые из папки, а можете сами поискать их в интернете, поиск вам в помощь.

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

новые смайлы без плагина

Как видите нет ничего сложного в том, чтобы сделать на блоге смайлы без плагина.

Со временем я удалю таким образом все плагины, для которых есть альтернатива в виде PHP кода.

На этом у меня все. Теперь вы без труда сможете сделать на своем проекте смайлы в комментарии, используя как плагин Qip Smiles, так и PHP код. Всем пока!

(3 голос., в среднем: 3,67 из 5)
Загрузка...
С уважением, Максим Войтик
Буду рад, если нажмете на любую из кнопок:
Комментарии (36)
  1. Элина

    Спасибо за информацию. Я предпочитаю обходиться без плагина. В принципе некоторые отображаются в Вордпресс и так. 🙂

    Ответить
    • Максим Войтик

      Я сделал для удобства посетителей)))

      Ответить
  2. Лариса

    Спасибо, очень помогли. Я установила плагин все по вашей рекомендации. 💡

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

    Написал про некачественые стандартные смайлики, а сам взял и их оставил! Дурашка!!!

    Ответить
    • Максим Войтик

      Я писал про то, как заменить смайлики html кодом, чтобы не создавать нагрузку на блог. И смайлы поменял от тех, которые идут вместе с плагином... Грубите Натали?

      Ответить
  4. Alex

    Я вот всё мучаюсь вопросом и просто голова на куски рвётся. Как реализовать кнопку смайликов? Чтобы смайлики были не в длину, а под одной кнопкой «смайлики», нажимая на которую появляется окно со смайликами.

    Такая кнопка была бы удобна для интеграции в комментарии, на форумы и т.д., но как... должно быть очень просто, но это просто я уже несколько дней гуглю

    Ответить
  5. Оля

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

    Ответить
  6. Olga

    Скажите, пожалуйста, а куда вставлять код если у меня нет строчки

    Тема Twenty Eleven

    Ответить
    • Максим Войтик

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

      Ответить
  7. Михед

    Смайлики — прикольная вещь. Только мне больше нравятся от аськи 2005 года)

    Ответить
  8. Оля

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

    Ответить
    • Максим Войтик

      Пожалуйсто Оля, рад что у вас все получилось. Удачи!!!

      Ответить
  9. Регина

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

    Ответить
    • Максим Войтик

      Не понял вашего вопроса.

      Ответить
      • Регина

        По типу плагин Comment Images, который позволяет при отправке коммента прикрепить изображение

        Ответить
      • Максим Войтик

        Ничем не смогу помочь, так как с ним еще не работал.

        Ответить
      • Регина

        Все равно, спасибо за внимание!

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

    Подскажите пожалуйста, как эти смайлы увеличить в количестве? В WordPress их 22, а как допустим сделать 30? Я так понимаю имя под каждый смайл не изменяется по очень важной причине?

    Ответить
    • Максим Войтик

      А не пробывали добавить новые имена смайлов в папку со смайлами?

      Ответить
      • Ирина

        Если вы считаете, что можно самому называть смайлы (предварительно начав «icon_...»), то это просто именно то что нужно!!! 💡

        Но тогда еще один вопрос, как их свернуть в трей, что бы эти 30, а может и больше, смайлов не были на пол страницы? 😯

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

    Не пробовала, так как посчитала умнее будет, задать сначала вопрос, чем потом исправлять 🙂

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

    Можно еще один вопрос? У вас нету темы про создание опросов в WordPress? 🙄

    Ответить
    • Максим Войтик

      Ирина в левом верхнем углу есть поиск по блогу, введите запрос «Опрос» и посмотрите. Дали мне хорошую тему следующего поста, напишу про опросы.

      Ответить
      • Ирина

        Спасибо, буду ждать! ;-)

        Ответить
  13. Андрей

    Установил код...смайлы отображаются... но не работают...При нажатии ничего не срабатывает? В панели управления в разделе «написание»- они включены... в чем может быть дело?

    Ответить
  14. Лариса

    К сожалению, у меня тоже отображаются картинки смайлов, но они не вставляются в текст комментария. 🙁

    Ответить
    • Ворпдпресс-ф1

      Проблема может быть в том, что вы либо чего-то не дописали, либо что-то не изменили. Нужно детально посмотреть тег textarea и также в самом коде посмотреть идентификаторы с id

      Вот подпробно рассписала как пофиксить проблему — wordpress-f1.ru/smayliki-wordpress-ustanovka-problemyi-i-resheniya/

      Ответить
      • Лариса

        Спаcибо за совет . Действительно, в теге textarea не было id. После вставки id="comment" все смайлики заработали. 🙂

        Ответить
  15. Елена

    Максим, спасибо за статью. Скажите, пожалуйста, плагин wp-Monalisa сильно хуже QIP Smiles. У меня просто он стоит. Думаете поменять надо? В коде пока разбираться времени нет.

    Ответить
    • Максим Войтик

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

      Ответить
      • Елена

        Спасибо за ответ, Максим.

        Ответить
  16. Сергей

    Согласен на счет того, что лучше делать без плагинов! Я сделал без него. Все просто и понятно! Благодарю за помощь!

    Ответить
  17. Миха

    Спасибо вам, а то плагин QIP Smiles постоянно мне отправляет ошибку в error_log и этот файл может достигать до 100мб. за пару дней. Без плагина все как надо. ;-)

    Ответить
  18. Лара

    А у меня тема перестает работать, как только я код добавляю. Убила целый день на эти смайлики, будь они не ладны.

    Ответить
    • Максим Войтик

      Шаблоны все разные, ничего не поделаешь.

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

    Хороший плагин,раньше пользовался.

    Сейчас пользуюсь плагином wp-Monalisa

    Ответить
Оставить свой комментарий
* Нажимая на кнопку "Отправить" вы соглашаетесь с политикой конфиденциальности.
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]
Заработай в социальных сетях

© 2011-2024 seoslim.ru, блог Максима Войтика

Внимание! Копирование материала строго запрещено. Соблюдайте авторские права и уважайте труд других людей!

Adblock
detector