Блог Евгения Вергуса Советы Вебмастера

Начните зарабатывать на партнерских программах, даже если у вас нет опыта и знаний! Скачайте бесплатный видеокурс по партнерским программам. Получить бесплатно
Евгений Вергус
Рубрики блога: Показать все

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

help

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

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

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

Wordpress_logo

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

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

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

    • admin

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

  • Петр

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

    • admin

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

  • Таисия

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

    • admin

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

  • Юлия

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

    • admin

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

  • Ирина

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

    • Евгений Вергус

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

  • Ирина

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

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

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

    post.post_top)

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

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

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

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

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

    • Евгений Вергус

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

  • Ирина

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

  • Ирина

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

    • Евгений Вергус

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

  • Ирина

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

    • Евгений Вергус

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

  • Елена

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

    • Евгений Вергус

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

  • Ольга

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

    • Евгений Вергус

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

  • Кирилл

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

    • Евгений Вергус

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

  • Антон

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

    • Евгений Вергус

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

  • Нина

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

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

    • Евгений Вергус

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

  • Юлия

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

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

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

    • Евгений Вергус

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

  • abzats

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

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

  • abzats

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

    • Евгений Вергус

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

  • Роман

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

    • Евгений Вергус

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

  • Роман

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

  • Роман

    Спасибо

  • Роман

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

  • Роман

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

    • Евгений Вергус

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

  • Роман

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

  • Дана

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

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

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

    .post_thumbnail {

    background-color: #EEEEEE;

    border: 0px solid #CCCCCC;

    margin: 0 10px 10px 0;

    padding: 5px;

    }

    • Евгений Вергус

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

  • Константин

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

  • Александр

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

    • Евгений Вергус

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

      • Александр

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

      • Евгений Вергус

        Да не за что 🙂

  • Андрей

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

    • Евгений Вергус

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

  • Максим

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

  • Zawer

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

  • влад

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

  • Айгуль

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

    • Евгений Вергус

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

  • Марк

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

  • Марк

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

    • Евгений Вергус

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

  • Алексей

    Хорошая и полезная статья. Спасибо автору за помощь? Рамки получилось убрать с изображений. Правда не сразу. Пришлось долго покопаться в коде.

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

Ваш адрес email не будет опубликован.