Kama WP Smiles

Смайлики WordPress для комментариев, страниц и записей

Мир графики, чудес, снов! Хочется взлететь, да не получается, эмоции и желания подавляются. Человечество всегда стремиться к высшему, то что находиться за гранью понимания, но так и нуждается в познании.

Мы пишем сообщения, комментарии и понимаем, что чего-то не хватает: может нам нужно установить смайлики для wordpress?

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

 

 

Установка Kama WP Smile

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

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

 

Плагин добавить

 

 

Выбираем тип поиска: слово.

Вводим в поисковую строку «Kama» и нажимаем на клавиатуре Enter.

Результаты поставляются в виде списка, мы без труда найдём «Kama WP Smiles» и кликнем установить.

Kama

 

 

Мы установили плагин, теперь нужно его активировать / Нам повезло, разработчики не забросили Каму и ежегодно радуют нас обновлениями.

Activ

 

 

Настройка Kama WP Smiles

Чтобы попасть в «управление плагином», нам надобно выбрать настройки и щелкнуть по Kama WP Smiles.

Смайлики обозначенные пунктиром — работают: будут видны как в редакторе, так и комментариях.

Не понравился смайлик? Брякните по нему (ЛКМ) и он станет неактивным. Также нужно поступать и с недействующими смайлами, которые желаете задействовать.

 

Smile WP

 

 

Загружаем свои смайлики

Где взять смайлы? Скачайте огромный пакет «эмоций» по ссылочке ниже, либо найдите в интернете.

Скачать ZIP архив анимированных и прикольных смайликов

Обратите внимание, что вы скачаете архив ZIP формата, который нужно раскрыть с помощью Winrar, либо же использовать для этих целей программу 7zip.

Все смайлики обязательно должны быть с окончанием «gif», иначе, смайлы не будут отображаться.

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

Используйте звучные имена, к примеру, «Lybov.gif» или «podarok.gif».

 

 

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

Админка не поможет, нужно бежать в файловые корни сайта. Для этих целей, можно использовать встроенный FTP клиент (если имеется), либо же качать бесплатную FileZilla.

А каков путь?

название сайта (или БД) — Public HTML — wp-content — plugins — kama wp smile — smiles

Перетаскиваем «эмоции» с компа  в папку smiles, либо копируем и вставляем.

Ненужные смайлы проще заменить на новые:

«назовите новый смайл именем, которое уже имеется в папке smiles.»

Смайлики

 

 

Смайлики некорректно работают или не отображаются?

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

Прежде всего, переходим в настройки плагина и  находим под смайлами «Id поля комментирования». В эту строку мы пробуем ввести comments вместо comment (иногда у меня срабатывало).

Если всё тщетно,  то стираем строчку comment и внедряем код для отображения смайлов самостоятельно:

<?php echo kama_sm_get_smiles_code( $textarea_id ) ?>

Замена на Comments

 

 

В админке идём во «внешний вид» и брякаем по «редактору».

Находим comment.php или comments.php в графе «шаблоны»

Нажимаем сочетание клавиш Ctrl + F и вводим Textarea в появившееся поисковое окно. 

Если нашли textarea, то внедряйте  <?php echo kama_sm_get_smiles_code( $textarea_id ) ?> до Textarea или после него.

Textarea — это код вывода формы для создания комментариев.

textarea

 

 

 

Пиши буквы — получай смайлики

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

Тут мы можем заменить названия на указанную формулу:

Например, пишем «новое название смайла >>> вбиваем неудачное имя смайла (у меня это pardon)».

Теперь наш смайл называется не Pardon, а улыбка. Куда бы вы не ввели слово улыбка (в редактор или комментарий), везде этот текст преобразится и вместо него вы увидите радужный смайл.

Смайлик отныне будет функционировать только с другим названием! Старое обозначение перестанет работать! 

Смайлы можно обернуть в скобки (по умолчанию их нет), чтобы комментатор ненароком вместо слова не поставил смайл. Это актуально, если у вас смайлы в образе популярных Русских слов, либо же цифр.

Обозначения для smile WordPress

 

 

 

Визуальное изменение плагина

Отправляемся снова в настройки Kama WP Smiles и находим графу «Дополнительные CSS  стили».

Меняем размер и цвет (если хотим):

 Изменение фона (при выборе смайликов)  .sm_container {
background: yellow; }
 yellow — желтый цвет

Можете указать любой другой.

 Добавление тени к форме smile  .sm_container { box-shadow: 0 0 10px rgba(30,15,0,45.5); }  для этих целей, мы используем атрибут  box-shadow и подходящий теневой цвет (rgba).
 Закругляем уголки у нашей формочки  .sm_container { border-radius: 10px; }  Завернутые углы с подкоркой border (рамка)
 Прозрачность  .sm_container  { opacity: 0.9; }  Чем меньше показатель, тем больше прозрачность, много не надо, иначе смайлы будут выглядеть невкусно.
 Цвет при выборе смайлов с помощью куросра  .sm_container .smiles_button:hover{ background-color: #F9858B; }  #F9858B — это мой розоватый привкус для смайлов, можете указать свой!
 Внешний вид Курсора: если навести на smile при выборе.  .sm_container .smiles_button{ cursor:help; } Изначально, нам дают курсор в образе указательного пальца, но я решил забабахать свою версию: курсор с вопросом, по моему в самый раз!
Размер прямоугольника — в котором находятся смайлы .sm_container { left:0px; width:600px;
top: -50px; }
Width — ширина. Top — высота.

 

 

Что получилось? Скопируйте этот код и вставьте в дополнительные CSS стили:

.sm_container {
 box-shadow: 0 0 10px; rgba (255,255,255,.9);
 background: yellow;
 border-radius: 10px;
 opacity: 0.9;

left:0px; width:600px; 
 top: -50px;
 }

.sm_container .smiles_button:hover{ background-color: #F9858B; }

.sm_container .smiles_button{ cursor:help; }

Курсор с вопросом

 

 

life Smile

На деле мы видим лишь один смайлик, но стоит навести на него курсор мыши, как тут же перед нами появляется анимированный хоровод!

Navesti-kursor-smile

 

 

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

Для веб-мастера тоже есть смайлики, они «вшиты» в редактор и не отвлекают от работы в WordPress.

Смайл

 

 

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


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

insert emoticons