Bootstrap, полностью открытый и бесплатный в использовании, стал одним из самых популярных интерфейсных фреймворков для настольных и мобильных приложений. При подходе, ориентированном на мобильные устройства, каркас по сути заставляет дизайнеров создавать сайты для небольших экранов, а затем масштабировать проекты оттуда.
Bootstrap 4 — это новейшая версия фреймворка, и сегодня мы рассмотрим 20 лучших плагинов Bootstrap 4, доступных на CodeCanyon . Независимо от того, пишете ли вы тему WordPress или ищете шаблоны форм или навигационных панелей для статического сайта, CodeCanyon предлагает для вас плагин!
1. WP Pricing Builder
WP Pricing Builder позволяет пользователям создавать адаптивные таблицы цен за считанные минуты. Плагин предлагает конструктор перетаскивания, 89 уникальных дизайнов и генератор цветовой темы среди других функций. Это облегчает настройку и обеспечивает высокую степень настройки.
Пользователь TelosAlpha говорит:
«Быстрая четкая поддержка. Но помимо этого, это очень продвинутый и хорошо написанный кусок кода. Очень интуитивно понятный в использовании, множество фантастических стилей».
2. Карта прогресса
Progress Map — это плагин WordPress для списков местоположений. Это позволяет пользователям, у которых есть веб-сайты, на которых представлены такие услуги, как гостиницы, недвижимость, рестораны, рабочие места и т. Д., Иметь места для этих списков, определенных на Картах Google с помощью маркеров и специальной карусели. Карусель связана с картой, что означает, что при выборе элемента в карусели соответствующее местоположение отображается на карте, и наоборот. Новые местоположения можно добавлять на карту и карусель, используя форму на странице «Добавить новое сообщение».
Пользователь Moraviani говорит:
«Очень настраиваемый, элегантный и элегантный плагин, который выводит ваш сайт на профессиональный уровень. Много отличных вариантов. Очень быстро и при правильном использовании он придаст вашему сайту идеальный вид и использование. Настоятельно рекомендуется.»
3. Близлежащие места
Плагин Nearby Places является расширением вышеуказанного плагина Progress Map . Это позволяет пользователям отображать достопримечательности рядом с конкретным местоположением, добавленным с карты прогресса владельца. Эти достопримечательности представлены Google Maps. Плагин также предоставляет мощную форму поиска, которая позволяет пользователям указывать свою позицию или вводить заданный адрес и отображать все близлежащие достопримечательности. Плагин может быть настроен из панели администратора, чтобы соответствовать общему виду вашего сайта.
Пользователь Gijon говорит:
«После долгих поисков, это лучший плагин для карт, который я нашел очень полным и простым в использовании».
4. Модерн — Bootstrap 4 Forms
Modern — Bootstrap 4 Forms позволяет вам создавать любые карты для своего сайта. Он предоставляет восемь различных стилей карт, таких как карточки продуктов, профильные карточки, карточки с отзывами и т. Д., А также сетку. Плагин прост в реализации, и пользователи могут легко редактировать, изменять и настраивать их.
5. Веб-слайд
Вдохновленный мобильным дизайном, Web Slide обеспечивает навигацию по слайдам на макете вашего сайта. Благодаря наличию одного кода для всех устройств, меню стиля мобильного ящика, стиля приложения и анимационных эффектов CSS 3 плагин совместим с основными настольными и мобильными браузерами, такими как Chrome, Edge, Firefox, Safari и Opera.
Пользователь quadnine говорит:
«Отличный продукт с первоклассной поддержкой. Это были хорошо потраченные деньги.
6. Reside Аренда недвижимости управления
Плагин Reside Rental Property Management разработан для того, чтобы упростить управление всей информацией, связанной с управлением собственностью, такой как владение недвижимостью, аренда, арендаторы, использующие эти свойства, полученные арендные платежи и т. Д. Плагин помогает вам держать важные детали вашего бизнеса доступными на в любое время с любого компьютера или устройства.
7. Корзина JQuery XML
Если вы ищете корзину для покупок, которую легко установить и использовать, ознакомьтесь с JQuery XML Shopping Cart . Некоторые из его замечательных функций включают поддержку неограниченного количества продуктов, которые можно легко разделить на категории и подкатегории; ставка налога по умолчанию, которая может быть изменена на ставку налога на продукт; и базовая стоимость доставки, к которой могут быть добавлены дополнительные расходы по мере необходимости.
Пользователь dnkn76 говорит:
«Качество документации и гибкость превосходны по сравнению с другой корзиной покупок, отличной от PHP, которую я купил. В кратчайшие сроки магазин был в рабочем состоянии, а стоимость доставки, налоги и изменение валюты — на одном дыхании.
8. Бутстрап 4 Карусель
Bootstrap 4 Carousel предоставляет пользователям несколько вариантов отображения изображений на их веб-сайте, включая слайдер с миниатюрами, несколько элементов карусели, карусель с эффектом затухания, галерею слайдеров изображений Bootstrap и многое другое. Плагин предоставляет более 200 готовых примеров и макетов для удобства пользователя. Эта гибкая карусель совместима с мобильными и планшетными устройствами, а также со всеми последними веб-браузерами.
9. Прокрутите Волшебное WordPress
Scroll Magic WordPress — это умный и креативный плагин, который позволяет пользователям создавать веб-страницы, которые легко реагируют на текущее поведение прокрутки посетителя. Владельцы веб-сайтов могут либо запустить анимацию, либо синхронизировать ее с движением полосы прокрутки. Элементы могут быть закреплены в определенной позиции прокрутки либо на неопределенный срок, либо для ограниченного количества хода прокрутки. Плагин также имеет возможность добавить параллакс и множество других забавных эффектов на ваш сайт.
Пользователь vallered говорит:
«Удивительный плагин. С помощью новейшего обновления можно реализовать любой пользовательский CSS при прокрутке. Производительность отличная, очень плавная анимация, а также немедленная поддержка. Это решение, которое я долго искал ».
10. Современное МегаМеню
Современный MegaMenu предлагает пользователям как можно больше возможностей для создания меню и навигационной панели своей мечты. Плагин предлагает более 50 макетов заголовков и широкий спектр стилей навигационной панели. Этот полностью адаптивный плагин Bootstrap 4 легко интегрируется в ваш сайт и обладает широкими возможностями настройки.
11. Schoex
Schoex — это невероятная система управления школой, которая позволяет образовательным учреждениям построить гибкую систему связи между администраторами, учителями, учениками и родителями. Плагин позволяет школе назначать пользователям разный уровень доступа к информации, содержащейся на сайте. Информация, такая как посещаемость, оценки, экзамены, домашние задания и т. Д., Может быть записана и отслежена.
Пользователь erpaulsmith говорит:
«Я очень доволен приложением и особенно службой поддержки. Спасибо вам, ребята, за отличный сервис! »
12. Цифровая торговая площадка
Существует множество моделей для продажи товаров и услуг через Интернет, и Digital Sell Marketplace — это плагин Bootstrap 4, который предлагает то, что он называет «усовершенствованным легким PDO-сценарием цифровой загрузки PayPal», который позволяет быстро и легко продавать свои продукты. Несмотря на то, что скрипт является легковесным, функции этого плагина — нет. Он поставляется с тоннами профессиональных компонентов, таких как управление запасами и инвентаризация, категории и подкатегории, коды купонов и поддержка, чтобы помочь бизнесу работать профессионально и эффективно.
Пользователь tarkuslove говорит:
«Блестящий сценарий. Работает очень хорошо. Хорошо спроектирован и очень хорошо закодирован. Служба поддержки клиентов — первый класс. Если вам нужен цифровой рынок и вы не хотите напрягаться, пытаясь настроить его на WP или что-то еще, тогда получите этот сценарий». Отличное качество, отличный сервис, очень рекомендуется ».
13. SNOW UI Kit
SNOW UI Kit — это адаптивный и многоцелевой шаблон оформления, который предоставляет пользователям большой выбор компонентов пользовательского интерфейса для добавления на их веб-сайты, включая кнопки различных форм, размеров и цветов; широкий выбор опций для отображения изображений; множество стилей функциональных коробок и карт, а также более 675 иконок от Font Awesome. Отличный выбор для начала работы на вашем новом веб-сайте. SNOW UI Kit прост в установке и хорошо документирован.
14. Плавающая форма
Коллекция плавающих встроенных форм меток, плавающая форма, содержит большое количество форм, таких как формы контакта, просмотра, поиска, входа в систему и подписки, а также широкий выбор форм бронирования. Каждая форма имеет свою собственную таблицу стилей.
15. Laraship E-Commerce
Несмотря на то, что Laraship E-Commerce является новичком в области электронной коммерции, она уже зарекомендовала себя как один из самых популярных плагинов в этой категории на CodeCanyon. Среди его выдающихся особенностей — продукт, управление налогами и доставкой. Он также предлагает мощный поиск с использованием полнотекстовых поисковых индексов и поддерживает несколько валют.
Пользователь Callelance говорит:
«Одна из лучших платформ электронной коммерции, готовая к работе. Это то, что я искал для моего проекта. Продавец очень отзывчив на все мои вопросы и помог нам установить на наш сервер. Отличный дизайн. Хорошо структурированный код. Отличная поддержка клиентов. «
16. Каскад
Если вы собираетесь создать новый веб-сайт, Cascade может пригодиться. Это потому, что плагин предлагает огромную библиотеку компонентов пользовательского интерфейса, таких как индикаторы выполнения, всплывающие окна, навигационные панели, карусели, карты и панели, формы, кнопки и значки и многое другое. Более того, файлы SCSS включены, поэтому настройка проста и удобна.
17. Управление пользователями
WordPress уже поставляется с некоторыми базовыми функциями управления пользователями, которые плагин User Management стремится улучшить и расширить. Администратор веб-сайта может добавлять, редактировать и удалять пользователей и просматривать статистику с панели мониторинга, в то время как пользователи имеют доступ к страницам регистрации и входа в систему и своей собственной панели инструментов. Дополнительные функции включают проверку электронной почты, Google Recaptcha и т. Д.
Пользователь garimam говорит:
«Оперативная поддержка для устранения проблем. Интерфейс и качество кода также хороши ».
18. Bootstrap 4 WYSIWYG Редактор
Если вы ищете Bootstrap «WYSIWYG», который позволяет увидеть, как будет выглядеть конечный результат вашего проекта, то Bootstrap 4 WYSIWYG Editor может быть для вас. Этот простой и удобный в использовании редактор требует jQuery, Bootstrap 4 и Font Awesome.
Пользователь innovco говорит:
«Я использовал это для другого плагина, который я делаю, и это очень хороший редактор без раздувания, который облегчает мне использование. У меня не было проблем с этим, и я очень рекомендую это другим. ”
19. Ultimate до после ползунка
Слайдер Ultimate Before After After для WordPress позволяет красиво демонстрировать изображения до и после. Доступны четыре режима просмотра: горизонтальный, вертикальный, постепенный и параллельный. Другие замечательные функции включают возможность добавлять изображения под слайдер, неограниченное количество слайдеров на одной странице, а также касание и пролистывание на мобильных устройствах.
Пользователь PapaJohns говорит:
«Я потратил всего 2 минуты, чтобы сделать слайдер« до / после »на моем сайте. Определенно рекомендую этот плагин. ”
20. Шаговый фильтр WooCommerce
WooCommerce Step Filter помогает вашим клиентам выбрать продукт, который им подходит, путем фильтрации интересующих их продуктов по цене, определенному атрибуту или пользовательскому правилу. Плагин настраивается, поэтому вы можете настроить его под свои нужды.
Пользователь APlayer говорит:
«Я долго искал плагин, который бы соответствовал моим потребностям, прежде чем найти его. Его легко установить и использовать, а поддержка клиентов была фантастической».
Вывод
Представленные здесь 20 плагинов Bootstrap 4 просто поверхностно раскрывают возможности, доступные на CodeCanyon , поэтому, если ни один из них не подходит , есть множество других замечательных вариантов, которые могут вас заинтересовать.
И если вы хотите улучшить свои навыки, используя Bootstrap самостоятельно, ознакомьтесь с очень полезными учебниками по Bootstrap, которые мы предлагаем.