Не правильно отображаются смайлы wordpress

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

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

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

не правильный размер смайликов wordpress

Изначально решив, что тут какая-то фигня, я вернул все на прежние места и попросту поставил плагин, но результат не поменялся. После этих не хитрых манипуляций, сонная голова поняла что все дело в CSS’ке (если кто не знает то в ней прописаны все стили для вашего блога, т.е. шрифты, цвета и тонна всего прочего).

Как я выявил что надо поменять я вам сейчас расскажу.

1. Используя google chrome смотрим код элемента (смайла)

Как поменять размер смайлика в вордпресс

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

Как изменить размер смайла в WordPress

У меня все верно, и теперь я вижу название класса(у меня это wp-smiley, запоминаем, оно нам пригодится) для смайлов и вижу все его характеристики. А вот и проблема наша

Проблемы со смайликами wordpress

Как видно в красной рамке, в моей теме почему-то максимальная высота для смайликов установлена 12 пикселей.

2. Все что надо сделать-залезть в CSS и поставить другое значение.

заходим в Админку -> Внешний вид -> Редактор. Далее переходим в style.css и ищем наш класс, меняем 12px на другое, в зависимости от того какие у вас смайлы ;)  я поставил 31 и обновляем файл.

как изменить размер смайликов wordpress

Теперь проверяйте, все ли сработало? Отлично, выдыхаем и релаксируем :mrgreen:

Если вам помогла статейка или было просто приятно читать, понажимайте социальные кнопочки, ну и разумеется велкам в комментарии =)

vsepro100.net был атакован и восстановлен недавно!
У вас быстро открывается сайт vsepro100.net

Добавить статью в соц сеть

Комментарии к: Не правильно отображаются смайлы wordpress

  1. А что если в стайле нету этой функции? :|

    • Павел Гаврилин

      В таком случае вы можете добавить в CSS’ку класс, который присвоен смайлам (но не описан в стилях). и прописываете все, что требуется.
      В случае с описанным примером, вам нужно в style.css добавить:
      #content img.wp-smiley {*******;
      *****;
      }

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Captcha Captcha Reload

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Подписаться, не оставляя комментарий