Введение в блок Qubely – вертикальные вкладки: построитель вертикальных вкладок одним щелчком мыши с предварительно разработанными шаблонами
Здравствуйте, уважаемые друзья и гости блога Pribylwm.ru! Как-то я уже писал в своем блоге о замечательном плагине для WordPress – Qubely, который является полноценным инструментом для создания сайта. Ссылка на этот материал немного ниже. Ну, а еще дальше по тексту будет еще одна полезная ссылка для скачивания данного плагина в PRO-версии совершенно бесплатно. А пока, давайте узнаем, что же нового произошло за относительно короткий срок со дня выхода в свет этого плагина. Поехали …
Представляем совершенно новый блок Vertical Tabs для вашего любимого набора инструментов Gutenberg для блоков «Qubely». Отныне Вы можете легко создавать вертикальные вкладки с полной настройкой на Gutenberg.
Чтобы дать пользователям WordPress движка лучший функциональный продукт, был сделан необходимый шаг со стороны разработчиков. С новым блоком Vertical Tabs Вы получите различные параметры макета, возможность настраивать меню вкладок, текст, настраивать анимацию и многое другое.
Если Вы не уверены, что вертикальные вкладки добавляют на Ваш сайт, давайте рассмотрим несколько причин, почему они должны быть у Вас.
- Легче ориентироваться по сравнению с другими формами пользовательского интерфейса
- Улучшение организации вашего контента
- Добавьте визуальную согласованность к информации на Вашем сайте
Здесь Вы можете посмотреть материал, о котором я Вам говорил выше, нового блока Qubely Vertical Tab. А также небольшой видеобзор от авторов:
Вертикальные вкладки – Qubely Vertical Tab Block: что внутри?
С помощью блока «Вертикальная вкладка» Вы сможете создать любой тип дизайна с вертикальными вкладками, который только можете себе представить. Давайте посмотрим на то, что Вы получаете.
- Выберите из заранее разработанного набора макетов, чтобы начать
- Определите, как Вы хотите, чтобы вкладки выглядели
- Установите раздел текста / подзаголовка так, как Вы хотите
- Добавьте любой блок в раздел тела вкладок
- Создавайте вертикальные табличные меню, которые уникальны для Вас
Предварительно разработанные макеты для вашего удобства
Есть несколько предустановленных макетов дизайна, которые Вы можете выбрать. Они предлагают универсальные элементы дизайна и полностью настраиваемые. Если Вам нужен конкретный дизайн макета, Вы можете легко настроить, используя доступные параметры.
Шаблоны вертикальных вкладок одним щелчком
Чтобы сэкономить Ваше время, блок Qubely Vertical Tab также поставляется с готовыми к использованию шаблонами, которые можно использовать одним щелчком мыши. Разработчики хотят убедиться, что их клиенты имеют в своем распоряжении лучшие инструменты и ресурсы. Это попытка убедиться, что это правда. Вы получаете 5 красивых вертикальных шаблонов вкладок для использования на Вашем сайте.
Просто выберите шаблон по Вашему выбору, и Вы готовы предложить надежную вертикальную вкладку на Вашей странице / посте. У разработчика есть планы на будущее, чтобы дать нам еще больше шаблонов.
Настройте меню вкладок по своему вкусу
Есть несколько вариантов настройки, которые Вы можете выбрать. Установите разные цвета, включая тип градиента для активного состояния вкладки, а также для состояния наведения вкладки. Определите значение радиуса угла с помощью ползунка и укажите тень раздела вкладок в блоке «Вертикальные вкладки».
Настройте текстовую метку
В новом блоке «Вертикальные вкладки» Вы также можете настроить раздел текстовых меток вкладок. Вы сможете установить различные свойства цвета в зависимости от состояния. Например, определенный цвет или тип градиента для активного или парящего состояния.
Вы можете установить выравнивание текстов внутри вкладки, включить значки / изображения для каждой вкладки отдельно. Чтобы добавить значок / изображение к текстовой метке, включите значок навигации. Есть также варианты, чтобы установить, как Вы хотите, чтобы значок / изображение выглядело. Исходя из конфигурации конкретного цвета, положение в разделе вкладок, размер, расстояние между текстом и значком / изображением и так далее настраиваются.
Установить подробности подзаголовка
Вы также можете включить подзаголовки для каждой вкладки в блоке «Вертикальная вкладка». Как только Вы включите это, все соответствующие конфигурации будут доступны. Установите различные типы параметров цвета для различных типов состояний (например, нормальный, активный, наведение). У Вас также есть возможность установить цвет заливки или тип градиента.
После этого есть также опции для установки разрыва между заголовком и подзаголовком. Включите типографику, чтобы определить настройки типа Вашего подзаголовка.
Добавить Аккордеоны так, как Вы хотите
Если Вы хотите добавить текст после раздела подзаголовка Ваших вкладок в блоке «Вертикальные вкладки», то Вам нужно включить Аккордеон. Выберите один из 3 различных типов состояний (нормальный, активный и при наведении) для всех типов настроек.
Установите определенный цвет, расстояние между текстом аккордеона и остальным текстовым содержимым на вкладке. Если Вы хотите добавить расширенную типографику к существующему тексту аккордеона, Вы можете сделать это тоже с помощью опции Advanced Typography.
Конфигурируемые секции тела вкладки
Раздел body указывает на раздел, который появляется после нажатия вкладки в блоке Vertical Tab. Вы можете выбрать ориентацию тела из меню стилей. Из этого раздела Вы можете установить цвет фона, отступы, интервалы, цвет границы, ширину границы, прямоугольник и радиус раздела тела. Все эти атрибуты можно настроить так, как Вам нравится.
Полный список изменений Qubely Pro v1.0.9
В последней версии Qubely Pro исправлены многочисленные известные проблемы, связанные с Вашими отзывами. Вот полный список изменений Qubely Pro v1.0.9.
- Новый: вертикальный блок Tab
- Исправлено: блок «Построитель форм» добавляет новую проблему к пустому столбцу
- Исправлено: проблема с высотой аватара в карусели
- Исправлено: отзыв Карусель блок Box-shadow проблема
- Исправлено: проблема с опцией скорости ползунка блока Карусель
Расскажите нам что Вы думаете про вертикальные вкладки в Qubely для WordPress
Если Вы хотите узнать больше о блоке Vertical Tab и всех его функциях, Вы всегда можете проверить официальную документацию на сайте разработчика. Также привожу обещанную ссылку для скачивания PRO-версии плагина Qubely, которым Вы сможете пользоваться и обновлять его на своем сайте совершенно бесплатно!
Начните использовать совершенно новый блок Qubely Vertical Tab и поделитесь с нами своим опытом в комментариях ниже. Также Вы можете поделиться со своими друзьями, знакомыми и родными данным материалом, чтобы они тоже узнали все новости о сайтостроении для WordPress.Всем удачи и благополучия! До новых встреч!
