WordPress как на ладони
WordCamp Saint Petersburg 2018 wordpress jino

Kama WP Smiles: gif, skype смайлики

И снова здравствуйте! hi

Не помню точно unknw что натолкнуло меня на мысль установить смайлы на этот сайт. Вроде знакомый устроил мне разбор смайлов в мессенджере «QIP infium», которым я пользуюсь уже не первый год victory и я загорелся желанием прикрутить смайлики сюда.

Немного поискав search подходящий плагин для WordPress, наткнулся на этот, решил использовать его, но не тут-то было negative - я хотел другой вывод, и хотел упростить проверку на замену символов на смайлики. А еще, мне не нужно было так много смайликов no . Все свои желания я конечно мог реализовать, отредактировав вышеупомянутый плагин, но я как-то, почти случайно, начал писать свой код, который в итоге превратился в плагин, вроде довольно удачный  bravo

О плагине смайликов для WordPress

Что делает плагин:

  • заменяет стандартные смайлики WordPress, на смайлики из QIP;

  • добавляет список смайликов к полю комментирования. Какие смайлики попадут в список указывается в настройках;

  • добавляет смайлики в админ-панель, где можно легко их вставлять при ответе на комментарии или написании поста;

  • упрощает поиск и замену кодов смайликов в тексте.

Скачать

Скачать: Kama Wp Smile
Скачать с каталога WordPress. Последняя версия.
Скачано: 366, размер: 306.2 KB

.

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

Расскажу немного о настройках secret

Ручная вставка блока смайликов в форму комментирования

Плагин автоматически добавляет смайлики к форме комментариев (textarea). Однако может получиться так, что нормально встроить список у плагина не получиться. В таком случае, вы можете вставить блок смайликов вручную, в любое место шаблона. Для этого оставьте поле "Авто-вставка смайлов" в настройках пустым, так вы отключите авто-вставку, и при помощи php кода вставьте блок в нужное место шаблона (обычно где-то в файле comments.php):

<?php echo kws_get_smiles_html( 'id_формы_комментирования' ); ?>

Этот код выведет блок смайликов.

HTML теги исключения

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

<code>улыбочка :)</code>.

Теги нужно указывать через запятую.

Специальные обозначения смайликов (смайлики исключения)

По умолчанию смайлики определяются в тексте по коду (:название_файла_смайлика:), но есть исключения. Например смайлик  smile обозначается как  :-) или :) или =), а его родной код  (:smile:). По умолчанию 3 таких исключения:  :) :( :D. Такое ограничение связано с небольшой оптипизацией... Такие исключения можно настроить в плагине.

Редактируем внешний вид

Если вас не устраивает как выглядит список смайликов, то его можно отредактировать, при условии что вы знаете css, для этого нужно изменить CSS правила в поле "CSS стили". Чтобы стили не хранились в настройках, стили можно скопировать в свой файл стилей, при этом удалить их из настроек.

Установка своего комплекта смайлов

Если вы не увидите смайликов, которые бы вы хотели иметь у себя на блоге, не нужно расстраиваться don-t_mention. Вы легко можете дополнить/заменить смайлы на свои yu .

Чтобы дополнить список, всего-то нужно создать рядом с папкой плагина папку kama-wp-smile-packs и добавить в нее свой комплект смайликов-картинок. Т.е. в итоге у вас должна получиться такая папка с картинками смайликов: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif. После создания такой папки, нужно зайти в настройки и выбрать новый появившейся пакет смайликов.

В тексте записи будет использоваться конструкция (:название_файла:). Например, если вы добавите картинку emotion.gif в тексте этот смайл будет вставляться как (:emotion:).

В названии файлов допускаются только нижний регистр латинских букв a-z, цифры 0-9, знаки - и _. Если файл имеет какие то другие знаки, то он не будет работать.

Фильтрация - удаление кода смайликов из текста

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

$text = "Пробный текст (:good:)";
$text = preg_replace('/\(:[a-z0-9-_]{0,15}:\)/', '', $text );
echo $text;

// вернет: Пробный текст

Как встроить плагин в другие поля, например в BbPress, Quick Chat

Плагин по умолчанию работает только для комментариев и записей. Если нужно «прикрутить» его куда-то еще, то вам пригодятся следующие функции и немного знаний css:

  • kws_get_smiles_html( $textarea_id ) - выводит блок смайликов для textarea
  • kws_convert_smiles( $content ) - обрабатывает контент на выходе, чтобы сделать из кодов смайлов картинки

--

В случае внезапных проблем, глюков, багов и «ещечего» или если просто появится желание написать что-то примерно такое - good, пишите в комментарии  mail

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

Спасибо за внимание thank_you

Kama WP Smiles: gif, skype смайлики 233 коммента
Полезные 8 Все
  • Сергей cайт: wp-text.com

    Проверил на самопальной форме комментариев, и нормально выводится. Спасибо good2

    Ответить3 месяца назад #
  • Миша cайт: dolinacoda.ru

    Что радует меня в вашем плагине смайлов, так это легковесность решения. До этого стояли другие смайлы и грузились они аж 2,5 секунды + 21 http-запрос. Для сравнения ваш плагин что-то там около 0.1 сек и 1 http запрос.

    1
    Ответить3 месяца назад #
  • Bahus-4 cайт: dendrblog.ru/must-have-dlya-blogera/gde-...

    Добрый день.
    А можно ли как-нибудь подружить ваш плагин с плагином ARK WYSIWYG Comment Editor с включенным в нем редактором CKEditor. Сам редактор там, где ваш плагин создает смайлик для открытия всех смайлов редактор вставляет свои ссылки body и p. В итоге при нажатии на смайлик открываются все, но при выборе нужного в окне редактора он не появляется.
    В плагине ARK WYSIWYG Comment Editor есть тоже смайлы от Qip, но в вашем плагине это сделано намного удобнее. У вас можно выбрать только нужные, а там вся куча и открываются в отдельном окне.
    В плаине ARK WYSIWYG Comment Editor есть еще редактор TinyMCE, но он на моем шаблоне не отправляет комментарии.
    На картинке хорошо видна проблема со смайлами:
    https://d.radikal.ru/d38/1801/bb/67bddc3aaa2c.gif
    Перемещение стартового смайлика в правую часть окна (как в вашей форме комментирования) не помогает. Надеюсь на ваш опыт.

    Ответить3 месяца назад #
  • Владимир

    Крутая вещь good2 Но я столкнулся с небольшой проблемой. Использую на своем сайте плагин комментов wpDiscuz. Так вот, в нем обычное текстовое поле коммента имеет ID = "wc-textarea-0_0" его и вписал - смайлы отображаються. А вот поле ответа на чей-то коммент имеет совсем другой ID, и в поле ответа соответственно смайлов нет. Вопрос: как можно вписать несколько ID поля комментирования, чтобы смайлы выводились везде?

    Ответитьмесяц назад #
    • Kama5188

      Плагин требует существенной доработки, которой к сожалению в ближайшее время не ожидается - время нет... Насколько я помню, в последний версии, я добавил возможность указать не только ID но и класс поля, попробуй класс указать и по классу прицепиться. Наверняка там у полей есть свой класс одинаковый для всех полей... unknw

      Ответитьмесяц назад #
  • Александр

    Добрый день.

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

    Ответить27 дней назад #
    • Kama5188

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

      Ответить25 дней назад #
      • Александр

        Я и имел ввиду, что комплект я выбрал, а смайлы из этого комплекта не появились в выборе, я не могу их снизу наверх перетащить, т.к. их нет.
        Надеюсь, нормально объяснил)

        Yes
        Ответить25 дней назад #
        • Kama5188

          Не знаю, на этом сайте все работает, что-то не то делаешь похоже... Текущей инфы недостаточно чтобы дать дельный совет...

          Ответить25 дней назад #
          • Александр

            Странно. А что не то там можно делать? Попробую ещё вручную картинки переложить из нужного мне набора в стандартный набор.
            Такое ощущение, что просто выбор набора не работает.
            Не утверждается выбранный набор.

            Ответить25 дней назад #

Здравствуйте, !

Ваш комментарий
Предпросмотр