Как добавить смайлики в движок вордпресс. Добавляем смайлики на WordPress блог без плагинов
Здравствуйте, дорогие читатели блога «Интернет Капуста»!
Вот наступил новый день. Я начинаю его на позитиве, и стараюсь делать это всегда.
Вот, на этой ноте хотелось бы сразу же задать вам вопрос:
А как часто вы начинаете своё утро с улыбки и можно ли назвать вас жизнерадостным человеком? Есть ли у вас чувство юмора и когда вы смеялись от души в последний раз?
Не слишком ли много вопросов? Но эти вопросы я задаю не просто так. Как известно, позитив нам придаёт больше сил, а смех продлевает жизнь. Всё это вы уже слышали не раз, и как бы не были избиты эти фразы, но они работают и работают отлично, если отнестись к ним серьёзно.
Я создала сайт, чтобы научить новичков создавать собственные сайты и дать мотивацию заработка в интернете всеми имеющимися способами! Вы можете улыбнуться сейчас, если не верите, что в интернете действительно зарабатывать.
Просто надо учиться, пробовать разные методы и анализировать. Самое главное, это не отчаиваться, если сразу не получается. Надо просто уметь посмеяться над ошибками и неудачами и помнить, что за закатом всегда наступает рассвет.
Вот вы прочитали очередную мою статью и захотели написать комментарий, а чтобы выразить эмоции в полной мере, понимаете, что чего - то не хватает.
Да, да, не хватает смайликов! Тех маленьких и смешных колобков, которые обычно помогают нам показать свои эмоции в полной мере.
Что такое смайлики и зачем они нужны?
Смайлик (англ. smiley - «улыбающийся») или счастливое лицо́ (☺/☻) - стилизованное графическое изображение улыбающегося человеческого лица; традиционно изображается в виде жёлтого круга с двумя чёрными точками, представляющими глаза, и чёрной дугой, символизирующей рот. Смайлики широко используются в популярной культуре, само слово «смайлик» также часто применяется как общий термин для любого эмотикона (изображения эмоции не графикой, а знаками препинания).
Смайлики нужны нам для выражения наших эмоций. Они очень забавные и придают простому тексту немного динамики.
Как установить смайлики на сайт?
Для того, чтобы установить смайлики на сайт, а в данном случае у нас сайт на движке вордпресс, существуют своеобразные помощники плагины.
Сегодня мы рассмотрим один из плагинов, который автоматически легко добавит смайлики на ваш сайт и тем самым украсит его разнообразными эмоциями. Называется этот плагин wp-Monalisa и установить его на сайт можно двумя способами.
Первый способ – это как обычно зайти в админ. панель вашего сайта, в раздел Плагины – Добавить Новый и в поисковой строке вписать название плагина. Установка стандартная.
Второй способ – это скачать его на официальном сайте по адресу:
http://wordpress.org/plugins/wp-monalisa/
И, скачав на компьютер, проверить антивирусом и потом зайти в панель администрирования сайта: Плагины – Загрузить – Выбрать файл – Установить – Активировать.
После установки этого плагина появится раздел в админ. Панели сайта: wp-Monalisa.
Когда вы зайдёте первый раз после установки, то увидите, что у вас появилась вот такая строка:
Она переводится как: Пожалуйста, выключите Настройки -> Написание -> Преобразование смайликов, для того, чтобы использовать плагин WP-Monalisa смайликов).
Сейчас так и сделаем.
Идём в Настройки (Параметры) – Написание – И снимаем галочку в пунктике: Преобразовывать смайлики наподобие и:-P в картинки.
Обновляем страницу с настройками плагина и видим, что строка исчезла.
Теперь рассмотрим настройки плагина WP-Monalisa.
Пункт – Iconpath – это путь, где располагаются картинки иконок. Можно по экспериментировать и прописать свой путь, где будут располагаться смайлики. Предварительно надо закачать на хостинг свою папку с набором нужных смайликов, и плагин сам эти смайлики определит.
Следующий пункт Show smilies on edit – показывать смайлики в редакторе, то есть показывать смайлики в редакторе ваших записей.
Show smilies on comment – этот пунктик обозначает, что смайлики будут отображаться в комментариях .
Если мы зайдём в редактирование записи, то появится новое поле со смайликами, которые можно вставлять в текст статьи.
Как же теперь настроить плагин?
Рассмотрим настройки поподробнее.
Replace emoticons with html-images – обозначает, как смайлики будут отображаться в поле комментариев.
Например, я нажимаю на рожицу, чтобы вставить в текст, и появляется длиннющий код ссылки, вот такой:
Желательно этот пункт отключить, чтобы не пугать своих комментаторов. Для этого снимаем эту галочку.
Проверяем, как это работает. Нажимаем в комментариях на рожицу и теперь видим, что это выглядит уже более симпатично, чем большой кусок ссылки.
Следующий пунктик Replace emoticons with html-images – означает, как именно вы хотите отображать смайлики: иконка, текст или оба варианта. Попробуйте разные варианты, но мне кажется, что предпочтительнее будет оставить только значение иконки.
Show smilies in a table – Это способность показывать смайлики в виде вертикальной таблицы. Вкусы у всех разные и дизайн сайта тоже, поэтому вы можете выбрать этот пунктик, поставив галочку или оставить горизонтальное расположение смайликов по умолчанию. Также можно задать количество столбцов.
Show smilies as Pulldown – показывать смайлики в виде выпадающего списка. Здесь можно задать количество самых популярных смайликов, чтобы они отображались в том количестве, который вам наиболее благоприятен. У меня галочка не стоит на этом пунктике и выводятся все смайлы. Но это кому как нравится! Если у вас их очень много, то желательно не загромождать пространство и активировать этот пунктик.
Show tooltip for icons – показывать подсказки для смайликов. То есть, если пунктик активирован и вы курсором мышки наводите на смайлик, то будет отображаться подсказка эмоции смайлика. Это тоже на ваше усмотрение. У меня подсказка стоит, поэтому вы можете оценить это прямо сейчас на моём сайте в комментариях.
Не забывайте нажимать на сохранение всех изменений, чтобы они вступили в силу.
Стрелочками можно поменять расположение смайликов. Например, просто передвигая стрелочки вверх или вниз, вы передвигаете сам смайлик и тем самым определяете его место в иерархии смайликов при отображении на сайте.
Теперь рассмотрим, как добавить новый смайлик в нашу базу данных. Для этого нужно зайти на хостинг, в корневую папку плагина, которая находится по следующему пути.
Если у вас хостинг Спринхост, то по следующему пути:
Дополнительно – Файловый менеджер — public_html — сайт (здесь название вашего сайта) — wp-content – plugins — WP-Monalisa – icons.
В папке icons лежат все смайлики вашего плагина. И сюда можно закачать любой смайлик, который вам захочется.
Для этого надо заранее скачать себе на компьютер архив интересных смайликов.
Вот и всё. Мы разобрались, как
Как установить смайлики на сайт? Плагин wp-Monalisa.
Плагин работает отлично и надеюсь доставит удовольствие и разнообразит эмоции при написании текста.
Если вам была интересна и полезна данная статья, то не забывайте делиться информацией с друзьями – нажимайте на кнопочки социальных сетей!!!
С уважением автор – Лариса Мазурова.
Посмотрите замечательную песню про смайлик в исполнении Верки Сердючки:
С момента своего появления смайлики стали неотъемлемым атрибутом разных интернет чатов и мессенджеров. Они помогают передать своего рода эмоции, которые могут заменить те или иные слова в тексте или добавить определенного окраса напечатанной фразе. Отношение к этим графическим элементам неоднозначное — кто-то смайлы любит, кто-то считает их излишеством, некоторые пользователи предпочитают символьные смайлики, например:-) кому-то наоборот больше нравится графическое изображение. Как бы там ни было, изначально в wordpress имеется возможность использовать смайлы в любом виде. Хотя при этом за счет плагинов базовые опции системы можно расширить, чем сегодня и займемся.
Текстовые смайлы можно использовать где угодно — будь то текстовый файл в word, html интернет сайт или вордпресс, для этого не нужен какой-то специальный функционал. Тем не менее в данной cms есть также возможность автоматического их преобразования в графические картинки. Для этого заходим в меню «Параметры» — «Написание» и в самом верху странице в блоке «Форматирование» находим строку — «Преобразовывать смайлики в картинки»:
Если поставить там галочку, тогда все текстовые смайлы в ваших публикациях будут заменены на графические изображения. При этом в самом текстовом редакторе при написании символы, обозначающие смайлы, останутся, а на сайте посетители увидят картинки. В на панели инструментов есть блок для более легкого добавления смайлов, который подставляет нужные символьные комбинации в посты. Полный перечень доступных кодов можете найти на отдельной странице кодекса.
Все это хорошо и весело, только вот базовый набор смайлов далек от совершенства. Работая над одним из сайтов, пришлось поискать дополнительные решения для расширения возможностей работы со смайлами — в частности, добавлении большего числа картинок. В принципе, насколько я понял, базовый набор смайликов можно расширить и в ручную, но проще все же поискать плагины. Следует также заметить, что в буржунете нашел парочку сборок имеющихся плагинов, но разобравшись с ними более детально, большая часть из модулей оказалась либо морально устаревшими либо вообще не работающими. Я выделил лишь парочку, с которым, на мой взгляд, можно было попробовать поработать в дальнейшем.
Начну, пожалуй, с того плагина смайликов, который в итоге и выбрал для . В описании к плагину сказано, что Speedy Smilies поднимает возможности смайликов на новый уровень. Во-первых, данная реализация позволяет им быстрее грузиться для пользователей блога, во-вторых, авторам (не использующих продвинутые текстовые редакторы) будет удобнее все эти смайлы добавлять — на странице постинга появится новый элемент. Кроме того, данный плагин позволят достаточно быстро менять используемые наборы смайликов, поскольку в нем имеется сразу 4 различных «палитры»
Все размеры смайликов почти одинаковые — 16х16 и 16х15 пикселей, но в наборах есть разное число иконок. Можно выбрать минимум изображений, можно максимум — кому как больше нравится. Установка плагина Speedy Smilies простая — скачиваете архив плагина , распаковываете и заливаете на ФТП в директорию wp-content/plugins/. После этого в админке в разделе Плагины активируете его. В меню «Внешний вид» появится пункт Speedy Smilies, где следует произвести настройку модуля — выбрать понравившийся набор смайликов. Большим плюсом плагина я бы назвал его новизну, официально поддерживаются версии wordpress от 3.0 до 3.2.1, хотя думаю и на более старших будет работать — там ведь простой функционал.
Этот плагин позволяет вам менять определение различных смайликов в wordpress. Принцип работы заключается в том, что вы сначала загружаете в специальную директорию смайлики, а потом в настройках модуля их определяете — задаете соответствие между набором символов типа «>,<» и картинками.
Установка плагина аналогична предыдущему — скачиваете архив , распаковываете и загружаете на FTP. В разделе «Плагины» активируете модуль, после чего загружаете свой набор смайлов в директорию /wp-includes/images/smilies. Финальный штрих — идете в раздел «Параметры» — «WP Smiley» и определяете значение для тех или иных смайлов.
Официально плагин смайликов WP Smiley работает с wordpress старше 2.8. К преимуществам модуля можно отнести достаточно легкий процесс добавления смайликов, возможность вставки их не только в графическом редакторе, но и форме комментирование — для этого в настройках WP Smiley есть специальный PHP код.
Данный плагин позволяет использовать вместо стандартных смайликов картинки из Yahoo Messenger. Причем применять их можно как в тексте, так и в комментариях. На официальном сайте вордпресс информации о модуле не так много, а сайт разработчика не содержится текста на английском языке. В общем, нашел где-то в интернете картинку смайлов из этого самого мессенджера:
Если все они поддерживаются, то это хорошо. Установка классическая — скачиваем архив модуля , распаковываем и загружаем на ФТП в директорию wp-content/plugins/. Дальше в админке нужно зайти в раздел «Настройки» — «Написание» и снять галочку напротив опции » Преобразовывать смайлики в картинки. Только после этого активируем плагин — все должно работать. По описанию плагин Yahoo Messenger Emoticons вроде ничего так, официальная совместимость до wordpress 3.0.5.
Smilies Themer Toolbar
Данный плагин смайликов оставил напоследок, так как по описанию на первый взгляд все показалось каким-то запутанным — тулбар, интеграция с другим плагином и т.п. После более внимательного анализа оказалось что, как говорится, «не так страшен черт». Модуль требует наличия версии wordpress от 2.6 до 3.1.4 (а может и выше). Основная функция Smilies Themer Toolbar — добавление тулбара со смайликами для формы комментирования в блоге. При этом он также интегрируется с tinyMCE текстовым редактором и позволяет использовать веселые смайлики при написании постов. Вот как это выглядит в блоге:, распаковываете на компьютере и загружаете в /wp-content/plugins/ на вашем ФТП. Дальше просто активируете плагин в соответствующем пункте меню. Вообще визуально и по описанию модуль вызывает приятные ощущение, хорошим дополнением можно считать возможность легкого и быстрого определения какие именно смайлики отображать в форме за счет механизма перетаскивания.
В принципе, как уже сказал выше, плагинов для смайликов я нашел немало, но не все из них поддерживали более-менее последние версии wordpress. Данные 4 плагина Speedy Smilies, WP Smiley, Yahoo Messenger Emoticons, Smilies Themer Toolbar можно смело скачать, протестировать и использовать для своих целей. По функциональности к ним нет претензий, по сути, имеются варианты на все случаи жизни — от более простых, к сложным и настраиваемым, вам остается только их попробовать и разобраться подробнее.
P.S. Вебмастер для заработка в интернете должен знать многое, для начала как создать сайт а потом что нужно сделать для его продвижение и улучшения показателей проекта.
Для гостей столицы Украины одним из основных вопрос есть квартиры посуточно Киев дабы можно было остановиться на ночлег в недорогой и приятной обстановке.
В зависимости от разных типов кранов мостовых, козловых, консольных процесс наладка кранов имеет свои определенные особенности и нюансы, доверьте его профессионалам.
Приветствую вас, дорогие друзья, подписчики и читатели моего блога. В этой статье я научу вас, как сделать при помощи двух простых плагинов Qip smiles и Wp-smiley. Первый плагин создал всем известный Жук, который также создал программу социальных закладок « ».
Делал он его для своего друга, у которого требования были такие, что ни один плагин смайлов не подходил под его требования. И тогда Жук просто сделал свой плагин, который, на мой взгляд, так и остался самым популярным, так как в нем используются красивые, анимированные смайлы из всем нам привычной QIP (аськи).
Ну, а второй плагин, который также умел делать смайлы в комментариях был довольно старый, можно сказать один из самых первых, который сделали для . Но в этом ничего нет страшного, напротив, у него есть одно хорошие удобство в отличий от плагина Qip smiles.
Вообще некоторые думают: а зачем они нужны на блоге, разве без них плохо жилось? На мой взгляд, смайлы — это уникальное изобретение, которое может передать чувства собеседника, которое нельзя передать письменно. Они отражают практически все эмоции и настроения, что в свою очередь помогает понять лучше другого человека. Помимо всего этого смайлы передают свою изюминку, оживленность, игривость, что ли ну и т.д.
Итак, начнем, а то я наверно уже утомил вас свой болтовнёй ^_^ .
Установка и настройка плагина Qip smiles.
Тут все просто качаем плагин Qip smiles у Жучка. Потом идем во «внешний вид», «редактор», «комментарии» (comments.php) и прокручиваем вниз, до самого конца, и ищем в самом низу название на русском вашей кнопки отправки комментария.
Теперь нам надо поставить вот этот код как раз после того места, где у нас прописана форма кнопки в моем случае, как я уже писал это «отправить».
Все плагин работает! Больше ничего настраивать не надо.
Ставим смайлы в комментариях при помощи плагина Wp-smiley.
Изначально на любом блоге уже есть смайлы для комментариев, но они выглядят прям, так сказать с прошлого века, поэтому мы их заменим на красивенькие готические смайлики. Для начала зайдите во «внешний вид», «написание» и поставьте галочку возле «преобразовывать смайлики в картинки». Затем качаем плагин , загружаем, активируем.
Теперь нам надо поменять обычные смайлы на готические. Для этого сначала скачайте готические смайлики . Потом откройте программу , введите свои данные и подключитесь, зайдите в папку httpdocs (или public_html , www, domains,) => wp-includes => images, и удалите папку smilies.
Теперь берем из скаченного архива папку smilies и закачиваем ее в папку images, то есть в тоже самое место откуда и удаляли старые смайлы. Все радуемся у нас появилось вот такие смайлы.
Если их нет, идем в комментарий (comments.php), как с плагином Qip smiles и вставляем этот код под формой комментариев. Все так же как с плагином Qip smiles просто код поменяйте.
Ок, помните я упоминал, что у плагина Wp-smiley есть удобная функция по сравнению с Qip smiles. Итак, дело в том, что в статью смайлики из плагина Qip smiles надо ставить, вручную прописывая каждый раз код смайлика, это достаточно неудобно если честно. А вот с плагином Wp-smiley, когда вы пишите свой статьи появится такая иконочка черного смайла при нажатие, на которого можно сразу выбрать понравившийся смайл из всего списка не вспоминая какой у каждого из них код.
Также если вам не нравятся черные смайлики можете скачать смайлы из Вконтакте. Установка такая же, как и с черными смайлами.
Кстати, если будете менять смайлики в плагине Wp-smiley, никогда больше не , а то черные смайлы исчезнут, а на их место снова встанут те старенькие смайлики. На этом все, удачи (походу я тут переоптимизировал под слово смайлы -_- ).
Здравствуйте! С Вами снова я, автор Блога Свободного Вебмастера и сегодня речь пойдет о смайликах на Вордпресс . Смайлики уже давно завоевали свою популярность. Это отличный способ выразить свои эмоции и порой достаточно использовать всего лишь один смайл чтобы выразить свои чувства.
Честно говоря меня не очень впечатлили стандартные смайлики вордпресса. Их вид показался мне примитивным, слишком уж древним и поэтому решил сменить их на другие.
Стандартные смайлики wordpress
Здесь можно пойти двумя путями.
- Первый — это установить плагин, который автоматически заменит стандартные смайлы на другие. Но слишком много активных плагинов замедлит работу блога, увеличит нагрузку на сервер. К тому же плагины зачастую добавляют свои таблицы в базу данных MySQL, а при удалении не всегда чистят за собой эту базу и приходится , через панель phpMyAdmin.
- Второй путь позволит избежать таких неприятностей, к тому же позволит лучше изучить работу WordPress. Он подразумевает под собой ручное редактирование.
Поэтому мы пойдем вторым путем. Стандартные смайлики находятся в папке /wp-includes/images/smilies/ в корне Вашего блога. Чтобы их сменить нужно просто переписать старые на новые. Вы можете взять абсолютно любые смайлы, переименовать их, чтобы имена файлов совпадали со стандартными и закачать обратно в ту же папку. Выкладываю наборы смайликов, которые у меня уже есть:
Ничего переименовывать не нужно, осталось лишь заменить этими стандартные и готово. С этим вопросом разобрались.
Следующий вопрос: как добавить смайлики над текстовым полем формы отправки комментариев? Здесь также все очень просто! Для этого в файле comments.php Вашей темы перед открывающим тегом