Как изменить отображение анонсов(записей) WordPress Часть 2

Привет дорогой читатель. В прошлой части серии статей по изменению анонсов,   я говорил что записи можно разделять при помощи различных элементов (рамка, полоска) в том числе и с помощью фона.

Разделение записей при помощи фона.

В css вы можете задать блоку posts любой цвет какой захотите.
zapisi_wordpress6

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

Что если мы хотим, чтобы записи были допустим белого цвета, а фон серого?

Для этого нам придется поменять цвет фона блока в котором находится наш цикл. Во многих темах цикл который выводит записи находится в блоке content, а тот в свою очередь в блоке (container, main, root или др) , и изменение бэкграундов этих блоков может дать то что нам необходимо.

Если в вашей теме фон который находится позади записей, задается не при помощи этих блоков, то посмотрите  какие блоки идут по иерархии выше чем posts и измените их фон на тот который вам необходимо.

P.S  Для того чтобы у вас не возникло сложности в смене фона советую прочитать статью Как поменять фон сайта WordPress , а так же Как выбрать фон для сайта?

На примере своего блога

  • Для начала, я сменил главный фон страницы на серый (паттерн)
  • Потом убрал фон у блока container, так как он был белым  (как я это сделал читайте в одной из статей приведенных выше)
  • Задал белый цвет для анонсов и для статей, с рамкой (какой код и куда добавить, прежде чем править стили я говорил в  прошлой части серии статей по изменению анонсов)

Вот что примерно получилось

zapisi_wordpress7

Все изменения в данном случае производились в style.css

Код стиля posts для моего блога

Таким образом мы разделили наши анонсы фоном блока в котором они находятся и серой рамочкой.

Но на этом наши изменения не закончились в следующей части, как изменить заголовки записей в Wordpres.