Блок Временной Шкалы На Сайт WordPress

блок временной шкалы

Qubely представляет блок временной шкалы с расширенными параметрами презентации и стиля

Здравствуйте, уважаемые друзья и гости блога Pribylwm.ru! Вы знали, что теперь можно создать на своем сайте WordPress красивый и функциональный блок временной шкалы в Qlinely Timeline? Нет?! Тогда давайте сейчас об этом узнаем вместе! Поехали...

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

Создание креативных временных шкал в Gutenberg становится проще, быстрее и лучше, чем когда-либо прежде с помощью Qlinely's Timeline Block и его универсальных опций настройки.

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

Блок Временной Шкалы в Qubely

Блок временной шкалы позволяет отображать ход различных событий, таких как выпуски продуктов, история компании, предстоящие обновления и многое другое. Кроме того, Вы можете создавать пошаговые инструкции с помощью Qlinely's Timeline Block. Если Вам нужно что-то показать на красивой временной шкале, сделайте это с помощью Timeline Block в Qubely.

blok vremennoj shkaly

Используйте блок Timeline несколькими полезными способами:

  • Сроки разработки конкретного проекта
  • Этапы вашего образования и достижения в ваших портфолио
  • История вашей компании, описывающая каждый этап на пути развития
  • Этапы любого события в хронологическом порядке
  • Серия событий в хронологическом порядке
  • Линия жизни продукта, описывающая выпуски и обновления

Настройка и стиль

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

Интервал: Контролируйте интервал содержимого как по вертикали, так и по горизонтали в PX, EM и Percentage. Вы также можете определить пространство на основе устройств, на которых они будут отображаться.

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

Изображение: После включения изображения в настройках, каждый контент получает опцию вставки изображения. Вы можете изменить положение изображения (до или после содержимого), контролировать высоту изображения, радиус и интервал.

Разъем: Настройка разъема временной шкалы с цветом фона. Выберите границу с цветом, стилем, шириной и радиусом. Решите, следует ли выбрать значок и дать ему предпочитаемый цвет. Определите бар с помощью и выберите цвет бара.

Анимация: Анимируйте временную шкалу, задав анимационный эффект, направление и параметр повтора. Дайте продолжительность анимации и задержку.

Дополнительно: Если Вы хотите больше, можете определить класс CSS и вставить в него CSS. Кроме того, в расширенном варианте Вы можете решить, следует ли скрыть эту временную шкалу на телефоне и планшете.

Заключение

С блоком временной шкалы Qubely у Вас есть максимальная свобода для создания своей временной шкалы. Вам предоставлены я все возможные варианты настройки и стилизации, которые может получить блок временной шкалы. Другие такие замечательные блоки Гутенберга находятся в стадии разработки. Разработка любого макета возможна, если на вашем сайте установлен Qubely. Еще не пробовали Qubely? Получите Qubely сейчас и начните создавать веб-страницы своей мечты прямо сейчас. Всем удачи и благополучия! До новых встреч!

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: