Смайлики для сайта | плагин wp-monalisa

смайлики для сайта плагин wp-monalisa Сайтостроение

Смайлики для сайта. Сегодняшняя статья об интересном плагине wp-monalisa, который добавит веселых смайликов в форму комментирования на Ваш сайт. Также Вы сможете добавлять смайлы при написании статей.

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

Что Вы сможете узнать из статьи:

  1. Сначала мы посмотрим как нужно настроить плагин для корректной работы;
  2. Рассмотрим как можно добавлять дополнительные смайлики, которые Вы, возможно найдете в сети и захотите добавить их к себе на сайт;
  3. А также я дам Вам ссылку на скачивание набора симпатичных смайликов.

Как выглядят смайлы:

Как выглядят смайлы

 По желанию смайлики для сайта можно добавлять и другие, но об этом чуть позже. Первым делом нужно скачать сам плагин по ссылке http://wordpress.org/extend/plugins/wp-monalisa/установить и активировать его обычным способом, и затем в админке Вашего сайта перейти на вкладку «wp-Monalisa»:

вкладка плагина wp-Monalisa

Настройки плагина смайликов  wp-Monalisa

После перехода в настройки плагина  wp-Monalisa перед Вами будут следующие настройки:

настройки плагина wp-Monalisa

Можете оставить эти настройки как есть. Поставив «галочку» в надписи «Show smilies on edit» у Вас будет возможность вставлять смайлики при написании статей. При этом когда вы будете добавлять новую запись, справа в админке появится соответствующая панелька:

смайлики в админке сайта

Надпись «Show smilies on comment» обозначает «Показать смайлы при комментировании». Остальные настройки можете просто сами поэкспериментпровать, там ничего сложного, например можно настроить чтобы отображалась только часть смайликов, а остальные будут появляться при нажатии на надпись «more…».

Далее перед нами такие настройки, в которых можно настроить каждый конкретный смайлик:

Настройка смайликов по одномуПри помощи стрелочек можно менять местоположения смайликов, а также отметить какие смайлики показывать, а какие не показывать.

Мощный SEO плагин Clearfy

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

Как я уже говорила можно добавить в плагин wp-monalisa новые смайлики. В сети их очень много. Добавить их можно двумя способами. Первый способ — это добавление набора смайлов в виде «пака». Для этого нужно нажать на надпись «Import Smiley-Package»:

кнопка загрузки смайликов

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

Однако, скорее всего, смайлики, которые Вы захотите добавить будут у Вас на диске в виде простых отдельных файлов. Для того чтобы добавить смайлики по отдельности нужно, прежде всего, добавить их в папку  «icons» лагина wp-monalisa.

Путь к папке выглядит так: wp-content/plugins/wp-monalisa/icons/. Изображения смайликов должны быть в формате «gif». Затем перезагружаем в браузере страницу с настройками плагина wp-monalisa, и в списке ищем и выбираем новый добавленный смайлик:

как добавить новые смайлики в плагин

Теперь смайлику нужно прописать название и отметить галочками его отображение в комментариях и статьях:

названия для смайликов

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

скачать смайлики для блога в наборе

Симпатичные правда? Дарю вам архив в котором собраны смайлики, которые изображены на этой картинке, но, внимание, там нет тех смайликов, которые входят в плагин wp-monalisa изначально.

Скачать архив со смайликами

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

Как видите установка плагина смайликов wp-monalisa не сложная. Удачи!

Оцените статью
( Пока оценок нет )
Поделиться с друзьями
Авторский блог Светланы Слободенюк
Добавить комментарий

  1. Василий

    Здравствуйте! Не порядок! Не могу добавить к Вам, в комментарии Смайлики
    Вопрос Установил смайлы В комментариях, при добавлении смайлов, указывается путь к картинкам на хостинге, а не стандартные символы, типа P:  Так и должно быть?

  2. Светлана Слободенюк автор

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

    По-поводу пути к картинкам: такое отображение нормально, его дает настройка в плагине «Заменить иконки html-аналогами». Когда у меня этот пункт не был отмечен, смайлики отображались неправильно, были очень мелкими. А путь к картинкам виден только при написании коментария, после нажатия на кнопку «Отправить комментарий» все нормально будет отображаться.

  3. Василий

    Спасибо! Отличная статья! Установил себе Доволен

  4. Сергей

    Огромное спасибо !!!! Пост на совесть!!!!
    Столько сайтов перелапатил, а ответ у вас нашел!

  5. Юлия

    Здравствуйте!Установила плагин,но когда открыла для настройки вверху появилась надпись,выделенная розовым цветом: Пожалуйста, отключите Options -> Создать -> ‘Convert смайликов, как … » использовать WP-Monalisa смайликов) и смайлики на странице отображаются неправильно,вокруг них обводка в виде квадрата.Надеюсь понятно объяснила.Если можете,помогите чайнику.

  6. Светлана Слободенюк автор

    Скорее всего (если я правильно поняла), это плагин Вам написал что бы Вы убрали «галочку» в надписи «Преобразовывать смайлики наподобие ….. в картинки». Найти эту надпись можно зайдя в админке на вкладку «Параметры», далее «Написание», и снять там эту галочку. Попробуйте, должно помочь

  7. Юлия

    Спасибо,Светлана!Надпись исчезла, а вот рамка вокруг смайликов так и осталась.

  8. Светлана Слободенюк автор

    Чтобы убрать рамку попробуйте следующее:
    откройте файл Вашего шаблона style.php и найдите такую строчку: img.wp-smiley. В некоторых шаблонах (в частности в моем) такую строчку я нашла совсем в другом файле. Итак, если такую строчку Вы найдете, то там нужно дописать такое значение:
    [code]border: none !important;[/code]
    если такой строчки не найдете, то попробуйте в файл style.php добавить следующий код:
    [code]
    img.wp-smiley {
    border: none !important;
    }
    [/code]
    Только не забудьте предварительно сделать копию файла! чтобы в случае чего можно было бы вернуть все на место.

  9. Светлана Слободенюк автор

    Вот решение этой проблемы конкретно для Вашей темы:
    Открывайте файл style.php;
    Ищите такой кусочек кода::
    [code]
    .art-article img, img.art-article
    {
    border: solid 1px #F5870A;
    margin: 1em;
    }
    [/code]
    Это примерно строчка 966 (если откроете этот файл в редакторе Notepad++)
    И, теперь, меняете цифру 1 на цифру 0. В итоге должно получиться:
    [code]
    .art-article img, img.art-article
    {
    border: solid 0px #F5870A;
    margin: 1em;
    }
    [/code]
    Сохраняйте файл. Рамки вокруг смайликов должны исчезнуть.

  10. Татьяна

    Здравствуйте ,Светлана!Очень полезная и нужная статья!Мне как новичку,самое то,установила,все получилось,спасибо!

  11. Сергей

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

  12. Сергей

    Не получилось, грустно. Ладно, пусть остаются стандартные

  13. настя

    день добрый)) у меня почему-то под новыми статьями не отображаются смайлы(( подскажите, пожалуйста, как быть..

  14. настя

    все, решение нашла, установиля другой плагин, более «легкий» и удобный.

  15. Татьяна

    Спасибо за смайлики! Прикольные!

  16. sergey

    Изменил
    .art-article img, img.art-article
    {
    border: solid 4px #121212;
    margin: 1em;
    }
    на
    .art-article img, img.art-article
    {
    border: solid 0px #121212;
    margin: 1em;
    }
    исчезли все границы с фотографий. Нельзя ли со смайликов рамку убрать, а на фото оставить.

  17. Светлана Слободенюк автор

    Sergey, посмотрите вот эту статью: http://svetlanaslobodeniuk.com/kak-ubrat-ramku-so-smajlikov-vypuskaem-smajlikov-na-volyu.html возможно она поможет Вам убрать рамки со смайликов

  18. Елена

    Спасибо за рекомендации. Настроила плагин смайликов wp-Monalisa на своем сайте. Получилось прикольно.

  19. Светлана Слободенюк автор

    Пожалуйста, Елена. Да, со смайликами веселее на сайте)

  20. Юлия

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

  21. Светлана Слободенюк автор

    Насчет обновления точно не скажу, но думаю должно все остаться, я просто не обновляла плагин не разу. А что касается отображения смайликов кодом, так это я у себя так настроила, так как по-другому у меня смайлики вообще отказывались отображаться, тем более кодом отображение идет только при написании комментария, а после публикации комментария все ОК.

  22. Olga Blik

    Спасибо Светлана за такой простой и легкий пост! Сделала все, как вы и описали, теперь они радуют глаз в блоге!)

  23. Светлана Слободенюк автор

    Рада, что помогла Вам)

  24. Константин

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

  25. Светлана Слободенюк автор

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

  26. Ирина

    Добрый день! ➡
    У меня вместо смайла выводится три строки символов, весь путь до смайла расписан. Жаль! Видимо не совместился с моей темой.

  27. smile222

    😐 Проверка