Блог Евгения Вергуса
Советы Вебмастера
Хотите начать зарабатывать на партнерских программах прямо сейчас?

Как убрать рамку вокруг картинки в WordPress

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

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

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

Как обычно заходим в «Панель управления», далее «Дизайн» и затем «Редактор». Открываем файл style.css и там нам надо отыскать строки, примерно такого содержания:

art-article img, img.art-article
{
border: solid 0px #C4C4C4;
margin: 1em;
}
В разных темах может выглядеть по разному, главное найти строку и присутствие  border: solid 1px #C4C4C4; и заменить 1px на 0px и у Вас должна получиться строка следующего содержания: border: solid 0px #C4C4C4; код цвета в данной ситуации не важен, главное чтобы Вы указали ноль пикселей и тогда рамки с картинок исчезнут и Вы сможете наслаждаться еще более красивым дизайном своего сайта, а главное еще одной маленькой победой на пути к достижению своей цели-заработку в интернете.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Оценок статьи ещё нет. Будьте первыми!)
Загрузка...

Спасибо Вам за то, что поделились статьей в социальных сетях!
Подпишитесь на RSS-рассылку и будьте в курсе всех новых статей
К данной статье оставлено: 57 ком.
  1. Андрей
    Ответить
    20 октября 2011 в 12:00

    Евгений у меня к Вам вопрос, если я захочу поменять шаблон темы, что делать, просто установить другой?, а материал не удалится?

    • admin
      Ответить
      20 октября 2011 в 12:14

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

  2. Петр

    Спасибо! Буду иметь в виду. Удачи Вам и процветания!

    • admin
      Ответить
      21 октября 2011 в 14:43

      Петр, Вам тоже огромное спасибо, всегда приятно знать, что хоть чем-то можешь помочь людям.

  3. Таисия

    Спасибо Вам за совет.Как говорится «С миру по нитке- голому заплатка» я не знала как это сделать. Попробую.

    • admin
      Ответить
      21 октября 2011 в 16:12

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

  4. Юлия

    Евгений, как обычно, у меня нет такой строчки((( Как может быть по другому написано в моей теме не знаете?

    • admin
      Ответить
      23 ноября 2011 в 20:25

      Буду разбираться в свободное время, наверное опять придется покопаться в вашем сайте.

  5. Ирина
    Ответить
    25 декабря 2011 в 12:45

    Уважаемый Евгений! Я так обрадовалась, что смогу избавиться от ужасных черных рамок на картинках, но увы... Перелопатила папку стилей вдоль и поперек, но указанных Вами строчек не нашла.Может быть, по свободе, подскажете какие еще могут быть варианты... Пожалуйста!!!

    • Евгений Вергус
      Ответить
      25 декабря 2011 в 13:56

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

  6. Ирина
    Ответить
    26 декабря 2011 в 17:09

    Здравствуйте, Евгений! Еще несколько раз внимательно пересмотрела каждую строчку папки стилей. Текста art. article img, вообще нет.

    В трех местах нашла где упоминается border solid но в другом конфигурации. Вот эти фрагменты.

    Ага! А вставить я их не могу.

    post.post_top)

    border-botton:2px solid #9999 Короче это к рамке вокруг картинки не имеет отношения.

    Вот задачка!!?

    Темка называется Phyto

    А ведь интересно, где же эта собака зарыта?

    Евгений, спасибо Вам за внимание. У Вас очень интересный блог и теперь я Ваша постоянная читательница. Вот сейчас по Вашему примеру поставлю себе на блог этот замечательный плагинчик — сама пишу посты и очень не хочется чтоб кто-то огородничал на моих страницах. Спасибо Вам! И успехов!

    • Евгений Вергус
      Ответить
      26 декабря 2011 в 19:46

      Возможно все дело в Вашей теме, можете сбросить мне код, через форму обратной связи, я посмотрю.

  7. Ирина
    Ответить
    27 декабря 2011 в 1:12

    Конечно, сейчас сделаю

  8. Ирина
    Ответить
    28 декабря 2011 в 12:44

    Здравствуйте, Евгений! Только что сделала так как Вы посоветовали и УРА!!!! все получилось!!! Я просто прыгаю от радости! Наконец-то исчезли эти ужасные черные рамки вокруг картинок. Теперь и самой приятно смотреть и людям не стыдно показать. СПАСИБО Вам ОГРОМНОЕ!!! Вы просто СУПЕР!

    • Евгений Вергус
      Ответить
      28 декабря 2011 в 20:42

      Ирина, всегда рад помочь, а Ваши черные рамки конечно наводили грусть, а теперь все красиво и стильно. С Наступающим Новым Годом.

  9. Ирина
    Ответить
    28 декабря 2011 в 23:33

    И Вас, Женя, с наступающим Новым годом! Успехов в творческих замыслах и благодарных читателей. У Вас здесь очень уютно и душевно тепло, как в доме гостеприимного хозяина. Радостей Вам и счастья!

    • Евгений Вергус
      Ответить
      29 декабря 2011 в 0:16

      Ирина, огромное спасибо за теплые слова. И конечно с Наступающим.

  10. Елена

    СПАСИБО ЗА ПОДСКАЗКУ ТЕПЕРЬ ВСЕ НОРМАЛЬНО)

    • Евгений Вергус
      Ответить
      23 января 2012 в 20:40

      Пожалуйста, рад что Вам помогла статья.

  11. Ольга

    Все сделала,как вы сказали,но рамки почему-то остались

    • Евгений Вергус
      Ответить
      22 марта 2012 в 12:12

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

  12. Кирилл

    Спасибо большое Евгений. После проделанной процедуры, всё работает))). На самом деле Важная информация.

    • Евгений Вергус
      Ответить
      30 апреля 2012 в 15:18

      Кирилл, рад что статья принесла Вам пользу, в некоторых случаях это очень важно, особенно если сайт на белом фоне.

  13. Антон

    Не помогло...хотя строчку нужную нашёл, и поменял вместо 1рх на 0рх. В чем может быть проблема?

    • Евгений Вергус
      Ответить
      13 июля 2012 в 14:12

      Антон, попробуйте обновить страницу несколько раз или почистить кеш. Чудес не бывает.

  14. Нина
    Ответить
    22 марта 2013 в 9:36

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

    Специалист я не великий, объясните как исправить, пожалуйста! %)

    • Евгений Вергус
      Ответить
      22 марта 2013 в 10:26

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

  15. Юлия

    евгений здравствуйте. подскажите пожалуйста вот что...

    мне мои рамки нравятся и по стилю они подходят. вообщем убирать их я не хочу.

    но. я хотела бы в конце некоторых записей вставлять png рисунок. естественно без рамки. Это что-то вроди логотипа. Такое возможно?

    • Евгений Вергус
      Ответить
      31 марта 2013 в 18:53

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

  16. abzats
    Ответить
    26 июля 2013 в 21:35

    У меня не получились. Я не wqeb-мастер. в файлах Нет и намека на : solid 0px #C4C4C4;

    margin: 1em, хотя border в единственном экземпляре есть. Вероятно, существуют другие способы «обрамлять» картинку. Будем дальше рыть, а автору спасибо — научил находить файлы в word press

  17. abzats
    Ответить
    26 июля 2013 в 21:44

    А она таки пришла: идея. На Firebug попробую. Получится?

    • Евгений Вергус
      Ответить
      26 июля 2013 в 22:57

      Должно получиться 🙂

  18. Роман

    Здравствуйте! подскажите пожалуйста как убрать рамку только для ОДНОЙ фотограйии, а остальные оставить с рамкой (по заданным стилям) ? Спасибо !

    • Евгений Вергус
      Ответить
      28 июля 2013 в 10:26

      Роман, для этого нужно знать код и стили, нужно прописать стиль именно для данной фотографии.

  19. Роман

    Это я понимаю 🙂 Что надо поставить в этот код чтобы отменить рамку ?

  20. Роман

    Спасибо

  21. Роман

    код почему то не отправляется , но там ничего особенного альт, ссылка на картинку , высота ширина, смещение слева !

  22. Роман

    примерно также как и у вас к картине help.gif

    • Евгений Вергус
      Ответить
      28 июля 2013 в 11:14

      Роман, если сами не разберетесь, обратитесь к фрилансерам. Я не занимаюсь настройками на данном этапе.

  23. Роман

    Понял, спасибо!

  24. Дана

    Здравствуйте, Евгений.

    Хочу заметить, что способ, который Вы описали, хорош, но он подходит не для всех тем для WP, т.к. в новых темах данный тег (который отвечает, за ширину рамки вокруг картинки) прописан в «разделе» под названием .post_thumbnail {.

    Например у меня (в исправленном виде) это выглядит так:

    .post_thumbnail {

    background-color: #EEEEEE;

    border: 0px solid #CCCCCC;

    margin: 0 10px 10px 0;

    padding: 5px;

    }

    • Евгений Вергус
      Ответить
      27 сентября 2013 в 10:44

      Дана, данная статья написана давно, сейчас уже многое изменилось, тем огромное множество и код пишется по другому. Вариантов масса и все описать невозможно, к сожалению.

  25. Константин

    Спасибо! Статья помогла!

  26. Александр
    Ответить
    8 декабря 2013 в 21:41

    Привет,Евгений!У меня два сайта,на одном мне удалось быстро и легко убрать рамку,по описанному в статье алгоритму,а на другом все сложно.Текста art. article img, вообще нет.Не знаю что уже делать.Подскажи пожалуйста =)

    • Евгений Вергус
      Ответить
      8 декабря 2013 в 23:21

      Привет, Саш! Я знаю только этот способ. Сейчас куча новых шаблонов и код уже пишут по новому, а я не на все 100% в это разбираюсь. Мой конек — зарабатывать 🙂 Фрилансеры за 100 р исправят.

      • Александр
        Ответить
        9 декабря 2013 в 11:45

        Спасибо,пойду на воркзиллу =)

        • Евгений Вергус
          Ответить
          9 декабря 2013 в 14:26

          Да не за что 🙂

  27. Андрей

    Спасибо за совет. Рамки долгое время портили картинки на сайте. Оказалось все так просто

    • Евгений Вергус
      Ответить
      23 января 2014 в 20:30

      Все на самом деле всегда просто, главное знать как.

  28. Максим

    Спасибо полезная информация. В предыдущих версиях WordPress это можно было сделать при редактировании страницы было удобно. В новой версии я такого не нашел.

  29. Zawer
    Ответить
    15 июня 2015 в 17:04

    Попробовал сделать, не совсем получилось.

  30. влад

    спасибо!помогло

  31. Айгуль
    Ответить
    7 ноября 2015 в 23:17

    Евгений, всю огромную ссылку просмотрела и только хотела писать Вам: у меня тоже не уходят эти рамки, но на 3-4 раз просматривания все таки вычислила их, зараз, только они были чуть в другом написании. Какое же Вам спасииииибоооо!!!!!! Огромное-преогромное! Так эти рамки прям мешали, вроде мелочь, но как занозы мешают! Действительно прыгать хочется ))))))

    • Евгений Вергус
      Ответить
      9 ноября 2015 в 9:34

      Отлично! Рад что статья принесла Вам пользу и помогла избавиться от рамки )

  32. Марк
    Ответить
    16 мая 2017 в 22:32

    Здравствуйте, Евгений.Проблема с рамкой. Удалось найти основной код, там убрал рамку, после этого рамка пропала. Но когда зашел через оперу, там рамка отображается. Поискал в файле css отдельные настройки Оперы, там тоже поставил border: 0 для изображений, но к сожалению рамка не исчезла. Может посоветуете что нибудь?

  33. Марк
    Ответить
    17 мая 2017 в 18:33

    Прошло время и в Opera тоже рамка перестала быть видна, странно, что не сразу. Спасибо за статью.

    • Евгений Вергус
      Ответить
      17 мая 2017 в 18:40

      Нет ничего странного, просто в опере был кеш браузера.

Оставить свой комментарий