Добавление карточек статей на главную страницу сайта

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

У карточки статьи на главной странице можно добавить цвет фона и цвет текста заголовка. Цвет фона обычно делается одинаковым с цветом фона изображения карточки.

Цвет фона нужно задать в настройках публикации статьи. Он задается в графе «Цвет фона» (скриншот 1). Цвет фона карточки должен обязательно задаваться в шестнадцатеричном формате — это специальный код цвета виде цифр и/или букв с символом решетки в начале. Например, #0B8245 — зеленый цвет главного изображения статьи, на скриншоте ниже.

Скриншот 1. Настройки цвета фона, текста заголовка и расположения карточки во внеочередном порядке

Код цвета фона должен сообщать дизайнер, ответственный за производство главного изображения для статьи. Но если до дизайнера не достучаться или его нет, а код цвета нужен, его легко добыть с помощью браузера. Для этого нужно открыть специальную панель браузера и сделать всего два клика мышью, как в видео-инструкции ниже:

Как достать код цвета, если дизайнер занят

Цвет заголовка карточки задается только выбором из двух вариантов. Светлого или Темного. Для этого нужно установить соответствующую радиокнопку в группе «Цвет заголовка» (см. скриншот 1).

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

Скриншот 2. Карточки статей на главной странице. У левой верхней карточки цвет темно зеленый, на нем лучше всего читается светлый заголовок. А на нижней левой карточке на светло-голубом фоне лучшая контрастность у темного текста.

Цвет текста и фона автоматически ставится всем карточкам статьи, на главной странице сайта и на всех страницах блога. Например, в слайдерах на главной странице блога.

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

Важно проследить, чтобы темно-серый цвет текста был читаем на выбранном цвете фона карточки, если цвет заголовка выбран темным.

Скриншот 2. Дополнительный текст на карточках статей в блоге

Для этого, нужно установить галочку напротив «отображать на главной» в разделе «Поставить на главную сайта» (см. скриншот 1).

После того, как пост будет сохранен, карточка статьи появится самой первой в блоке на главной странице сайта, а количество новых статей автоматически уменьшится на одну, чтобы в блоке всегда было 8 карточек. Если таких статей 3, то свежих статей будет 5 и так далее. Все такие карточки размещаются автоматически перед свежими статьями.

Если таких внеочередных карточек добавлено на главную страницу больше одной, то можно контролировать их порядок. Для этого в поле «В каком порядке отображать на главной?» нужно установить целое число. Статьи располагаются в порядке возрастания их чисел. То есть, если есть статьи с цифрами 5, 2, 8 и 3, то в блоке на главной они расположатся в следующем порядке по их номерам: 2, 3, 5, 8.

Посмотрите систему изнутри

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

Получите ответ по смс

Ваше сообщение успешно отправлено!
Представьтесь пожалуйста
Укажите номер, на который придет ответ
Нажимая на кнопку, вы даете согласие
на обработку персональных данных.
Только 3 дня
Дарим скидку 30%
на подключение
Посифлоры
Получить
Получить
Дарим скидку 30%
на Посифлору

Оставьте заявку и менеджер расскажет как подключить программу со скидкой

Ваш телефон

Данные отправлены!

Наш менеджер свяжется с вами по указанному номеру телефона

×

Обратный звонок

Мы свяжемся с вами и ответим на все вопросы
×

Чат с Посифлорой

Ответим на все вопросы в вашем любимом мессенджере.

Выберите удобный месседжер и начните диалог прямо сейчас

Нажимая на кнопку, вы даете согласие на обработку персональных данных

Данные отправлены!

Наш менеджер свяжется с вами по указанному номеру телефона

Читайте гайд: Как отвечать
на негативные отзывы —
инструкция и примеры

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

Поздравляем!

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

Получить файл