Многие, кто создает блог самостоятельно, при этом используя бесплатные шаблоны WordPress, сталкиваются с такой проблемой, что когда размещаешь в статье картинку, то вокруг нее появляется рамка.
В некоторых случаях эта рамка не мешает, а именно, когда в статьях используются картинки прямоугольной или квадратной формы. Но вот когда хочется украсить статью картинкой какой-то особой формы, да еще и на прозрачном фоне, то тут уже эта рамка будет не то что мешать, а просто напросто портить всю картину.
Всему этому есть объяснение и соответственно решение. Дело в том, что в некоторых темах, а конкретно в их стилях, прописан код, который отвечает за вывод этой рамки вокруг изображений. При этом в коде может быть указана, как толщина рамки, так и ее цвет, который, как правило, всегда соответствует цветовой гамме сайта. Так вот, если найти этот код и изменить в нем всего лишь одну цифру, то можно эту рамку вовсе убрать, что собственно и является решением всей этой проблемы.
Вот пример картинки:
Как видите, с рамкой выглядит она не очень, а вот если рамку убрать, то будет совсем другое дело.
Итак, слова словами, давайте собственно перейдем к делу и разберемся, как убрать рамку вокруг картинки в WordPress.
Убираем рамку вокруг картинки в шаблоне WordPress
Скажу сразу, что с этой задачей сможет справиться даже новичок. Что нужно будет сделать?
Зайти в админку, и там во вкладке «Внешний вид» перейти в «Редактор«. Затем в редакторе нужно будет перейти в таблицу стилей «style.css». Как правило, она сразу подгружается, после входа в «Редактор«.
Далее в таблице стилей нужно будет найти вот такую строчку:
.art-article img, img.art-article { border: solid 1px #A6A6A6; margin: 1em; }
В некоторых темах, ее код может выглядеть немного иначе, но это не страшно, т.к. главное найти строчку, в коде которой будут присутствовать следующие значения: border: solid 1px #A6A6A6;.
Может быть и такое, что вы найдете 2 или более кода, в которых присутствует строчка — border: solid. Что тоже не страшно, т.к. нужно будет править тот, в котором class соответствует настройкам изображений (img). В моем случае он выглядит так .art-article img, img.art-article, а ниже него уже идут сами значения, отвечающие за вывод рамки и задающие ей цвет.
После того как ее нашли, нужно будет заменить в ней 1px на 0px, и подтвердить изменения нажатием кнопки «Обновить файл«. В конечном результате, ваша строчка должна принять вид: border: solid 0px #A6A6A6;. При этом код цвета можно даже и не менять, главное 1 пиксель, заменить значением 0 пикселей, и тогда рамка исчезнет и не будет вам больше докучать.
Вот таким вот легким образом убирается рамка с картинок в WordPress. Причем занимает все это дело, не более 2-х минут времени, а что самое главное, теперь ваш сайт будет выглядеть еще более приятнее, чем раньше.
Здраствуйте! Большое спасибо, помогли, рамки убрал. Но есть другая проблема — картинки, а точнее миниатюры (22 на 17 примерно) находятся выше текста(как степень в математике), как бы над текстом, а мне надо, чтобы они были в одной строке. Как это можно отрегулировать?
Здравствуйте, о каких именно миниатюрах идет речь? можете скрином показать?