Как вставлять смайлики в статьях на блоге в шаблоне AB-Inspiration

  Автор:
  645

Как украсить статьи смайликами как в комментариях? Интересно? Тогда давайте разберемся.

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

В этой статье я покажу как вы можете это использовать в своих статьях.

Спасибо за вопрос Ренату Гильманов

Мне бы хотелось, чтобы при написании статьи, на панели можно было выбирать эмоджи, было бы здорово если получиться это реализовать!

Ниже вы найдете таблицу кодов смайликов и то, как эти смайлики отображаются на сайте.

Просто копируйте нужный код смайла и вставьте в свою статью. Обновите изменения и посмотрите что получилось на странице статьи. Код превратится в картинку.

КОД СМАЙЛ КОД СМАЙЛ
:) :) :-* :-*
8) 8) :-x :-x
:( :( >:o >:o
;) ;) :-| :-|
:P :P :-/ :-/
:-D :-D *JOKINGLY* *JOKINGLY*
=-O =-O ]:-> ]:->
*IN LOVE* *IN LOVE* [:-} [:-}
%) %) *KISSED* *KISSED*
*CRAZY* *CRAZY* O=) O=)
:-[ :-[ 8) 8)
*TIRED* *TIRED* *STOP* *STOP*
*KISSING* *KISSING* *ROSE* *ROSE*
*THUMBS UP* *THUMBS UP* *DRINK* *DRINK*
@= @= *HELP* *HELP*
*MACHO* *MACHO* *OK* *OK*
*SUP* *SUP* *SORRY* *SORRY*
*BRAVO* *BRAVO* *ROFL* *ROFL*
*LOL* *LOL* *PARDON* *PARDON*
*NO* *NO* *DONT_KNOW* *DONT_KNOW*
*UNKNOWN* *UNKNOWN* *DANCE* *DANCE*
*YAHOO* *YAHOO*

Скачать файл с кодами и смайликами: smiles-and-codes. Откройте этот файл в брайзере и сохраните себе на компьютере как шпаргалку :)

Еще есть другой вариант. Вы можете просто копировать сам смайлик и вставить его в редактор в нужное место. Тогда в статью вставится не код, а картинка смайлика.

Попробуйте, у вас получится.

Если у вас сайт не на шаблоне AB-Inspriation, вы можете воспользоваться смайликами встроенными в WordPress. Они, конечно не такие симпатичные, но все же смайлики. Коды и смайлики встроенные в WordPress вы можете найти здесь: Using Smilies

Если есть вопросы, не стесняйтесь, задавайте. Буду рада помочь.

P.S. Если у вас есть интересные идеи по разработке и улучшению сайта, но вы не знаете как это реализовать, напишите в комментариях свой вопрос и я напишу инструкцию как это сделать.

Как вставлять смайлики в статьях на блоге в шаблоне AB-Inspiration

   5 голосов
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Самые Важные Оповещения Блога + Четкий Комплект Ценных Подарков ДЛЯ БЛОГЕРОВ И ФРИЛАНСЕРОВ
Оставьте свой комментарий:
9 комментариев
  1. Спасибо, Анфиса, за подсказку! Смайлики могут оживить текст. Вроде все просто, но как здорово! *BRAVO* =)

  2. Анфиса, Здравствуйте! Огромное Вам спасибо!!!!! Теперь писать статьи будет гораздо интересней *THUMBS UP* а главное можно будет лучше передать свои эмоции читателю =)

  3. Ураааа, это так оживляет текст!!! Спасибо тому парню, что задал этот вопрос!!!!

  4. Анфиса, благодарю за статью. Никогда не задумывалась о смайликах в статьях. Но с ними, полагаю, будет веселее и интересней *BRAVO* *IN LOVE*

  5. Татьяна

    Интересно и познавательно. Правильно Ирина сказала, что смайлики оживляют текст, особенно позитивные мне нравятся!
    И пользуясь Вашим предложением задаю вопрос. Как в статью вставить видео, так как у Вас по всем закрытым урокам, что бы не было возможности перейти на ютуб. А просмотр полностью осуществлялся на блоге? Заранее благодарю!

  6. Анфиса, как всегда огромная благодарность! Мне тоже это очень нужно (спасибо Ренату, что написал о таком пожелании). Анфиса, мне бы ещё хотелось вставлять и другие разные символы в статьи (например те, которые есть ВКонтакте), очень часто бывают нужны символы ПЛЮС и МИНУС (через буллеты не всегда удобно и долго). И, конечно, было бы очень удобно, если бы они были уже в панели инструментов. Надеюсь, что это когда-нибудь будет возможно =)
    СПАСИБО Вам, что заботитесь о нас! *IN LOVE*

на Блоге
в Фейсбук
в Вконтакте