Миниатюра записи WordPress.Как убрать рамку

Просматривал сейчас свои записи и наткнулся на один раздражающий меня элемент - рамка вокруг миниатюр у анонсов записей.

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

Как добавить миниатюру (картинку) к записи wordpress

Прежде всего расскажу как правильно её добавить.

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

1. Лучше делать картинки свои, чем тупо скачивать с инета

2. Не надо прикреплять огромные картинки (достаточно 200*200 или что-то типа этого, а не 2000*1500 :arrow: )

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

Итак, вы в открытой записи, миниатюра готова. Нажимаем "задать миниатюру"

как задать миниатюру записи wordpress4. Загружаете/выбираете из библиотеки нужный вам  файл, не забудьте про заголовок и описание "alt"

5. Обновляем/публикуем запись и все, можете посмотреть возле анонса к записи появится .

Как убрать рамку вокруг миниатюры записи в wordpress

Я уверен в каждой теме для вордпресса возможны разные места и методы описания стиля миниатюр.

Поэтому есть безотказный метод поиска и решения проблемы.

Чтобы убрать рамку вокруг миниатюры на нашем блоге нам потребуется Google Chrome (или аналог с возможностью посмотреть код элемента)

1. Заходим на страничку вашего блога где расположена миниатюра, тыкаем по ней "посмотреть код элемента"

как убрать рамку миниатюры wordpress записи2. Что мы видим на скриншоте: в style.css для класса, присвоенного к миниатюре ".post_thumbnail" присвоен стиль рамки "border: 1px solid #E0E0E0;"

3. Теперь нам остается только зайти в "Внешний вид"->"Редактор"->"style.css" и найти там эту строчку.

4. Теперь у вас есть 2 пути:

4.1 Просто удалить "border: 1px solid #E0E0E0;"

4.2 А можно внести изменения: border: 0px solid #E0E0E0; (в этом случае рамка 0 пикселей = не отображается). Можно внести любые изменения на ваш вкус: сделать другой её цвет, толщину и т.п.

 

Если у вас возникли вопросы, пожелания или что-то не получается и статья не до конца вам помогла, то пишите в комментариях, буду раз помочь по возможности :roll:

 

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

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

Комментарии к: Миниатюра записи WordPress.Как убрать рамку

  1. Доброго времени суток. Проблема с рамками миниатюр у меня существует, а,вот, записи "border: 1px solid #E0E0E0;" нет. Вместо этого записано: a img { border: 0; }
    a { color: #cd4517; text-decoration: none; cursor: pointer; }
    a:hover { text-decoration: underline; }.
    Что в данном случае следует делать?
    Спасибо.

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

      у вас на сайте вроде бы они не обведены в рамку. Что именно вы хотите сделать? А то я не понимаю =)

  2. Были обведены. пРишлось путешествовать на сервер, лезть в папку style.css, долго искать там border-solid (не без помощи firebug) и вносить соответствующие изменения.

  3. Спасибо, свою проблему я решил. Правда я искал не то, как удалить рамку, а как сменить её цвет. Не понимаю, почему многим так не нравится рамка, на оборот симпатично.

  4. полезная статейка, но мне нужно наоборот сделать рамку с заокруглеными углами.

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

      По аналогии находите стиль для вашей миниатюры, и дописываете в css к ней
      border: 1px solid цвет (например);
      border-radius:5px;

  5. Может кто подсказать?Убрал надпись архив рубрики у себя на сайте,но осталась белая рамка без надписи архив рубрики,может кто знает как можно ее убрать?

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

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

Captcha Captcha Reload

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

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