Otter — это плагин для создания страниц с помощью блоков Gutenberg, который добавляет дополнительные функции в редактор блоков WordPress (также известный как Gutenberg) для улучшения процесса создания страниц без необходимости использования традиционных конструкторов страниц, таких как Elementor и Divi.
Быстрые ссылки 🔗
- Хотите увидеть блоки Otter в действии перед установкой? СМОТРИТЕ ДЕМОНСТРАЦИЮ БЛОКОВ OTTER
- Новичок в экосистеме блоков Gutenberg? Ознакомьтесь с нашей статьей о GUTENBERG
- Нужна помощь с настройкой? Ознакомьтесь с нашей ДОКУМЕНТАЦИЕЙ
- Заинтересованы в Otter Pro? Вот подробная информация об OTTER PRO
С блоками Otter вы получаете доступ к
- 26+ дополнительным блокам Gutenberg
- Коллекции шаблонов
- Условиям видимости
- Произвольному CSS
- Анимации и многому другому
Для всех блоков, включая сторонние, присутствующие на вашем сайте.
Функция произвольного CSS позволяет напрямую настроить CSS-свойства любого блока Gutenberg на странице, а функция анимации позволяет быстро и легко добавить анимацию к любому блоку, чтобы повысить привлекательность различных блоков и разделов страницы.
С помощью функции условий видимости от Otter вы можете задать условия, которые должны быть выполнены, прежде чем выбранные вами блоки отображаться на странице.
Библиотека шаблонов содержит множество различных элементов в разных стилях, которые помогут вам создать отличные страницы. Здесь собраны все наиболее важные области вашего сайта: заголовки, отзывы, таблицы цен, разделы и многое другое.
Ознакомьтесь с кратким обзором блоков Otter
Чем вам могут помочь блоки Gutenberg от Otter? 🤔
Плагин блоков Gutenberg для WordPress
Otter добавляет 26+ удивительных и полезных блоков, чтобы сделать создание страниц в Gutenberg клёвым делом!
Вам нужны не просто блоки, вам нужны расширенные возможности настройки, позволяющие контролировать стиль и внешний вид. С Otter у вас есть все это.
Каждый блок поддерживает настройку, которая поможет вам оформить сайт в соответствии с вашим видением:
- Элементы управления основным, акцентным и фоновым цветом.
- Анимации возвращения, подпрыгивания, проявления, переворачивания, вращения, скольжения, вкатывания, появления со скоростью света и многие другие — одним нажатием кнопки.
- Управление типографикой — от интервала до выбора шрифта.
Отзывчивость блоков Otter на мобильных устройствах
Создавайте дизайн, удобный для мобильных устройств, с помощью встроенных настроек отзывчивости Otter. Каждый блок можно настроить таким образом, чтобы обеспечить единообразное восприятие на мобильных устройствах, планшетах и настольных компьютерах.
Плагин условий блока Gutenberg для WordPress
Хотите, чтобы определенные блоки отображались только тогда, когда пользователь авторизован или не авторизован? А как насчет того, является ли он клиентом вашего магазина, а не редактором вашего блога или имеет какую-либо другую пользовательскую роль? Благодаря функции условий блока Gutenberg, доступной в Otter, это возможно. Обновитесь до PRO-версии Otter, чтобы раскрыть возможности дополнительных условий блока, таких как:
- Строка запроса URL
- Диапазон дат
- День недели
- Время суток
- Товары WooCommerce в корзине
- Всего потрачено в WooCommerce
- Общая стоимость корзины WooCommerce
- Содержимое файлов cookie
- И других
Плагин анимации блоков Gutenberg для WordPress
Поразите посетителей вашего сайта потрясающей анимацией, которую можно добавить любому блоку на странице. На выбор доступно более 50 анимаций; Otter позволяет придать дополнительную изюминку любой записи или странице вашего сайта.
Плагин всплывающих окон Gutenberg для WordPress
Всплывающие окна — один из старейших методов захвата потенциальных клиентов и показа уведомлений в Интернете. Благодаря блоку всплывающих окон Gutenberg, доступному в Otter, вы можете создавать всплывающие окна из любого другого блока, доступного в Gutenberg!
Настройте всплывающие окна, указав, когда они должны появляться и как их можно закрыть. С помощью нашего блока всплывающих окон вы получаете доступ ко множеству триггеров, таких как при загрузке, при выходе, при нажатии на якорь и при прокрутке.
Кроме того, вы можете оформить всплывающее окно с помощью настраиваемого перекрытия заднего плана, чтобы оно соответствовало вашему фирменному стилю и привлекало больше внимания. Посмотреть живую демонстрацию
Глобальные настройки по умолчанию блоков Otter
Устали от необходимости задавать одни и те же параметры каждый раз, когда добавляете блок на страницу? С помощью Otter вы можете задать конфигурацию по умолчанию для некоторых наиболее часто используемых блоков, таких как блок раздела, блок иконок, расширенный заголовок и других.
Блоки, доступные в Otter
Gutenberg блок раздела [Бесплатно]
Блок столбцов на стероидах! Этот блок позволяет создать раздел, содержащий до 6 столбцов, каждый из которых может иметь свой цвет фона, изображение или градиент. Используйте функции адаптивности этого блока, чтобы задать внутренние и внешние отступы для настольных компьютеров, планшетов и мобильных устройств. Посмотреть живую демонстрацию
Gutenberg блок расширенного заголовка [Бесплатно]
Блок заголовков, о котором вы даже не подозревали. Этот блок Otter обладает всеми функциями стандартного блока заголовков с некоторыми другими возможностями, такими как возможность изменять шрифт, выделять части текста и многое другое. Посмотреть живую демонстрацию
Gutenberg блок группы кнопок [Бесплатно]
Быстро и легко создайте несколько кнопок и отобразите их вертикально или горизонтально в зависимости от устройства, на котором просматривается страница. Посмотреть живую демонстрацию
Gutenberg блок слайдера [Бесплатно]
Используйте этот блок для создания слайдеров изображений на любой странице Gutenberg. Настройки включают высоту слайдера, задержку, количество слайдов на странице, автозапуск и многое другое. Посмотреть живую демонстрацию
Gutenberg блок аккордеона [Бесплатно]
Используйте этот блок для создания вертикально расположенных списков содержимого, которые можно раскрывать или скрывать нажатием кнопки; чаще всего они называются аккордеонами. Посмотреть живую демонстрацию
Gutenberg блок вкладок [Бесплатно]
Используйте этот блок для создания горизонтально расположенных списков содержимого, которые можно раскрывать или скрывать нажатием кнопки; чаще всего они называются вкладками. Посмотреть живую демонстрацию
Gutenberg блок карт [Бесплатно]
Выберите блок Open Street Map или Карт Google и создайте маркеры точек, представляющих интерес для посетителей вашего сайта. Наш блок поможет вам настроить карту, вплоть до цвета и описания маркеров, искать места по названию или координатам, добавлять и удалять элементы управления картой, а также изменять размер и стиль карт несколькими щелчками мыши. Посмотреть живую демонстрацию
Gutenberg блок обратного отчёта [Бесплатно]
Осталось совсем немного до важного события? Покажите это с помощью блоков Gutenberg. Отсчитывайте дни, часы, минуты или секунды. Посмотреть живую демонстрацию
Gutenberg блок контактных форм [Бесплатно]
Быстро и легко разместите контактную форму в любом месте страницы. При желании превратите форму в машину для генерации лидов, интегрировав ее с Brevo (Sendinblue) или Mailchimp. Кроме того, упростите управление данными с помощью интеграции веб-перехватчика и обеспечьте повышенную безопасность с помощью hCaptcha. Посмотреть живую демонстрацию
Gutenberg блок записей [Бесплатно]
Используйте этот блок для вставки элементов из записей, страниц и пользовательских типов записей на текущую редактируемую страницу. Блок записей позволяет отображать определенное количество материалов на различных страницах. Среди доступных для него настроек: стили, тип записей, дизайн и разметка.
Gutenberg блок обзора товара [Бесплатно]
Ведете блог о продукте, который вам нравится? А может быть, вы ведете сайт обзоров? Используйте этот блок, чтобы создать таблицу обзора товара и перечислить его характеристики, плюсы и минусы, а также дополнительные ссылки для покупки. Посмотреть живую демонстрацию
Блок AI [Бесплатно]
Загляните в блок AI — ваш путь к созданию контента и форм без особых усилий на основе искусственного интеллекта. С помощью AI творца содержимого можно легко создавать текст, динамические заголовки и содержательные абзацы, а AI творец форм упрощает создание форм. Это универсальное решение для бесперебойной работы — все, что вам нужно от AI, аккуратно упаковано в один блок.
Gutenberg блок услуг [Бесплатно]
Используйте этот блок для перечисления услуг вашего бизнеса с дополнительной кнопкой для перехода к более подробной информации. Посмотреть живую демонстрацию
Ценообразование & Gutenberg блок раздела с ценами [Бесплатно]
Используйте этот блок для быстрого создания красивых таблиц цен на ваши услуги/товары. Посмотреть живую демонстрацию
Gutenberg блок отзывов [Бесплатно]
Размещайте отзывы своих клиентов в любой записи или странице, используя Gutenberg блок отзывов от Otter.
Касса Stripe [Бесплатно]
Этот блок будет очень полезен, если вы хотите продавать несколько товаров, не создавая целый магазин, например, электронные книги, какие-то лицензии и т.д.
Gutenberg блок иконок [Бесплатно]
Отобразите любой значок из Font Awesome или нашего собственного списка значков в любом месте страницы. Меняйте цвета, добавляйте границы и объединяйте их с другими блоками, чтобы улучшить внешний вид вашей страницы. Посмотреть живую демонстрацию
Gutenberg блок списка значков [Бесплатно]
Дополните ненумерованные списки, используя в качестве указателей (вместо точек) произвольные значки. Посмотреть живую демонстрацию
Gutenberg блок анимации Lottie [Бесплатно]
Вы слышали о Lottie? Потрясающе! С помощью Gutenberg блока Lottie анимации от Otter вы можете отображать анимацию Lottie в любом месте сайта. Посмотреть живую демонстрацию
Gutenberg блок добавления в корзину [PRO]
Разместите блок кнопки «Добавить в корзину» для любого товара WooCommerce в любом месте публикации или страницы, которую вы редактируете.
Gutenberg блок часов работы [PRO]
Создайте красиво оформленную таблицу рабочих часов и отрегулируйте ее настройки так, чтобы она стала идеальной.
Сравнительная таблица обзоров [PRO]
Приготовьтесь произвести впечатление на своих читателей с помощью таблицы сравнения обзоров от Otter. Легко создавайте профессионально выглядящие таблицы сравнения продуктов на вашем блоге или сайте.
Живой поиск [PRO]
Функция живого поиска расширяет возможности основного блока поиска, добавляя два дополнительных атрибута (isLive и postTypes), которые можно установить в инспекторе на панели «Живой поиск».
Мы постоянно добавляем новые блоки Gutenberg в Otter, чтобы помочь вам в создании страниц сайта. Не стесняйтесь рассказывать нам, чего у нас не хватает, на нашем форуме поддержки! Вот некоторые другие блоки:
- Gutenberg блок шкалы прогресса [Бесплатно]
- Gutenberg блок круглого счётчика прогресса [Бесплатно]
- Gutenberg блок переворачивающейся карточки [Бесплатно]
- Gutenberg блок всплывающего окна [Бесплатно]
- Gutenberg блок значков «Поделиться» [Бесплатно]
- Gutenberg блок формы подписки [Бесплатно]
Получите больше возможностей в Otter Pro 🤩
Конструктор блоков WooCommerce
Создавайте собственные страницы отдельных товаров с помощью конструктора блоков WooCommerce от Otter. Все новые функции призваны увеличить конверсию и внести дополнительные улучшения.
С Otter Pro вы получаете гораздо больше возможностей, включая:
- Блок добавления в корзину
- Блок часов работы
- Блок сравнения обзоров товара
- Блок живого поиска
- Дополнительные возможности динамического содержимого
- Дополнительные варианты условий видимости
- и другие!
Вы можете попробовать живую демонстрацию блоков Otter — установка не требуется. Нажмите здесь, чтобы попробовать.
Кому пригодится Otter? 👀
- Любому, кто хочет раскрыть лучшие возможности нового редактора Gutenberg с помощью полезных и простых в использовании блоков Gutenberg.
- Любому, кто думает отказаться от традиционных конструкторов страниц, таких как Elementor и Divi, в пользу нового редактора блоков Gutenberg.
- Любому, кто пробует создавать быстрые страницы Gutenberg в рекордно короткие сроки.
- Любому, кто пытается скрыть/показать блоки Gutenberg на основе таких условий, как статус авторизации пользователя.
- Любому, кто пытается добавить анимацию в блоки Gutenberg.
Давайте посмотрим несколько примеров использования 🚀.
Otter открывает целый мир возможностей! Узнайте, как различные сегменты аудитории могут извлечь из этого максимум пользы:
-
Блоггеры-путешественники: украсьте свой блог о путешествиях увлекательными картами с помощью блоков карт от Otter и Google, чтобы продемонстрировать свои путешествия по миру.
-
Некоммерческие организации: привлеките свою аудиторию и продвигайте свое дело с помощью блоков Otter, таких как «Круглый счётчик» и «Отзывы», чтобы поделиться вдохновляющими историями успеха.
-
Владельцы ресторанов: демонстрируйте меню вашего ресторана и с лёгкостью собирайте заказы с помощью блоков Otter, вроде «Переворачивающаяся карточка» и «Форма», чтобы создать аппетитное онлайн-присутствие.
-
Обзорщики технических продуктов: демонстрируйте подробные обзоры продуктов с помощью блока «Обзор товара» от Otter, делая свой контент информативным и увлекательным.
-
Блоггеры: усовершенствуйте свои записи в блоге значками «Поделиться», создав удобные возможности для обмена информацией вашими читателями. Используйте слайдер для отображения галерей изображений и привлечения аудитории.
-
Создатели содержимого и продавцы цифровых товаров: Gutenberg блок «Касса Stripe» предлагает удобный способ продажи цифровых товаров, таких как электронные книги, онлайн-курсы, лицензии на программное обеспечение или цифровые произведения искусства, без необходимости создания полноценного интернет-магазина. Интегрировав этот блок, вы сможете обеспечить покупателям удобный и безопасный процесс оформления заказа.
-
Рецензенты продуктов: создавайте информативные и привлекательные сравнения обзоров продуктов с помощью таблицы сравнения обзоров, помогая пользователям принимать взвешенные решения.
-
Владельцы ресторанов: отображайте часы работы в стильном формате с помощью блока «Часы работы», чтобы клиентам было легко вас найти.
-
Онлайн-каталоги: сайты, демонстрирующие каталоги, списки или обширные материалы, где живой поиск упрощает доступ к содержимому.
Поддержка 🤝
Мы здесь, чтобы помочь. Не стесняйтесь открыть новую тему на форуме поддержки.
Документация 📚
Узнайте, как максимально эффективно использовать блоки Otter, из нашей подробной и удобной документации.
Станьте участником 💁♂️
Блоки Otter — это проект с открытым исходным кодом, и мы приглашаем всех желающих стать частью нашего активного сообщества! Помогите нам улучшить плагин и сделать его еще лучше — ссылка на GitHub
Полезные ресурсы 📌
- Узнайте больше о WordPress в нашем блоге.
- Интересуетесь другими нашими плагинами? Посмотрите здесь.
- Получите максимальную отдачу от блоков Otter с помощью нашего полезного плейлиста с обучающими материалами на YouTube.
Плагин полагается на сервис api.themeisle.com для доступа к списку шаблонов, подсказкам AI и адаптации. Для доступа к коллекции шаблонов сервиса учетная запись не требуется, а с политикой конфиденциальности можно ознакомиться здесь.