Пропустить

Как добавить две кнопки рядом в один столбец в Elementor

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Когда дело доходит до рейтинга кликов, кнопка намного мощнее текста. В Факир, у вас есть виджет Button для добавления элемента кнопки на страницу. Вы можете использовать виджет "Кнопка" для создания кнопки с действием, например кнопка WhatsApp, то кнопка скайпа, кнопку Электронная почта и т. д. без установки дополнительного плагина WordPress. Для внешнего вида вы можете установить любой макет, какой захотите. Например, вы можете добавить две кнопки рядом в один столбец. Эта статья покажет вам, как этого добиться.

По логике вещей, вы можете добавить виджет «Внутренний раздел» в один столбец и разместить свои кнопки в каждом столбце внутреннего раздела, чтобы получить расположение столбцов бок о бок. Хотя этот метод неплох, есть способ лучше. Вы можете разместить две или более кнопок рядом в одном столбце, используя параметр встроенной настройки позиционирования. Этот вариант размещения поместит виджет в горизонтальный стек вместо вертикального.

Как добавить две кнопки рядом в один столбец в Elementor

Сначала укажите столбец, в котором вы хотите разместить свои кнопки, и добавьте свою первую кнопку.

добавьте две кнопки рядом в одном столбце в Elementor

После добавления кнопки перейдите на вкладку Передовой из панели настроек и откройте блок Позиционирование. В выпадающем списке Ларджер, выбрать В очереди.

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

Добавьте вторую кнопку и повторите шаги, описанные выше, и вуаля, у вас будет вторая кнопка рядом с первой.

Если вы добавите новую кнопку и зададите позиционирование на встроенном, он будет размещен рядом со вторым столбцом.

Чтобы установить промежуток между столбцами, вы можете просто изменить любую из кнопок и установить поле на блоке. Передовой под вкладкой Передовой из панели настроек.

Чтобы определить выравнивание кнопок, вы можете изменить столбец двух кнопок. В списке Раскрывающийся список "Выравнивание по горизонтали" под блоком Предоставление под вкладкой Диспозиция, выберите нужное выравнивание.

добавьте две кнопки рядом в одном столбце в Elementor

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

Хотя первый метод неплох, он не рекомендуется, потому что добавление нового виджета (в данном случае внутреннего раздела) увеличивает потребность вашей страницы в HTML, что повлияет на скорость страницы.

Получите Elementor Pro прямо сейчас!

Заключение

Там ! Вот и все, что касается этой статьи, в которой показано, как добавить две кнопки рядом в одном столбце в Elementor. Если у вас есть вопросы о том, как туда добраться fдайте нам знать в Комментарии.

Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Но тем временем поделитесь этой статьей в разных социальных сетях.

...

Эта статья содержит комментарии 0

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

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Вверх