Смайлики в форме комментариев

Смайлик

Здравствуйте, уважаемые читатели блога WPnotes.ru. Сегодня хотелось бы продолжить серию заметок о комментариях WordPress, начатой несколько дней назад. И остановлюсь я на достаточно несерьезной на первый взгляд теме — смайлики.

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

Но начнем мы с того, что смайлики уже установлены в движке WordPress, возможно многие этого и не знают.

Для начала их использования достаточно всего лишь активировать эту функцию в админке.

Как в WordPress активировать смайлики?

Для этого пройдите в «Параметры» → «Написание» и в настройках публикации поставьте галочку в пункте «Преобразовывать смайлики в картинки», если же у вас данная функция уже активна, то смайлики и так должны работать.

настройки публикации WordPress

Для вывода смайликов нет только блока с их изображением, куда можно нажать и тогда у комментаторов  не будет необходимости знать символы которыми выводится та или иная рожица.

Если вас заинтересует набор символов заданных в WordPress, то найдете их в файле functions.php, расположенном в папке wp-includes прошу заметить, что это не тот же самый файл functions.php для вашей темы!

У меня значения смайликов символами расположены начиная с 2514 строки и вы без труда найдете задав в поиске Notepad++ тот же формат файлов 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',

Для добавления, например, грустного смайлика , достаточно написать «:sad:», только без кавычек, работает это как в постах, так и в комментариях.

Как добавить блок со смайликами под форму с комментариями

Для любителей сделать все быстро и просто есть стандартный ответ — плагины, ими можно реализовать почти любую функцию. На помощь придут Qip Smile или WP-Monalisa.

Но не стоит во всем полагаться на плагины — это тот самый случай, наряду с кнопкой наверх и пагинацией WordPress, когда достаточно легко можно сделать все самому.

На просторах интернета я без труда нашел нужный код, его необходимо вставить в файл comments-template.php в папке wp-includes. Пришлось некоторое время поискать подходящее место.

Если вы хотите вставить блок со смайлами над формой комментирования, то найдите строку (возможно придется методом тыка найти место в зависимости от шаблона):

<?php echo $args['comment_notes_before']; ?>

Если после, как решил сделать я, то ищите строку:

<?php echo $args['comment_notes_after']; ?>

А вот и сам код:

<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 class="smiles">'.$dm_showsmiles.'</div>';
 ?>

ID области для ввода комментария должны совпадать, в случае если у вас область имеет другое название — замените в обоих местах (строка 3), в противном случае смайлики работать не будут. ID легко узнать при помощи браузера, например Google Chrome, нажимаете правой кнопкой мыши на нужной области и выбираете «Просмотр кода элемента».

ID комментарияКонечный результат выглядит так — это стандартные смайлики WordPress.

смайлики в комментариях WordPressЧто делать если вам не понравились стандартные иконки смайликов?

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

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

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

Например, установим смайлик поцелуй и одобряю, я специально сделаю их большего размера для наглядности. Находим нужные рожицы, сохраняем в папку smiles и переименовываем их для порядка — по аналогии со встроенными в icon_kiss.gif и icon_up4.gif. Вставляем перед строкой:

':kiss:' => 'icon_kiss.gif',
 ':up4:' => 'icon_up4.gif',
 // This one transformation breaks regular text with frequency.

Сохраните файл и наши иконки должны появиться.

добавляем новые смайлики

При знании CSS, можно оформить блок на свое усмотрение. На сегодня все.

Понравилась статья? Поделитесь с друзьями:


 

Навигация по записям