Делаем смайлы в WordPress с помощью плагина

Опубликовано: 22.06.2015 | 1018

Как сделать смайлы в WordPress?

Всем привет. Наш горячо любимый движок wordpress является довольно гибким, надёжным и функциональным. Однако, как я уже говорил, большую часть функционала он оставляет разработчикам плагинов. Сегодня я хочу рассказать Вам о том, как сделать смайлы на cms WordPress, тем самым разбавить текст красочными и тематическими улыбками.

По традиции, составлю содержание поста.

Содержание:
1. Для чего нужны смайлы блогу?
2. Как сделать смайлы на блоге с помощью плагина?

На своём блоге я использую плагин «WP Monalisa». Дополнение довольно популярное, функциональное и не слишком требовательное к ресурсам. Настройка очень гибкая и позволяет загружать собственные смайлы и ставить на них собственные коды и символы. В общем, о самом плагине дальше. Сейчас немного о самих смайлах.

Что такое смайл и для чего он нужен на блоге?

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

Если посмотреть на любой ресурс в интернете, то 9 из 10 содержат в себе такие вот картинки. Обычно возможность их использования даётся в комментариях и обсуждениях, но некоторые применяют их и в теле статьи, как, собственно, и я :razz: .

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

Отсюда можно сделать вывод, что смайлы предназначены для выражения своих эмоций с помощью небольшой картинки, которая выводится с помощью определённой группы символов или специального кода (например :code: или ;) ).

Как сделать смайлы на WordPress с помощью плагина?

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

Ну а теперь, собственно, к делу. После того, как Вы установили и активировали плагин, у Вас в панели управления блогом появится такой вот раздел.Настройка плагина wp monalisaПлагин содержит всего-лишь одну страницу настроек. Но это не все телодвижения, которые нам нужно сделать. Об это далее.

Для начала рассмотрим настройки самого плагина, которые мы увидим при переходе на страницу wp-monalisa из админ-панели шаг за шагом.

Шаг 1: переходим на страницу настроек и выставляем всё точно так, как показано на рисунке ниже.Настройка плагина wp monalisaВы можете возразить, что у меня не стоит галочка напротив бокса «Show smiles on comment». Да. Это так. Но это только первый шаг. Вывод смайлов мы всё равно сделаем. Переходим ко второму шагу.

Шаг 2. Добавляем свои смайлы и присваиваем им собственный код, по которому они будут выводится.Настройка плагина wp monalisaЗдесь всё просто. Заливаем подготовленные смайлы в папку, которая указана в шаге 1 в поле «Iconpatch». После чего вбиваем код, по которому будет выводится смайл и выбираем необходимый из списка. Галочки «On post» и «On comment» конечно же оставляем активными, чтобы оставалась возможность использовать смайлы как в комментариях, так и при написании статьи.

Плагин содержит в папке со смайлами графику по умолчанию. Но я советую заменить их на те, которые нравятся Вам, так как стандартные слишком уж скучные и устаревшие что-ли. Я же использую стандартные плагины Skype.

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

Шаг 3: Отключаем стандартное конвертирование символов в картинки в настройках wordpress.

Для этого переходим в «Настройки» — «Написание».Настройка плагина wp monalisaСнимаем галочку, как показано на рисунке, если она у Вас активна. Этим самым мы не будем давать wordpress работать с символами для смайлов стандартными средствами, а оставим это дело плагину.

Шаг 4: Редактируем тему оформления.

Ну и последним шагом будет добавление небольшого кода в файл functions.php Вашей темы оформления.

Здесь есть такой момент. Если Вы поставите галочку, про которую я говорил в шаге 1, то смайлы будут выводится над полем ввода комментария и код, описанный в текущем шаге вставлять не нужно. Но это некрасиво и не эстетично, что ли.

Ну а что бы сделать вывод смайлов под формой ввода текста, откройте файл functions.php, который находится в корне Вашей темы оформления и в самый конец вставьте код:

function comment_before_submit($return)
{
return $return .get_wpml_comment();
}

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

Пожалуй, я буду заканчивать свой рассказ. Надеюсь, Вы сегодня узнали о том, как сделать смайлы на WordPress и организовать Вам такой функционал на своём ресурсе не составит труда.

На этом у меня всё. Спасибо за Ваше внимание и до скорых встреч. С уважением, Александр Васильев.

БредТак себеНеплохоХорошоОтлично
Загрузка...
Подписка на новые статьи блога


Не будь жадиной! Поделись с друзьями :)



Комментарии к этой записи (Правила):

  1. AiM-9x (04.12.2015)



    Очень полезная тема! Тяжело на сегодняшний день представить красиво оформленный текст без смайлов. Мне даже иногда кажется, что когда смайлы не используются, человек, который пишет, выглядит так же — без эмоций на лице)) Наверное всё потому, что смайлы уже уверенно вошли в нашу повседневную жизнь, в наши тексты :) Интересно, что первый смайл был использован ещё в 1948-м году ;)

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

:arrow: 
:biggrin: 
:confused: 
:cool: 
:cry: 
:eek: 
:evil: 
:exclaim: 
:idea: 
:lol: 
:mad: 
:mrgreen: 
:neutral: 
:question: 
:razz: 
:redface: 
:rolleyes: 
:sad: 
:) 
:surprised: 
:twisted: