7 лучших плагинов для WordPress Icon Box (бесплатно и платно)

Дизайн Icon Box — лучший способ продемонстрировать краткое описание ваших продуктов или услуг. Представление вашей информации в виде коробки может стать привлекательным способом показать ваш контент. Однако вам понадобится помощь плагина для значков, если вы хотите создать этот дизайн на своих веб-сайтах WordPress.

Но когда дело доходит до плагинов, вариантов может быть много. И именно об этом этот пост: читайте дальше, чтобы узнать о лучших плагинах для значков WordPress!

Что такое ящик для иконок?

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

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

Он позволяет отображать блок контента, внутри которого вы обычно видите значок, удерживаемый при нажатии, и другие элементы, такие как заголовок, описание и кнопка. А хороший плагин позволяет вам настраивать элементы поля значков, чтобы интуитивно подчеркнуть ваше основное УТП (уникальное торговое предложение).

Итак, давайте узнаем о лучших плагинах для значков…

Топ-7 плагинов WordPress для значков

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

1. Виджет ElementsKit Icon Box

Статистика плагина:

• Активная установка: 1+ миллион (бесплатная версия)
• Рейтинг: 5.0 или выше
• Лучше всего подходит для : Многоцелевого ящика для значков.

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

Виджет ElementsKit Icon Box упрощает все, например, значок, заголовок, описание, кнопку и другие уникальные функции, такие как значок и водяной знак . Большим преимуществом этого плагина с точки зрения функциональности окна значков является его обширная коллекция значков. У вас будет доступ к Font Awesome- Regular, Font Awesome- Solid, Font Awesome- Brands и ElementsKit Icon Pack.

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

Плюсы:

• Загрузите значок SVG со своего устройства.
• Легко размещайте их в макете страницы.
• Обширная коллекция иконок.
• Включение водяного знака для поля значков.
• Добавьте и настройте значок и рамку.
• Включите кнопку только для наведения.
• Оформите поле значка наложением фона.
• Доступен как бесплатный виджет плагина ElementsKit.

Минусы:

• Поставляется как стороннее дополнение.

2. Виджет Elementor Icon Box

Статистика плагина:

• Активная установка: 5+ миллионов (бесплатная версия)
• Рейтинг: 4,6 или выше
• Лучше всего подходит для : Многоцелевого ящика для значков.

Еще один бесплатный плагин, который вы можете использовать на сайте WordPress, — Elementor Icon Widget. Что мне понравилось в этом плагине, так это то, что вам не нужно устанавливать какие-либо дополнительные плагины, как в случае с ElementsKit. Где вам необходимо установить Elementor и ElementsKIt. И пользовательский интерфейс удобен для новичков.

Но в Elementor отсутствуют некоторые мощные функции ElementsKit, такие как кнопки, значки или водяные знаки. Он хорошо подойдет для отображения минимального поля со значками. Как будто вы не можете никуда перемещаться по посетителям, поскольку у него нет функций кнопок.

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

Плюсы:

• Настройте значок и определите его местоположение.
• Применение анимационных эффектов при наведении курсора мыши.
• Получите варианты стилей для типографики.
• Мобильный адаптивный значок.

Минусы:

• Невозможно добавить значок, водяной знак или кнопку.

3. Панели Colorbox и информационное окно

Статистика плагина:

• Активная установка: 1000+
• Рейтинг: 4,6 или выше
• Лучше всего подходит для : Многоцелевого ящика для значков.

Когда мы тестировали этот плагин на основе начальной загрузки, он был совместим со всеми типами устройств. Самый большой недостаток, который я обнаружил, заключался в том, что его пользовательский интерфейс очень сложен. Несмотря на то, что он предоставляет функцию WYSIWYG, он может быть интуитивно понятным.

Тем не менее, с помощью этого плагина вы можете создать поле значков, такое как поле команды, информационное окно или поле функций.

Плюсы:

• Поставляется с обширными цветовыми вариантами.
• Обеспечивает пять макетов коробок.
• Поддерживает значок Font Awesome и интегрирован с инструментом выбора значков.
• Интегрирован с конструктором перетаскивания.
• Доступен с каменной кладкой и изотопными эффектами.
• Два разных варианта отображения значков.

Минусы:

• Не используйте какие-либо настройки типографики и значков.
• Не могу загрузить свою иконку.
• Большинство функций доступны в профессиональной версии.

4. Окно со значками Betheme

Статистика плагина:

• Лучше всего подходит для : Многоцелевого ящика для значков.

Этот элемент значка создан на основе плагина Betheme builder. Если вы хотите разместить значки в разных местах окна, этот плагин сделает это за вас. Кроме того, вы также можете применять интуитивно понятные эффекты при наведении курсора на поле со значками. Одним из особых эффектов анимации является то, что весь блок перемещается при наведении на него курсора мыши.

Однако вам придется заплатить, чтобы получить все эти функции, поскольку у этого плагина нет бесплатной версии. И вложения не окупятся, поскольку есть бесплатные альтернативы по той же цене.

Плюсы:

• Выберите значок из библиотеки или добавьте свой собственный.
• Установите другое расположение значка.
• Создавайте адаптивные панели значков для всех устройств.
• Применяйте универсальные эффекты анимации при наведении.
• Переместите весь блок значков при наведении курсора мыши.

Минусы:

• Необходимо оплатить полный план.

5. Витрина сервисного бокса

Статистика плагина:

• Активная установка: 5000+
• Рейтинг: 4,8 или выше
• Лучше всего подходит для : окна значков на основе служб.

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

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

Еще одна хорошая особенность плагина Service Box Showcase заключается в том, что он позволяет добавить кнопку «Читать дальше», которая доступна только в профессиональной версии предыдущего плагина.

Плюсы:

• Поддерживает значок Font Awesome и средство выбора значков.
• Интегрирован с API перетаскивания.
• Позволяет перетаскивать элементы часто задаваемых вопросов для упрощения сортировки.
• Выберите отображение значка и кнопок «Читать больше».
• Предоставляет стили карусели для поля значков.
• Предоставляет параметры настройки заголовка и текста кнопок.

Минусы:

• Разработан для одной цели.
• Большинство функций доступны в профессиональной версии.

6. Сервисный ящик

Активная установка : 500+

Рейтинг : 5.0

Лучше всего подходит для : окна значков на основе служб.

Service Box — простой плагин для ящиков со значками. Он исключительно хорошо работает для отображения информации о ваших услугах. Помимо демонстрации универсальных стилей обслуживания, он предлагает отображать ваши услуги в виде сетки и слайдера. Также вы можете сделать группировку сервисных ящиков.

Плюсы:

• Продемонстрируйте свои услуги в виде сетки и слайдера.
• Применяйте один из 16 различных стилей.
• Сгруппируйте свои сервисные ящики.
• Добавьте цвет фона и изображение.
• Добавьте кнопку с полем значка.
• Оформите типографику вашего значка.

Минусы:

• Разработан в основном для создания значков на основе услуг.
• Не могу добавить значок и водяной знак.

7. Информационное окно (блок Гутенберга)

Активная установка : 1000+

Рейтинг : 5.0

Лучше всего подходит для : Многоцелевого ящика для значков.

Последний плагин, который мы хотим добавить в этот список, — это Info Box. Этот плагин WordPress разработан для редактора Gutenberg. Он позволяет вам создать полностью настраиваемый значок для вашего веб-сайта Gutenberg.

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

Плюсы:

• Интуитивно понятный интерфейс на основе Гутенберга.
• Может отображать изображение вместо значка.
• Получите возможности настройки стиля значка.
• Получите элементы управления для стилизации всех элементов, таких как заголовок, подзаголовок и кнопка.

Минусы:

• Не имеет каких-либо значков или водяных знаков.

Как выбрать лучший плагин WordPress Icon Box

Вы все еще не знаете, как выбрать лучший плагин WordPress для создания окна со значками? Обычно мы получаем несколько вариантов плагинов для любых требований WordPress. Однако не все плагины предъявляют особые требования и предпочтения.

Итак, ниже мы изложим некоторые основные минимальные требования при выборе подходящего плагина для отображения информационного окна.

Установите свои требования

Как мы уже знаем, набор иконок состоит из нескольких элементов. Однако совместить все это в одном ведре сложнее всего. Более того, ваш дизайн может иметь особые требования, например, отображение значка или водяного знака. И самое главное, что библиотека значков плагина должна включать предпочитаемый вами значок и параметры поддержки загрузки изображения вместо значка.

Параметры настройки

Одна из основных целей использования плагина для значков — сделать определенную информацию более привлекательной. И, возможно, у вас уже есть идеи по стилю. Таким образом, настройка играет важную роль. Например, вы можете применить эффекты наведения только к значку, а не ко всему окну. Поэтому перед установкой этого значка необходимо проверить доступность функций настройки.

Пользовательский интерфейс

Наличие сложной информационной панели может усложнить дизайн вашего значка. Для этого вам необходим пользовательский интерфейс с более простым управлением настройками. У вас должен быть плагин с опытом создания WYSIWYG. Плагин Elementor или ElementsKit обеспечивает такую ​​функцию.

Готовые макеты

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

Адаптивный дизайн

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

Конфликты плагинов

Мы часто устанавливаем специализированный плагин, когда нам нужен дизайн, подобный значку. Это приведет к увеличению количества плагинов, а также может вызвать конфликты между плагинами. Итак, какое же может быть решение? Лучше всего иметь плагин с различными функциями. Например, использование ElementsKit может удовлетворить различные потребности дизайна вашего веб-сайта, включая поля для значков.

Заключительные слова

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

Большинство плагинов в этом списке бесплатны, поэтому вам следует опробовать их и найти тот, который вам будет удобно использовать на практике. И это будет подходящий способ найти лучший плагин для значков WordPress.