phone.png

+38 093 254 02 75

( Tel / Viber / Telegram )

Как сделать красивую шапку статьи блога

 

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

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

Мы установили плагин Jet Engine (Входит в состав пакета Crocoblock). За полторы минуты добавили дополнительное поле, позволяющее загружать дополнительный рисунок к статье.  За три минуты отрисовали и загрузили картинку для шапки статьи. И еще нам понадобилось пять минут для того, чтобы настроить отображение шаблона статьи и подключить новое поле с адресом рисунка в качестве фона шапки.

Основная фишка «Крокоблока» заключается в том, что он позволяет создавать свои дополнительные виды данных, свои типы статей, дополнительные информационные поля и многое другое в визуальном режиме и без программирования. В настройках добавили поля, в статье внесли данные и в шаблоне вывели их на страничку. Самое удобное то, что динамические данные, добавленные при помощи плагина Jet Engine прекрасно совместимы с плагином Elementor, в котором осуществляется сборка шаблонов сайта. Вся нестандартная функциональность, добавленная при помощи Jet Engine легко и просто может быть отображены при помощи Элементора.

Весь процесс мы засняли на видео в формате «реалити-шоу». Смотрите, повторяйте за нами, если будут вопросы — не стесняйтесь спросить в комментариях.  Если захотите приобрести и себе набор плагинов Crocoblock, переходите по ссылке https://crocoblock.com/?ref=85 .

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

 

Понравилось? Поделись!

Поделиться в facebook
Сохрани себе на стену
Поделиться в twitter
Твитни в Twitter
Поделиться в vk
Поделись в ВК

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

Заполните форму и мы перезвоним