Блог Мудрого Кота
Советы и уроки для вебмастера, монетизация сайта и немного о SEO
Главная - Сайтостроение - Смайлики в WordPress – установка, замена, редактирование!

Смайлики в WordPress – установка, замена, редактирование!



смайлик

В реальной жизни мы выражаем свои эмоции словами, звуками и мимикой лица, а выражать свои мысли и чувства в онлайне нам помогает такое изобретение как смайлик.
Именно поэтому сегодня мы с вами подробно разберёмся как же установить смайлики на свой блог.
Но не только установить, но и изменить, переделать, улучшить и многое другое!
Мы будем делать это для того, чтобы нашим читателям было удобно понимать ваши мысли, а так же выражать свои мысли в комментариях.

Первым делом мы узнаем, в какой папке лежат смайлики на нашем блоге, чтобы в последствии с лёгкостью их изменять или редактировать.
Зайдите в ваш FTP аккаунт и перейдите в папку:

папка с названием вашего блога/wp-includes/images/smilies/

По умолчанию в WordPress стоят вот такие вот смайлы:

Стандартные WordPress смайлики

Они управляются командами:

:wink: 
:-|  
:-x  
:twisted:  
:)  
8-O  
:(  
:roll:  
:-P  
:oops:  
:-o  
:mrgreen:  
:lol:  
:idea:  
:-D  
:evil:  
:cry: 
8)  
:-?  
:?: 
:!:

Тоесть если такие команды есть в тексте сообщений или статей, то они автоматически заменяются смайлами.
Если на вашем блоге/сайте замены не происходит (движок WordPress), то вам нужно сделать следующее:

Перейти в панели администратора на пункт «Написание», и поставить галочку на данном пункте:

пункт

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

Смайлики из Skype:

Смайлики из Skype

Скачать смайлики из Skype.

 

Смайлики из ICQ набор 1:

Смайлики из ICQ

Скачать смайлики из ICQ набор 1.

 

Смайлики из ICQ набор 2:

Смайлики из ICQ

Скачать смайлики из ICQ набор 2.

 

Вы так же можете найти смайлики самостоятельно, поищите смайлики или сборники смайликов в Интернете и скачайте их себе на компьютер, обратите внимание, что размер всех смайликов в наборе должен быть одинаковым.
Например: 64х64, 32х32, 16х16 и т.д.
После того как вы скачаете смайлики себе на компьютер, вам нужно будет переименовать их, а так же поставить всем смайликам расширение gif.
После того как вы установите всем смайликам данное расширение, вам нужно будет их переименовать.
Названия, которые вы должны использовать, разуметься, что одному смайлику – одно название:

icon_arrow
icon_biggrin
icon_confused
icon_cool
icon_cry
icon_eek
icon_evil
icon_exclaim
icon_idea
icon_lol
icon_mad
icon_mrgreen
icon_neutral
icon_question
icon_razz
icon_redface
icon_rolleyes
icon_sad
icon_smile
icon_surprised
icon_twisted
icon_wink

Да кстати в наборах предложенных выше все смайлики уже переименованы, так что если вы не хотите долго заморачиватся с подготовкой (переименованием) смайлов, то просто скачайте готовый набор. :smile:

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

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

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

1) Плагин.
Именно этот способ я рекомендую вам использовать, ведь этот способ очень удобен.
Вы просто установите плагин:

Custom-Smilies-SE

Затем активируете его.
Далее в шаблон «Комментариев», перед полем textarea в которое вводиться комментарий вам нужно будет вставить вот этот код:

<?php if ( function_exists(cs_print_smilies) ) {cs_print_smilies();} ?>

И как только вы это сделаете, смайлики начнут работать.
Но и это ещё не всё!
На странице «Добавления записи», появиться вот такая кнопка:

кнопка

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

2) php код.

Этот способ подойдёт тем, кто недолюбливает плагины. :mad:
Но имейте в виду: я проверял его на 5 темах и в двух он не работал :?: , почему он в них не работал я так и не понял, но суть не в этом.
Добавляется данный php код в то же место, куда и php код из прошлого метода.
Тоесть в шаблоне одной записи перед полем textarea, в которое вводиться комментарий.
Нам нужно будет вставить данный код:

<script type="text/javascript">
function addsmile($smile){
document.getElementById('comment').value=document.getElementById('comment').value+' '+$smile+' ';
}
</script>
<?php
global $wpsmiliestrans;
$dm_showsmiles = '';
$dm_smiled = array();
foreach ($wpsmiliestrans as $tag => $dm_smile) {
    if (!in_array($dm_smile,$dm_smiled)) {
        $dm_smiled[] = $dm_smile;
        $tag = str_replace(' ', '', $tag);
        $dm_showsmiles .= ' ';
    }
}
echo '<div style="width:100%; margin-left:0px; margin-right:0px;">'.$dm_showsmiles.'</div>';
?>

И смайлики начнут функционировать.

Кстати! Вы можете редактировать размер смайликов в файле css.

Что такое css?
Не знаете?
Тогда обязательно ознакомьтесь:

Что такое css?

Итак, для того чтобы отредактировать размер смайликов в css файле вашего шаблона вам нужно найти данный код:

img.wp-smiley {
height: 20px;
margin: 0;
padding: 0;
border: none;
}

Главное найдите строчку img.wp-smiley, значения, которые стоят в скобках {…} могут быть другими.
Если данного кода в вашем css файле нет, то добавьте этот код в самый конец css файла.
Для того чтобы увеличить или уменьшить размер картинок редактируйте значение:

height: 20px;

Подгоните размер смайлов под размер вашего шрифта, и всё будет в порядке.

Ну, вот как-то так, я объяснил вам всё, что знаю сам.
Если возникнут вопросы, то задавайте их в комментариях.

Кстати: если вы хотите пригнать к себе на сайт море, и не просто море, а кучу трафика то советую вам посетить сайт Serenity.su. Основной задачей этого проекта является не только разработка сайта, но и его продвижение.
И я уверен заказав у них продвижение вы не пожалеете!

Желаю вам удачи!
Искренне ваш Мудрый Кот.

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


Подпишись и получай новые записи первым!

Подписаться вы можете с помощью или , но самый удобный способ это:

Ещё по теме:
Переехал на VPS (Виртуальный Выделенный Сервер)
Какие права на файлы и папки нужно поставить, чтобы не было беды (WordPress)
Блокнот убивает WordPress
Как добавить новые кнопки в WordPress
Отслеживаем неправильные (битые) ссылки при помощи плагина и избавляемся от них
Информация о статье:
Опубликовано: 16 октября 2011, в рубрику Сайтостроение.
Теги: , , .

Поделись статьёй с друзьями:

Оставляя комментарий - вы автоматически принимаете участие в конкурсе комментаторов, и имеете возможность выиграть очень, классные призы!
I место - Сквозняк!
II место - Заметка!
III место - 200 Рублей!
Подробнее о конкурсе тут.

Оставь коммент, не будь бякой!

  • Валерий
    16.10.2011

    Мне нравятся смайлики из QIP набор №2, сразу же сменил на своём блоге стандартные :arrow:

    [Ответить]

  • 17.10.2011

    Ну да, второй набор самый красивый =)
    :wink:

    [Ответить]

  • Антон
    17.10.2011

    Хех :wink: мне лень было заморачиваться со смайлами, но все же для комментариев поставил плагин Qip Smiles.
    А у тебя смайлики просто класс :)
    И правильно что капчу убрал (или может невидимую поставил), а то та чет глючила :-x

    [Ответить]

  • 18.10.2011

    Я плагин поставил от спама, посмотрим как он со своей задачей справиться :-x
    Если всё будет отлично, то капчи не будет :)

    [Ответить]

  • Надежда
    22.10.2011

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

    [Ответить]

  • 22.10.2011

    Ну например тот о котором я писал здесь:
    Боремся со спамом, не используя капчу!

    :lol:

    [Ответить]

  • Княгиня
    23.10.2011

    Смайлики у вас действительно классные. :) Смотришь, и душа радуется.

    Правда, я у себя использую «Qip Smiles» — просто по пути наименьшего сопротивления. Не каждый может подобрать к блогу тематические смайлики.

    [Ответить]

  • 23.10.2011

    Есть у меня знакомый блогер:

    Kolobochek

    Вот ему было легко смайлики подобрать, колобок и всё тут :lol:

    [Ответить]

  • Сергей
    05.12.2011

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

    [Ответить]

  • Дмитрий
    28.12.2011

    Огромное спасибо за этот рассказ!
    Как раз собирался заменить эти уже наскучившие смайлы на свои собственные! :wink:

    [Ответить]

  • Сергей
    28.12.2011

    Добрый день Кот,вот занялся вторым своим сайтом,исключительно без капипаста благодаря твоим мудрым советам,у меня есть к тебе небольшой вопросец,как правильно нужно установить форму регистрации в шапку вордпресс,и вообще как ее включить,я знаю что это совсем не так трудно,но если не знаешь то не знаешь… 8)

    [Ответить]

  • Сергей
    09.01.2012

    дружище сайт твой с вирусом,пизда рулю,очень плохо,хотел посмотреть кое что…

    [Ответить]

    Мудрый Кот ответил(а):

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

    [Ответить]

  • Сергей
    10.01.2012

    ну теперь нормально все…

    [Ответить]

  • Юрий
    27.01.2012

    А как сделать чтобы смайлы тоже открывались в окне, а была только иконка рядом с окном длядобавления комментариев?

    [Ответить]

    Мудрый Кот ответил(а):

    это тоже один из плагинов, найдите блог на котором это используется и узнайте у админа :arrow:

    [Ответить]

  • Алексей
    30.01.2012

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

    [Ответить]

    Мудрый Кот ответил(а):

    в css файле вашей темы есть пункт «img.wp-smiley», именно его вам и нужно подправить

    [Ответить]

  • Алексей
    31.01.2012

    Долго искал но не нашел подобного в своем CSS, я еще новичек в этих делах, посмотрите пожалуйста вы, буду признателен за помощь. Мой СSS тут

    [Ответить]

    Мудрый Кот ответил(а):

    В конец вашего файла стилей добавьте:

    img.wp-smiley {
    height: 20px;
    margin: 0;
    padding: 0;
    border: none; }

    [Ответить]

  • Алексей
    01.02.2012

    Не работает, размер смайлов изменяется а рамка не исчезает :(

    [Ответить]

    Мудрый Кот ответил(а):

    хм, добавьте в код ещё вот это: border: 1px solid #fff;

    [Ответить]

  • Арсений
    04.02.2012

    Я всё сделал так как тут написанно,но я добился только кнопки в виде смайла при добавления новой записи,а как сделать чтобы смайлы можно было вставлять в коменты? :?:

    [Ответить]

    Мудрый Кот ответил(а):

    Далее в шаблон «Комментариев», перед полем textarea в которое вводиться комментарий вам нужно будет вставить вот этот код:

    тут идёт код

    Смотрите этот код выше ибо в комменты вставить его не получится.

    [Ответить]

  • Александр Бобрин
    17.02.2012

    А как количество смайлов уменьшить, когда код вставляю (без плагина)?

    [Ответить]

    Мудрый Кот ответил(а):

    Хм, при помощи этого кода это не получится. Придёться писать под каждый смайл свой код ибо вводить ограничения. Для меня это пока что очень сложно, но возможно в будущем разберусь.

    [Ответить]

  • Александр Бобрин
    17.02.2012

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

    [Ответить]

    Мудрый Кот ответил(а):

    А вы шаблон сайта не меняли?

    [Ответить]

    Александр Бобрин ответил(а):

    Нет, я в новом пробовал, и не раз!

    [Ответить]

    Мудрый Кот ответил(а):

    Скорее всего какой-то плагин вводил новую переменную которая так же была использована в вышеуказанном коде. Скорее всего нужно было изменить переменную $smile или $tag хотя возможно проблема в другом…

    [Ответить]

  • Руслан
    02.03.2012

    Вот спасибо! А то замучился искать как из размер поменять. :wink:

    [Ответить]

  • Maxim
    16.03.2012

    Не знаю, а мне стандартные смайлы нравятся, тем более, их ставить не надо :lol:
    P. S. Я вообще смайлами редко пользуюсь…

    [Ответить]

  • Наталья
    15.04.2012

    А я смайлики через writer ставлю. Там имеются все мне необходимые, особенно когда работаю с материалами интервью :wink:

    [Ответить]

  • BoardFree
    15.05.2012

    Как то решил сделать смайлы на блог. Установил Qip Smiles. Позже всё таки удалил( Причина: нагрузка на сервер. Вывод: да не к чему эти смайлы в принцепи

    [Ответить]

  • ?GE8
    16.05.2012

    У меня вопрос: вы смайлики на свой блог сами делали? Если да, то можете рассказать как?

    [Ответить]

    Мудрый Кот ответил(а):

    Нет, не сам

    [Ответить]

    Miroslavs ответил(а):

    Уже где-то обсуждалось, смайлики были нагло спи*ены (с разрешения администрации) с другого сайта :wink:

    [Ответить]

  • Екатерина
    20.05.2012

    Давно хотела смайлики установить на сайт, как раз этим займусь, думаю установить плагин правильный выбор. Спасибо, буду устанавливать :wink:

    [Ответить]

  • Катерина
    28.06.2012

    :roll: привет, очень люблю смайлики и хочу поставить их на своем сайте. Сделала всё, как у вас написано, то есть скачала плагин, установила, вставила код в комментарии. Смайлы появились, но они не работают, то есть не нажимаются — жмешь смайлик, а в окошке не появляется ничего. Подскажите, пожалуйста, в чем может быть проблема?

    [Ответить]

  • Денис
    10.08.2012

    Автор просто молодец!
    Решил все мои проблемы! Спасибо! :-x

    [Ответить]

  • Влад
    16.08.2012

    Перейти в панели администратора на пункт «Написание», и поставить галочку на данном пункте:

    Поставил галочку, но :) , :( и другие в смайлы не преобразуются

    [Ответить]



:wink: :twisted: :roll: :oops: :lol: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)

*


Подпишись на обновления блога:

RSS    twitter    e-mail


188 подписчиков

237 фолловеров

Бесплатный курс "от Кота":



Подробно:

Как создать сайт с онлайн фильмами
Как создать сайт с онлайн фильмами
Создание

Раскрутка

Монетизация



Как создать шаблон и дизайн для сайта
Как создать шаблон и дизайн для сайта
Макет

Разметка

Вёрстка



Я читаю:

Записки ночного блогера
Blogger.omg-linux
Miroslavs