Самый простой способ создать кнопку «Показать больше» / «Просмотреть больше» в Elementor без плаг...
Reialesa
0:00 / 0:00
Самый простой способ создать кнопку «Показать больше» / «Просмотреть больше» в Elementor без плаг...
19 488 просмотров · 2 года назад
Reialesa
8,73 тыс. подписчиков
19 488 просмотров · 2 года назад
Объяснение единиц измерения Elementor — как и когда следует использовать PX, REM, EM, %, VH и VW: • Elementor Units Explained - How and When Y...
Объяснение глобальных настроек Elementor — как правильно настроить параметры сайта для эффективной работы: • Elementor Global Settings Explained - How ...
Сколько денег я заработал и потратил на YouTube: • How Much Money Do Small YouTubers Actually...
Необходимый CSS-код для этого закреплен 📌 в верхнем комментарии.
Что я использую для создания потрясающих сайтов:
Elementor (лучший конструктор страниц WordPress): https://be.elementor.com/visit/?bta=2...
Мой любимый хостинг (сервер, необходимый для работы вашего сайта): https://kinsta.com/?kaid=JJYBWRAQITOF
Отличная и доступная альтернатива: https://www.hostinger.com/reialesa — используйте промокод 'REIALESA', чтобы получить дополнительную скидку 10% на покупку!
🗞️ Подпишитесь на мою рассылку: https://www.reialesa.com/newsletter/
Кнопка «Показать больше» — это очень простой способ добавить контент на ваш сайт, не отображая его сразу. Показывая контент при нажатии кнопки, пользователи остаются на той же странице, а не перенаправляются на другую. Это также упрощает дизайн и показывает контент только тем, кто действительно в нем заинтересован. В Elementor есть очень простой способ создать такую кнопку. Мы будем использовать новый виджет вложенного аккордеона и стилизуем его, изменив его работу с помощью CSS. Это, безусловно, самый простой способ создать такую кнопку без использования каких-либо дополнительных плагинов.
Вы можете настроить её внешний вид. Вы можете разместить в ней любой контент: текст, изображения, видео, товары или даже целые контейнеры, занимающие большую часть вашей страницы. Вы можете назвать её как угодно — «посмотреть больше», «читать больше», «показать больше» или что-то ещё. И, конечно же, мы сделаем её полностью адаптивной.
Вдобавок ко всему, вы можете применить к своему контенту простые эффекты анимации, которые сделают весь эффект ещё более динамичным и интересным.
#показатьбольше #кнопка #elementor
РАЗДЕЛЫ:
00:00 - Введение
00:31 - Включение вложенного виджета аккордеона
00:51 - Добавление и подготовка виджета аккордеона
02:42 - Стилизация виджета аккордеона
04:09 - Добавление CSS
05:10 - Объяснение и настройка CSS
06:40 - Примечание о CSS
07:53 - Объяснение и настройка CSS
11:58 - Адаптивность всего контента
12:33 - Настройка CSS для бесплатной версии Elementor
13:24 - Добавление эффектов движения к вашему контенту
Свяжитесь со мной:
https://www.reialesa.com/youtube/
Не стесняйтесь! Дайте мне знать, что бы вы хотели увидеть дальше, задайте мне любой вопрос, связанный с дизайном, или просто поздоровайтесь.
Обратите внимание, что некоторые из приведенных выше ссылок являются партнерскими, это означает, что я получаю комиссию, если вы совершаете покупку, без каких-либо дополнительных затрат с вашей стороны. Большое спасибо, если вы решите ими воспользоваться!