Смайли на Wordpress - зміна і установка
- Смайли на WordPress - навіщо вони потрібні?
- Вибираємо смайлики для сайту на WordPress
- Заміна старих смайликів на WordPress
- Установка смайликів над формою коментування
- Смайли в постах WordPress
- Схожі статті:
Привіт шановні читачі блогу 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. '</ Div>'; ?>Смайли в постах WordPress
Щоб вставляти смайлики в пости WordPress для початку потрібно вирішити їх перетворення. Для цього з адмінки заходимо в розділ Налаштування -> Написання і ставимо галочку в наступному вікні:
Тепер можна урізноманітнити свої пости кумедними колобки
Начебто просто, але у мене та й у багатьох інших смайли відображаються не зовсім коректно - вони утворюють великий міжрядковий інтервал:
Для його зменшення потрібно зрозуміти суть проблеми і знайти її можливе рішення. Клікнувши правою клавішею миші і натиснувши на Перегляд коду елемента (для браузера Google Chrome) ми дізнаємося який div клас присвоєно для наших смайликів:
Тепер відкриваємо файл style.css і в самому кінці додаємо рядки:
.wp-smiley {margin-bottom: -6px; }Таким чином ми задали певний стиль для всіх смайликів, а конкретно відступ знизу на мінус 6 пікселів, то всі смайлики опустилися трохи вниз, що і забезпечило нормальне межстрочное відстань.
У деяких темах уже можуть бути прописані стилі для смайлів - і це рішення не є універсальним.
Сподіваюся ця стаття спонукала Вас встановити на свій WordPress блог смайлики і вдало це реалізувати. Якщо виникають будь-які труднощі, то готовий надати всіляку допомогу - коментування завжди відкрито!
Схожі статті:
Коментувати через ВКонтакте:
Смайли на WordPress - навіщо вони потрібні?Смайли на WordPress - навіщо вони потрібні?
Для початку слід розібратися, а чи потрібні взагалі смайли або це зайва примочка до блогу?
Для початку потрібно визначитися які смайли Ви хочете бачити на своєму блозі?
Value + '' + $ smile + ''; } </ Script> <?
Lt;/ Div>'; ?