Как разместить кнопку и/или текст на изображении в Divi

В этом уроке я покажу вам, как добавить модуль кнопки или текстовый модуль, расположенный по центру над модулем изображения в Divi.

https://www.peeayecreative.com/how-to...

Добавление модулей поверх модуля изображения
Когда вы впервые думаете о добавлении текста или кнопки поверх изображения, вы можете подумать, что это просто — просто используйте модуль призыва к действию, верно? Неверно! У этого метода есть как минимум две проблемы. Во-первых, изображение должно быть фоновым, а значит, оно будет обрезано. Во-вторых, фоновые изображения играют декоративную роль и не способствуют SEO. Так что, к сожалению, этот вариант больше не работает.

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

Отличное новое решение
Итак, мы снова здесь, и на этот раз мы предложим наилучшее возможное решение, используя настоящие модули кнопок Divi, которые вы можете стилизовать в конструкторе, и настоящие текстовые модули, и даже получим вот это — модуль призыва к действию (для текста и кнопки). Итак, давайте начнём с этого урока и покажем вам, как добавить текст, кнопку или и то, и другое, центрированное над модулем изображения Divi!

Станьте участником нашего клуба приключений Divi!

https://www.peeayecreative.com/produc...

Присоединяйтесь к группе Divi Teacher на Facebook:   / thediviteacher  

Посетите наши дочерние темы, плагины, руководства и курсы Divi здесь: https://www.peeayecreative.com/

Спасибо за просмотр!