Руководство по функции SP Page Builder: Слои
SP Page Builder Pro недавно представил обновленную версию с целью радикально изменить ваш опыт создания веб-сайтов. С появлением этой обновленной версии было введено множество передовых функций, гарантируя, что ваш рабочий процесс будет оптимизирован и соответствовать вашему избранному стилю.
Среди этих новаторских функций функционал "Layers" выделяется на фоне остальных. Создавая аналогии с известным программным обеспечением, таким как Photoshop и Sketch, функция Layers предлагает иерархический интерфейс для конструктора, позволяя вам регулировать каждую деталь на каждом этапе.
Присоединяйтесь к нам, чтобы узнать больше об этой увлекательной функции.
Понимание концепции слоев в SP Page Builder
Использование функции Layers в SP Page Builder - это как аккуратно упорядоченное рабочее пространство. Добавляя различные элементы в ваш конструктор, функционал Layers располагает эти элементы иерархически, укладывая их в порядке. Такая бесшовная организация помогает вам разрабатывать ваш веб-сайт с большей точностью и профессионализмом.
Запуск функции Layers
SP Page Builder Pro теперь переключил свое внимание на редактирование с фронтенда. Чтобы использовать возможности Layers:
- Перейдите на панель управления и выберите нужную страницу.
- В редакторе боковой панели на фронтенде найдите вкладку "Layers", расположенную под "Addons".
- Выбрав вкладку Layers, вы увидите, что каждый раздел, который вы добавили на свою веб-страницу, аккуратно организован.
- Выберите определенный раздел, чтобы отобразить столбцы, связанные с этим разделом. Интуитивный интерфейс также позволяет вам перетаскивать разделы вверх или вниз, изменяя макет вашей веб-страницы.
Кроме того, продолжая добавлять разные разделы на ваш веб-сайт, панель Layers динамически обновляется, отображая эти изменения в реальном времени.
Преимущества использования слоев
В предыдущих версиях, таких как SP Page Builder 3.x, любые изменения макета вашей страницы требовали трудоемкого процесса переключения между бэкендом и фронтендом, просто чтобы визуализировать изменения.
Вот и появилась функция Layers. Теперь вы можете мгновенно видеть изменения макета, быстро настраивая его на лету. Этот эффективный подход позволяет вам перетаскивать разделы в нужные места, а также быстро изменять доступные для каждого раздела параметры через панель настроек.
Эффективная настройка и управление столбцами и дополнениями с помощью слоев
Слои, будучи основной силой SP Page Builder Pro, обеспечивают более динамичный интерфейс, упрощая задачу настройки ваших разделов. Теперь у вас есть возможность быстро перемещать и корректировать отдельные столбцы, а также дополнения, которые вы интегрировали.
Для улучшенной ясности и организации вы также можете переименовывать каждый раздел, столбец и дополнение, что делает процесс идентификации конкретных слоев в вашем макете непринужденным.
Откройте для себя мощь функции "Duplicate"
Еще одна великолепная функция, которая сопровождает слои, - это опция “Duplicate”. Возможность мгновенно клонировать раздел гарантирует, что вы не будете изобретать колесо заново. Вместо того чтобы создавать аналогичный раздел с нуля, просто дублируйте и вносите желаемые изменения, сохраняя оригинал. Эта функция не только экономит время, но и увеличивает скорость создания вашего сайта.
Переключение видимости для большей гибкости
Гибкость - в основе SP Page Builder Layers. Благодаря встроенной функции переключения, вы легко можете выбирать, отображать или скрывать раздел, дополнение или столбец в соответствии с вашими требованиями к дизайну. Хотя вы можете отключать определенные элементы, чтобы они оставались скрытыми на рабочем сайте, они все равно сохраняются в бэкенде, предоставляя простой способ управления видимостью.
Глубокое погружение в интерфейс слоев
Доступ к вкладке слоев предоставляет вам структурированный обзор существующих разделов и их соответствующего содержимого для рассматриваемой страницы. Canvas включает в себя все активные разделы. Нажатие на вертикальную иконку в виде трех точек рядом с Canvas открывает ряд опций, включая:
- Развертывание или сворачивание разделов, столбцов и дополнений.
- Очистка всего холста страницы.
- Экспорт или импорт сохраненных макетов страниц.
Наведение курсора на отдельные разделы и нажатие упомянутой иконки в виде трех точек предоставляет различные опции для управления разделами, такие как дублирование, редактирование, удаление, переименование и доступ к детальным настройкам.
Навигация по вложенным настройкам строк
Для тех, кто требует доступа к вложенным конфигурациям строк:
- Перейдите на вкладку слоев.
- Разверните раздел, связанный с вложенными строками.
- Разверните столбцы, чтобы показать вложенную строку. Нажатие на иконку в виде трех точек предоставит все связанные опции, обеспечивая быстрый доступ к настройкам вашей вложенной строки.
Важно отметить, что настройки вложенной строки доступны исключительно через слои.
Бесшовный процесс импорта и экспорта ваших страниц
Для тех, кто уже знаком с SP Page Builder Pro, вы знаете о важности сохранения вашей усердной работы. Обновленная версия дальше совершенствует процесс экспорта и импорта ваших уникальных страниц.
Экспортированные страницы сохраняются в формате файла .json. При импорте помните, что это на существующей странице перезапишет ее содержимое. Всегда импортируйте на новую страницу, чтобы избежать нежелательной потери данных.
Заключение
SP Page Builder, будучи преданным принципам удобства для пользователя, действительно переопределил ландшафт создания веб-сайтов с введением слоев. Это нововведение не только оптимизирует ваш рабочий процесс, но и оптимизирует время, предоставляя визуализацию изменений в реальном времени.
Отправляйтесь в уточненное, структурированное и эффективное создание веб-сайтов с усовершенствованным SP Page Builder Pro.
Соседние материалы | ||||
Раскройте возможности веб-дизайна с помощью функций взаимодействия и анимации SP Page Builder | Как создавать веб-формы с помощью аддона SP Page Builder |