Блог Алексея Гончарова
Не пропустите новые статьи!

Новые статьи блога на Ваш e-mail:

Канал блога на YouTube
Где в мире читают блог
Архивы
Волшебная кнопка

Как установить смайлики на сайт с плагином wp-monalisa и без, видео.

смайлики на сайтЗдравствуйте, друзья! *druzi* Рожицу увидели?  ;) Вот именно про появление этих рожиц у меня на сайте сегодня и пойдет речь. Наконец-то мне удалось победить смайлики и привинтить их к сайту! *dance* Расскажу, как установить смайлики на сайт, а заодно и покажу на видео. *klass*

Но сначала, давайте углубимся в вопрос, а нужны ли вообще, смайлики на сайте и что они дают? Если точнее говорить, то правильное название смайлика – эмотикон, :shock:  что, как пишет Википедия, обозначает графический символ выражения эмоции. Кстати, там же расписаны основные графические выражения основных эмоций – если не знаете, взгляните, пригодится. *secret*

Кто-то скажет, что и без смайликов на сайте тоже можно обойтись, а кто-то, как я, считает, что с ними лучше – у всех своё мнение. Но, согласитесь, что читать текст, снабженный симпатичными рожицами, уместно вкрапленными в свои места по ходу повествования, гораздо интереснее и привлекательнее глазу, чем простой набор букв, как в книгах.  :good: Да и возможность выразить свою эмоцию, как себе самому, так и читателям только добавляет привлекательности блогу! *kruto* Ведь мы же с вами в Интернете с его великим многообразием и могуществом возможностей, правильно? Так почему бы не использовать это себе во благо? *ok*

Но у вас, дорогой читатель, может возникнуть вопрос, почему про смайлики для wordpress я пишу только сейчас и почему не установил их раньше? *blush* Резонное замечание. :aga: Дело всё в том, что шаблон для своего сайта, где вы читаете эти строки, я сделал сам в программе Artisteer, *crazy* что в некоторой степени сказалось на работе с некоторыми плагинами и для смайликов тоже. :wacko:

Дело в том, что такая тема сайта в себе уже имеет свой собственный набор смайликов, который вы и видели до сегодняшнего дня, как на картинке ниже. *sick*

смайлики до

Но из-за этого набора один из самых популярных плагинов для смайликов с моей темой не работал, как я над ним не бился. То ли несовместимость, то ли один скрипт мешал другому, но факт остаётся – смайлики не работали.  *bums*  Пока я не нашёл другое решение, которым с вами сейчас и поделюсь.

Как установить смайлики на сайт с wordpress.

Вариант с популярным плагином qip smiles, который у меня не заработал,  *ne-a* но у вас вполне может заработать.

Сначала идёте на сайт к автору плагина, Жуку и качаете оттуда архив с плагином. Забрасываете его в сайт, активируете. Далее надо ручками «подковырять» код (кстати, как вставить код в статью недавно писал, если надо) в шаблоне комментариев comments.php. Ищете там строку вида:

<p><textarea name="comment" id="comment" cols="40" rows="10" tabindex="4"></textarea></p>

И сразу после неё вставляете такую строку:

<?php if (function_exists('qipsmiles')) qipsmiles('ru'); ?>

На этом плагин должен заработать и у вас должны появиться смайлики. *tease*

Но у меня этого не произошло, к сожалению. *zloy* Если у вас тоже, то читайте дальше – там есть решение!  B-)

Вариант установки смайликов без плагина. 

Если у вас на сайте тема (шаблон) тоже самодельный (или заказной, не важно), где в нём есть пункт Theme Options (Настройки темы),

опции темы

в котором есть галочка Use smilies in comments (Ипользовать смайлики в комментариях),

смайлы в комментах

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

Если у вас нет таких смайлов, вшитых в тему, то не используйте этот вариант – он вам не подойдёт! :cry: Опустите его и переходите к следующему.

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

по этой ссылке. *download*

Если ссылку на скачивание видно, то спасибо Вам за нажатия на кнопочки!  :)

Далее всё просто – идёте в свой хостинг, в файловый менеджер по адресу: ВАШ.САЙТ/КОРНЕВАЯ_ПАПКА_САЙТА/wp-includes/images/smilies и закачиваете туда скачанный выше архив. Далее выделяете загруженный архив, выбираете Архиватор > Разархивировать и все новые смайлики с такими же именами установятся поверх старых и заменят их. Если же вы захотите сохранить старые файлы изображений смайликов, то заблаговременно, до разархивирования (!) скачайте их себе на компьютер, иначе они будут затёрты. Хотя, это файлы wordpress-а и после его переустановки (или обновления) они появятся снова (наверное).

Как только вы разархивируете файл, то у вас смайлики станут уже такими: :yahoo:

смайлики после

Теперь о достоинствах и недостатках этого метода. Плюс в том, что этот вариант не требует плагина, но требует вмешательства в файлы сайта. Так что если вы в этом новичок, то настоятельно рекомендую вам сначала сделать резервную копию вашего сайта у вас на компьютере, на всякий случай, мало ли чего. *scare*

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

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

Тот самый вариант, который устроил меня! И который я так долго искал… *pardon*

Вариант простой и в тоже время очень гибкий.

Чтобы установить плагин, идёте в раздел админки блога Плагины > Добавить новый, вписываете его название wp-monalisa в графу поиска, находите, устанавливаете, активируете – готово! Либо можете скачать плагин со страницы wordpress.org, загрузить, установить и активировать – как удобнее.

Теперь у вас появится набор смайликов под кнопкой Отправить комментарий и в поле редактора ваших постов в вордпрессе. То есть эти смайлики можно вставлять не только в комментарии, но и в посты! Но и это ещё не всё!

Плагин очень гибкий и в своих настройках позволяет добавлять/удалять смайлики по своему усмотрению, плюс располагать их так, как вы считаете нужным. Можно задать вывод сразу всего набора смайликов, а можно вывести минимальный комплект с возможностью его разворота до полного отображения. *kruto* А теперь обо всём подробнее.

После установки и активации плагина у вас появится отдельный пункт меню в админке – wp-Monalisa, при переходе по которому вы попадёте в настройки плагина и его функций.

Коротко про основные настройки плагина wp-monalisa.

Если у вас появится такая строка: Please turn off Settings -> Writing -> ‘Convert emoticons like…’ to use wp-Monalisa smilies)., то вам нужно зайти в меню Параметры > Написание и убрать галочку возле пункта Преобразовывать смайлики наподобие … в картинки. Как галочку снимите и сохраните изменения, то строка исчезнет. Хотя на неё можно не обращать внимания, так как смайлики будут работать и так. :scratch:

настройки wp-monalisa

Iconpath – путь к папке со смайликами. Здесь можно задать путь к сторонней папке с вашим набором смайлов и плагин сам их оттуда подхватит. Только предварительно такую папку нужно будет создать у вас на хостинге и загрузить туда ваш набор смайликов. Если захотите дополнить набор имеющихся смайликов, то просто загрузите в указанную папку иконок плагина свои файлики картинок. Это можно проделать и с папкой плагина по-умолчанию – на видео покажу. *happy*

Show smilies on edit и Show smilies on comment – соответственно отвечают за показ смайлов в редакторе статей и в комментах блога. Если галочки будут проставлены и там, и там, то и смайлики у вас будут везде!

Comment Textarea ID – это поле по-умолчанию лучше не трогать. Оно отвечает за идентификатор поля для комментариев, чтобы плагин его мог определить и понять, куда «лепить» смайлы. Если в вашей теме плагин не заработал, то нужно поковыряться в коде и вписать в это поле ваш идентификатор поля комментариев, если он отличается от установленного.

Replace emoticons with html-images – пункт, отвечающий за отображение смайла в поле комментария в момент его написания. Галочку тут желательно поставить, так как в противном случае вместо смайла будет выводиться его длиннющий html-код-ссылка, который может просто отпугнуть ваших читателей своим нагроможденным видом. А с проставленной галочкой будет выведено только значение смайла в виде короткого текстового значения, что гораздо привлекательнее. ;)

Show emoticons in selection as – тут можно выбрать способ показа смайликов, как иконка (картинка), как текст и как совмещенный вариант – картинка с текстовой подписью. Я выбрал иконку, чтобы без лишнего нагромождения ненужного, а вы смотрите сами. *think*

Show smilies in a table – показывать смайлики в виде таблицы (вертикальных столбцов), если такой вид вывода смайликов нужен, то поставьте в этом пункте галочку. С проставленной галочкой станет активен следующий пункт:

Smilies per row – количество смайликов на строку (при выводе их в виде вертикальных столбцов). Используйте этот и предыдущий пункты в связке.

Show smilies as Pulldown – проставленная галочка здесь станет показывать смайлы в выпадающем списке – укороченный вариант с заданным количеством и со ссылкой для его полного раскрытия.

Smilies in 1st row как раз и отвечает за первоначальное количество выводимых рожиц. Эти пункты можно использовать, если полный набор громоздкий и большой, чтобы не загромождать всей смешной братией *tease* поле комментариев.

Show tooltip for icons – показывать подсказку для иконок. Если галочка будет, то при наведении мышки на рожицу появится подсказка со значением её «настроения».

После всех настроек не забудьте нажать кнопку Save – Сохранить, иначе все изменения не вступят в силу.

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

wp-monalisa настройки

Самая верхняя строка  Show all – показать всё, а поле Lines per Page и цифра – количество строк в таблице с набором смайликов. Зелёная галочка радом с цифрой активна и при нажатии на неё сохраняет указанный параметр и меняет вывод строк таблицы.

Верхняя ячейка в таблице отвечает за выбор нужной картинки из имеющегося у вас набора, присвоения ему значения и выбора показа – в постах (On Post) и комментариях (On Comment). Выбираете тут нужную картинку, задаёте ей значение, определяете галками место показа и жмёте кнопку Save над таблицей. И так с каждым новым добавленным смайлом!.. Звёздочкой будут отмечены те иконки, которые ещё не промаркированы – не привязаны к набору – как подсказка. *secret*

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

Также в этой таблице, отметив в самой левой колонке какой-то смайл, его можно просто удалить, нажав кнопку Delete marked – удалить отмеченные. Не забывайте после каждого перемещения иконки по прядку сохранять изменения, нажимая Save.

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

Если в настройках вы включили показ этой мордо-братии в постах, то в редакторе у вас появится поле с вашим набором смайликов. Пользоваться им проще простого – там где стоит курсор, просто жмёте на нужную физиономию и она появится в тексте поста.

Да, чуть не забыл! *punish* Можете спросить, а где взять себе своих смайликов? Отвечу – у их родителя и автора Манцурова Ивана, aka Aiwan, которому и принадлежат все авторские права на смайлики стиля колобок. Великое разнообразие рожиц и информации про права найдете на его сайте www.kolobok.us. А вообще в Сети их полным полно! Кто ищет – тот найдёт!

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

Так я решил вопрос, как установить смайлики на свой блог. *yess* Неделю пост ваял, фух! *fuh*  Приятного просмотра! *happy* Обязательно приходите на новые статьи блога! Будут вопросы по теме – задавайте, постараюсь ответить. Нажатия на социальные кнопочки приветствуются! :bye:

Пройдись по кнопочкам, расскажи о статье друзьям - это к деньгам!

Новые статьи блога на Ваш e-mail:

12 комментариев: Как установить смайлики на сайт с плагином wp-monalisa и без, видео.

  • Здравствуйте, Алексей! Спасибо большое за такую подробную статью. Теперь у меня тоже есть смайлики. :yahoo:

  • Алексей, большое спасибо вам за статью и советы, как поставить смайлики на свой сайт. Давно хотела, но не получалось. Установка плагина wp-monalisa и ваши советы по настройке мне помогли !!! :yahoo: *bravo* *klass*

  • Алексей, а на сайте Манцурова Ивана можно просто так взять коды смайлов или нужно разрешение?

    • Татьяна, разрешение не нужно, просто все права на смайлики принадлежат Ивану, так как он их запатентовал в США. На его сайте есть подробные разъяснения про это. :)

  • B-) Спасибо за статью! Благодаря вашей статье,установил нормальные смайлики на сайт)) Все получилось))) :good:

  • Алексей, спасибо за полезный урок, благодаря Вашему уроку я установила на свой сайт желанные смайлики. Успехов Вам и Вашему проекту! :yahoo:

  • Алексей, спасибо большое за статью! Все так подробно и понятно, что легко справилась с задачей установления смайликов на своем сайте. ;) :)

Оставить комментарий

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

:) 
*hi* 
;) 
:-( 
:good: 
:aga: 
*blush* 
:negative: 
:yahoo: 
B-) 
*bravo* 
*klass* 
:shock: 
:-)) 
Больше смайлов!..
 
Обменник.ws » Автоматический обмен Webmoney