Привет дорогой читатель. В прошлой части серии статей по изменению анонсов, я говорил что записи можно разделять при помощи различных элементов (рамка, полоска) в том числе и с помощью фона.
Разделение записей при помощи фона.
В css вы можете задать блоку posts любой цвет какой захотите.
На скриншоте мы видим, что записи выделены зеленым цветом, а фон который за ними белого цвета. Смотрится не очень хорошо. Поэтому лучше использовать для выделения задний фон.
Что если мы хотим, чтобы записи были допустим белого цвета, а фон серого?
Для этого нам придется поменять цвет фона блока в котором находится наш цикл. Во многих темах цикл который выводит записи находится в блоке content, а тот в свою очередь в блоке (container, main, root или др) , и изменение бэкграундов этих блоков может дать то что нам необходимо.
Если в вашей теме фон который находится позади записей, задается не при помощи этих блоков, то посмотрите какие блоки идут по иерархии выше чем posts и измените их фон на тот который вам необходимо.
P.S Для того чтобы у вас не возникло сложности в смене фона советую прочитать статью Как поменять фон сайта WordPress , а так же Как выбрать фон для сайта?
На примере своего блога
- Для начала, я сменил главный фон страницы на серый (паттерн)
- Потом убрал фон у блока container, так как он был белым (как я это сделал читайте в одной из статей приведенных выше)
- Задал белый цвет для анонсов и для статей, с рамкой (какой код и куда добавить, прежде чем править стили я говорил в прошлой части серии статей по изменению анонсов)
Вот что примерно получилось
Все изменения в данном случае производились в style.css
Код стиля posts для моего блога
.posts
{
background: #fff; /*Задаю белый цвет для блоков анонсов*/
padding: 20px; /*Внутренний отступ для красоты отображения содержимого*/
border: 1px solid #e0e0e0; /*Рамочка для разделения между фоном и анонсом*/
margin-bottom: 21px; /*Отступ между анонсами, чтобы они были как отдельные блоки*/
}
Таким образом мы разделили наши анонсы фоном блока в котором они находятся и серой рамочкой.
Но на этом наши изменения не закончились в следующей части, как изменить заголовки записей в Wordpres.
