Qubely: (100)% Полноценный Инструмент Для Разработки Сайтов

Представляем Qubely: полноценный инструментарий Gutenberg для упрощения разработки сайтов

Здравствуйте, уважаемые друзья и гости блога Pribylwm.ru! Для тех из Вас, кто хочет создавать красивые сайты, сегодня Ваш счастливый день. Встречайте Qubely! Полноценный визуальный блок инструментов Gutenberg, чтобы поднять ваш опыт WordPress на новый уровень. После 6 месяцев исследований и проектирования и написания тысяч строк кода, команда преданных энтузиастов WordPress представляет Вам Qubely.

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

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

Настройка с Мэттом Малленвегом, который сказал, что предыдущий редактор (классический) помог нам в течение последних 14 лет. Мы хотим, чтобы Гутенберг провел нас через 14 лет. Мы также можем сказать, что Квубели здесь и будет здесь надолго.

Qubely расширяет возможности Gutenberg Editor и обеспечивает первоклассное взаимодействие с пользователем

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

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

Qubely Особенности и функциональные возможности

Qubely имеет универсальную библиотеку настраиваемых блоков Гутенберга, с помощью которых Вы можете управлять редактором Гутенберга и применять готовые варианты стилей. Особенности и функциональные возможности Qubely огромны. Давайте посмотрим на основные функции с первого взгляда.

• Предопределенные готовые разделы
• Современные готовые макеты
• Настраиваемые столбцы строк
• Строка видео фон и режим наложения
• Перетаскивание функциональности столбца
• Специфичные для устройства элементы управления
• Форма делителя
• Поддержка Google Fonts
• Классический и градиентный цвет и фон
• Встроенная анимация
• Box-тень
• Font Awesome 5 иконок
• Пользовательские CSS

Теперь позвольте мне рассказать Вам о некоторых захватывающих функциях Qubely более подробно.

Smart Layout Builder

Гибкая система строк-столбцов Qubely позволяет разместить от 1 до 6 столбцов в одной строке и легко создавать любые простые и сложные макеты. Отрегулируйте размер столбцов и создайте макет страницы вашей мечты в считанные минуты.

• Несколько комбинаций строк-столбцов: в строке есть несколько комбинаций столбцов. Комбинация зависит от количества столбцов и их размеров.
• Регулируемые столбцы: просто перетащите столбцы и измените их размер. Контролируйте интервал, добавляйте видео, изображение, цвет, градиент или применяйте режимы наложения к фону.

Широкий выбор макетов страниц

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

Более 120 готовых разделов

Qubely имеет богатую библиотеку готовых разделов, которые можно импортировать и использовать в качестве блоков в редакторе Гутенберга. Вам не нужно стилизовать их с нуля. Изначально у Вас есть более 28 готовых разделов, но в скором времени их будет более 120 готовых разделов с Qubely.

Адаптивное управление устройством

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

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

Включив опцию типографика, Вы можете полностью контролировать типографику вашего контента. Qubely поставляется с полной поддержкой шрифтов Google. Вы можете выбрать шрифты с помощью поиска в Google Fonts, выбрать вес шрифта из указанных параметров, применить преобразование шрифта , установить размер шрифта, высоту строки, межбуквенный интервал в пикселях, em и процентах. Что еще интереснее, Вы можете настроить типографику на основе устройств, на которых будет отображаться Ваш контент.

Богатая библиотека значков

Qubely поставляется с поддержкой значков Font Awesome. Используйте значки в качестве блоков и размещайте их в любом месте на страницах и постах. Выберите из 1500+ Font Awesome иконки. Ищите значки по ключевым словам и применяйте мир стилей для каждой иконки. Также имеется блок «Список значков» для группировки значков в одном блоке.

Глобальные настройки цвета и типографии

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

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

Встроенная анимация

Сделайте веб-страницы живыми с помощью анимации. Qubely позволяет применять анимационные эффекты к блокам. Анимируйте содержимое веб-страницы с помощью этого блочного плагина Gutenberg, выбрав встроенные эффекты анимации.

Доступные анимационные эффекты:

• Fade
• Slide
• Bounce
• Fold
• Zoom
• Rotate
• Flip

Продвинутые блоки Гутенберга Qubely

Прямо сейчас у Qubely есть 22 пользовательских блока Гутенберга. Разработчики трудятся над увеличением количества блоков.

Доступные блоки в Qubely:

• Строка: взять строки, перетащить, чтобы изменить размер столбцов, и контролировать расстояние
• Кнопка: дизайн плоской, градиентной или линейной кнопки с иконками и многим другим
• Аккордеон: настройка элементов аккордеона, которые показывают / скрывают содержимое эстетически
• Вкладки: создание вкладок и добавление анимации, значков и цветов фона.
• Отзыв: Установите отзывы со значком, сообщением, именем, назначением и оценками
• Заголовок: стиль заголовка текста, изменив типографику и цвет
• Счетчик: показать ваши этапы путем анимации чисел с помощью блока Счетчик
• Расширенный текст: применить расширенные параметры стиля к текстам и изменить типографику
• Всплывающее видео: настройте всплывающее видео, добавив значки и изменив дизайн
• Карта Google: встроите Карты Google, чтобы поделиться своим местоположением и привлечь посетителей
• Индикатор прогресса: красиво представьте свои навыки, опыт или прогресс проекта
• Icon: Используйте Font Awesome значки на ваших страницах и постах
• Разделитель: разделите содержимое с помощью потрясающих 28 предварительно разработанных разделителей
• Социальные иконки: добавьте профили социальных сетей на сайт с помощью блока социальных иконок
• Контактная форма: отображение контактных форм в классическом и материальном макете
• Список значков: выравнивание списка значков и настройка размера, положения, расстояния и других значков
• Расширенный список: Создавайте стильные и информативные списки с разметкой Classic & Fill
• Группа кнопок: Включите модные группы кнопок с гибкими вариантами дизайна
• Информационное окно: разместите привлекательное информационное окно, которое обязательно привлечет внимание пользователя
• Ценообразование: демонстрация цен в красивых настраиваемых таблицах цен
• Block Wrapper: Оберните блоки фоном вашего любимого цвета
• Команда: завербуйте участников команды с их деталями, такими как имена, обозначения, социальные ссылки и т. д.

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

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

Наряду с расширением редактора Gutenberg, Qubely также выводит создание сайтов на WordPress на новый уровень. Наслаждайтесь функциональными возможностями Qubely “из коробки” и продолжайте создавать красивые веб-сайты. Делитесь своими ценными мыслями в комментариях. Всем удачи и благополучия! До новых встреч!