• Главная
  • Карта сайта
Не найдено

Смайли на Wordpress - зміна і установка

  1. Смайли на WordPress - навіщо вони потрібні?
  2. Вибираємо смайлики для сайту на WordPress
  3. Заміна старих смайликів на WordPress
  4. Установка смайликів над формою коментування
  5. Смайли в постах WordPress
  6. Схожі статті:

Привіт шановні читачі блогу history-of-blog.ru . В четвертому випуску Історії блогу я говорив що наступна (ця) стаття буде цілком присвячена смайликів на WordPress - по суті це докладний мануал зі зміни, встановлення та коригуванні смайлів. У даній статті буде розглянуто спосіб вставки смайликів без використання плагінів, а так само коригування виду смайлів в постах.

Смайли на WordPress - навіщо вони потрібні?

Для початку слід розібратися, а чи потрібні взагалі смайли або це зайва примочка до блогу? Головне завдання будь-якого інтернет ресурсу нести корисну інформацію (ясно, що смайли такої інформації не несуть), але не варто забувати про те, що сайт повинен бути зручний для користувача у всіх сенсах: починаючи від зовнішнього сприйняття, і закінчуючи зручною навігацією і формою коментування.

Наочний приклад: на моєму блозі Qbici.ru варто авторозміщення коментарів, тобто вони не проходять модерацію. І люди часто висловлюють свою думку за допомогою смайликів, одних смайликів! Звичайно користі від таких коментарів немає, але якщо гарненько це обміркувати, то стає ясно, що це не так:

Загалом, підводячи риску я вважаю, що смайли повинні бути на блозі, так як з їх допомогою блог ставати більш зручним. Але якщо Ви робите ГС, то не варто морочитися

Вибираємо смайлики для сайту на WordPress

У стандартній версії WordPress встановлені досить банальні і нецікаві смайлики:

Тому було б логічніше зробити що-небудь цікавіше, і це здійснити не так вже й складно! Для початку потрібно визначитися які смайли Ви хочете бачити на своєму блозі?

Можна вибрати із запропонованих нижче варіантів або зробити свої унікальні смайлики (для цього всього-то й потрібно знати ази фотошопа).

Смайли з Skype: скачати (32 KB)

Смайли з ICQ (великі): скачати (90 KB)

Смайли з ICQ (маленькі): скачати (46 KB)

Але не варто зациклюватися тільки на цих Смайл, так як в інтернеті можна знайти багато наборів і підібрати те, що Вам дійсно сподобається.

Варто відзначити той момент, що всі смайлики повинні називатися так само як і стандартні вордпрессовскіе і розміри їх повинні бути квадратними і однаковими: 16 * 16 px, 32 * 32 px або ж 64 * 64 px, і знаходиться в розширенні .gif.

Смайли з наборів вище вже підготовлені до установки, так що перейменовувати або як-небудь переробляти їх не потрібно.

Після того, як Ви визначилися з вибором смайликів слід перейти до їх установлення.

Заміна старих смайликів на WordPress

Папка в якій розташовуються смайли знаходиться за адресою: / wp-includes / images / smilies /. Знайти її Ви можете через Панель управління хостингом, або зв'язавшись з сайтом по FTP через програму Filezilla (переважно другий варіант).

Тепер слід замінити стандартні смайли на нові, тобто розпакувати архів з смайлами прямо в цю папкою з заміною файлів.

От і все! Тепер у Вас нові відмінні смайлики. Але це ще так сказати пів справи, смайли начебто і є, але ніби й немає.

Тепер потрібно налаштувати відображення смайлів, там де потрібно.

Установка смайликів над формою коментування

Смайли краще розмістити над формою коментування - при наборі коментаря вони будуть під рукою!

Перед тим як правити код збережете у себе на комп'ютері всі файли в які вносяться зміни!

Для початку потрібно знайти поле для введення коментаря в файлі comments.php. У мене воно виглядає ось так:

<Textarea name = "comment" id = "comment" tabindex = "4"> </ 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. = '<Img src = "'. Get_bloginfo ( 'wpurl'). '/ Wp-includes / images / smilies /'.$ dm_smile.'" Alt = " '. $ Tag.'" Onclick = "addsmile (\ ''. $ tag. '\'); "/> '; }} Echo '<div class = "all-smiley">'. $ Dm_showsmiles. '&lt;/ Div>'; ?>

Смайли в постах WordPress

Щоб вставляти смайлики в пости WordPress для початку потрібно вирішити їх перетворення. Для цього з адмінки заходимо в розділ Налаштування -> Написання і ставимо галочку в наступному вікні:

Тепер можна урізноманітнити свої пости кумедними колобки

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

Для його зменшення потрібно зрозуміти суть проблеми і знайти її можливе рішення. Клікнувши правою клавішею миші і натиснувши на Перегляд коду елемента (для браузера Google Chrome) ми дізнаємося який div клас присвоєно для наших смайликів:

Тепер відкриваємо файл style.css і в самому кінці додаємо рядки:

.wp-smiley {margin-bottom: -6px; }

Таким чином ми задали певний стиль для всіх смайликів, а конкретно відступ знизу на мінус 6 пікселів, то всі смайлики опустилися трохи вниз, що і забезпечило нормальне межстрочное відстань.

У деяких темах уже можуть бути прописані стилі для смайлів - і це рішення не є універсальним.

Сподіваюся ця стаття спонукала Вас встановити на свій WordPress блог смайлики і вдало це реалізувати. Якщо виникають будь-які труднощі, то готовий надати всіляку допомогу - коментування завжди відкрито!

Схожі статті:

Коментувати через ВКонтакте:

Смайли на WordPress - навіщо вони потрібні?
Смайли на WordPress - навіщо вони потрібні?
Для початку слід розібратися, а чи потрібні взагалі смайли або це зайва примочка до блогу?
Для початку потрібно визначитися які смайли Ви хочете бачити на своєму блозі?
Value + '' + $ smile + ''; } </ Script> <?
Lt;/ Div>'; ?
Новости
Провайдеры:
  • 08.09.2015

    Batyevka.NET предоставляет услуги доступа к сети Интернет на территории Соломенского района г. Киева.Наша миссия —... 
    Читать полностью

  • 08.09.2015
    IPNET

    Компания IPNET — это крупнейший оператор и технологический лидер на рынке телекоммуникаций Киева. Мы предоставляем... 
    Читать полностью

  • 08.09.2015
    Boryspil.Net

    Интернет-провайдер «Boryspil.net» начал свою работу в 2008 году и на данный момент является одним из крупнейших поставщиков... 
    Читать полностью

  • 08.09.2015
    4OKNET

    Наша компания работает в сфере телекоммуникационных услуг, а именно — предоставлении доступа в сеть интернет.Уже... 
    Читать полностью

  • 08.09.2015
    Телегруп

    ДП «Телегруп-Украина» – IT-компания с 15-летним опытом работы на рынке телекоммуникационных услуг, а также официальный... 
    Читать полностью

  • 08.09.2015
    Софтлинк

    Высокая скоростьМы являемся участником Украинского центра обмена трафиком (UA — IX) с включением 10 Гбит / сек... 
    Читать полностью