Новое: расширенные галереи, вкладки, лайтбокс изображений и многое другое
Опубликовано: 2022-08-16Знаете ли вы, что пользователям требуется менее 0,05 секунды , чтобы сформировать мнение о вашем сайте? Хотя большая часть этого мнения основана на времени загрузки веб-сайта, ваш веб-дизайн также будет играть важную роль.
Вот почему мы вернулись с еще одним захватывающим обновлением для SeedProd, чтобы сделать ваш процесс веб-дизайна проще и произвести отличное впечатление на вашу аудиторию.
Нам предстоит многое сделать в этом объявлении, поэтому посмотрите видео ниже для краткого обзора:
Теперь давайте углубимся в детали новых функций SeedProd, которые мы выпускаем сегодня.
Продемонстрируйте потрясающие галереи изображений
Во-первых, это 2 совершенно новых блока галереи изображений, которые позволяют выделить ваши лучшие изображения с точностью до пикселя.
Галерея
Блок « Галерея » использует шорткод галереи изображений WordPress по умолчанию для встраивания простых, отзывчивых галерей несколькими щелчками мыши.
Все, что вам нужно сделать, это перетащить блок « Галерея » на предварительный просмотр в реальном времени, выбрать изображения на вашем компьютере или в медиатеке WordPress и выбрать собственные настройки.
![Блок галереи SeedProd](/uploads/article/41467/aMwPZjXrDObj5SJ2.png)
Например, вы можете связать каждое изображение галереи с медиафайлом или страницей вложения, изменить размер изображения, количество столбцов и порядок, а также отобразить свое изображение во всплывающем окне лайтбокса, не отвлекающем внимание.
Вы даже можете погрузиться в дополнительные настройки, чтобы установить радиус границы, тени, цвета, интервалы и многое другое.
![Расширенные настройки блока галереи](/uploads/article/41467/Waj8nWfsFkPmvAUN.png)
Расширенная галерея
Расширенная галерея — это специально созданный блок SeedProd, который позволяет добавлять несколько галерей в любом месте вашего веб-сайта. По мере добавления фотогалерей вы увидите интеллектуальный фильтр, позволяющий пользователям легко переключаться между ними одним щелчком мыши.
![Расширенный блок галереи SeedProd](/uploads/article/41467/yjt1UJr2y6oSXqMn.jpg)
Этот блок имеет настройки, аналогичные блоку «Галерея», такие как возможность настройки столбцов, ссылок на изображения и интервалов. Тем не менее, он также имеет дополнительные настройки, чтобы ваши изображения выделялись.
Например, вы можете установить соотношение сторон изображения, чтобы галерея изображений разного размера выглядела единообразной и единообразной. Вы также можете включить цвет наложения фона и отображать описание изображения, заголовок, заголовок или замещающий текст при наведении курсора.
![Блок галереи с наложением подписи](/uploads/article/41467/z6FCXNK4jQtBu6SS.jpg)
Как и в случае с блоком «Галерея», вкладка « Расширенные настройки галереи » содержит различные параметры для настройки теней галереи, интервалов, границ и многого другого.
Существует множество способов использования галерей на вашем веб-сайте:
- Дизайнеры могут создавать портфолио, чтобы показать свои последние работы.
- Писатели могут добавлять скриншоты и ссылки на свои последние статьи в Интернете.
- Рестораны могут загружать аппетитные фотографии для иллюстрации своего меню.
Но это не все. Далее у нас есть новый блок, который поможет вам упорядочить контент на вашем веб-сайте.
Организуйте контент с помощью вкладок
Контент с вкладками — отличный способ показать больше контента, не занимая места на вашем сайте. Поскольку содержимое организовано в интерактивные разделы, пользователи могут быстро найти его, что улучшает взаимодействие с пользователем.
Вот почему наш новый блок « Вкладки » — это огромная победа для веб-сайтов малого бизнеса. Возьмем, к примеру, эту страницу контактов:
![Настройки блока вкладок](/uploads/article/41467/u4mMlDIdFTCPlFHR.png)
Пользователям обычно приходится прокручивать страницу вниз, чтобы просмотреть различные разделы информации, или, в худшем случае, переходить на другую страницу. Тем не менее, с содержимым с вкладками они могут видеть все выше сгиба на одной странице.
Вы можете добавить столько вкладок, сколько захотите, и присвоить каждой вкладке собственный значок и цвет. Также очень легко настроить интервал, размер шрифта и выравнивание с помощью точки и щелчка.
![](https://s.stat888.com/img/bg.png)
Нужны дополнительные параметры настройки? Перейдите к расширенным настройкам, где вы можете выбрать горизонтальную или вертикальную компоновку, цвета вкладок, типографику, границы и многое другое.
![Расширенные настройки блока вкладок](/uploads/article/41467/s4LYtyAfpYL1blHc.png)
Вот несколько идей о том, как вы можете использовать содержимое вкладок в дизайне вашего сайта:
- Отображать различные характеристики продукта
- Выделите часто задаваемые вопросы
- Разделите свои услуги на темы
Это может показаться небольшим изменением, но содержимое вкладок может помочь повысить удовлетворенность пользователей и сделать ваш сайт более привлекательным.
Легко настраивайте подменю WordPress
В предыдущем обновлении мы представили блок Nav Menu , который позволяет настраивать меню на вашем веб-сайте. Однако сегодня у нас есть обновление для версии меню WordPress этого блока, которое дает вам больше контроля над вашими подменю.
После назначения меню WordPress в настройках навигационного меню вы можете щелкнуть вкладку « Дополнительно » и изменить дизайн своих подменю.
![Расширенные настройки подменю](/uploads/article/41467/jNIMsXAPISCSdLaD.png)
Вы можете изменить фон, текст и цвет подменю, а также настроить высоту строки, границу и параметры заполнения. Для большего изящества вы даже можете добавить тень к подменю.
Эти параметры стиля значительно упрощают отображение более подробных меню на вашем сайте, включая боковую панель WordPress, виджеты нижнего колонтитула и основной заголовок навигации.
Оптимизируйте свои изображения
Как упоминалось ранее, скорость имеет решающее значение в веб-дизайне и играет огромную роль в первых впечатлениях. Если ваши изображения загружаются медленно, посетители не будут торчать в ожидании — они покинут ваш сайт и перейдут в другое место.
К счастью, вы можете решить эту проблему с нашим обновлением блока изображений . Теперь вы можете отображать уменьшенные версии изображений на своем сайте и открывать большие версии во всплывающем окне лайтбокса, не отвлекающем внимание.
![Настройки лайтбокса с изображением](/uploads/article/41467/jZVgGT6yLfyl66QN.jpg)
Просто выберите параметр « Медиа-лайтбокс » на панели настроек блока изображений . Затем посетители могут открыть изображение в лайтбоксе, чтобы рассмотреть его поближе.
![Всплывающее окно лайтбокса изображения](/uploads/article/41467/nIr2ah3QHCgnQbHg.jpg)
Еще одно полезное дополнение к блоку Image — возможность устанавливать радиус границы в процентах. Играя с этими настройками, вы можете создавать привлекательные стили изображений, которые добавят интереса к вашему веб-сайту.
![Настройки радиуса границы изображения](/uploads/article/41467/Y5HHJfkdteXFwSxq.jpg)
Наложения фонового изображения
Последним большим изменением в этом выпуске является добавление цветных наложений для фоновых изображений. Вы можете накладывать фоновые изображения на разделы, строки и столбцы, создавая единую цветовую палитру для своего сайта.
Если у вас есть столбец с текстом, вы также можете затемнить фон, чтобы ваш контент выделялся, как мы сделали с этим разделом отзывов.
![Наложение фонового изображения](/uploads/article/41467/GsToJhcuGAT8KBZv.jpg)
Это также отличный способ добавить привлекательные области на ваш сайт, сохраняя при этом четкость и легкость заголовков.
![Наложение фонового изображения героя](/uploads/article/41467/yL1zsjp5RRNLgkl7.jpg)
Помимо этих важных обновлений, мы также добавили несколько других настроек и исправлений. Например, мы добавили значки TikTok в наш блок социальных значков, обновили Font Awesome до последней версии и многое другое.
Обновите свой плагин SeedProd сегодня
Если вы являетесь премиум-пользователем SeedProd, вы можете обновить свой плагин сегодня и пользоваться новыми функциями. И если вы новичок в SeedProd, сейчас самое подходящее время, чтобы получить лицензию SeedProd Pro и опробовать эти функции.
Мы очень близки к выпуску еще одного обновления, которое сделает SeedProd еще более полезным для вас. Поэтому обязательно следите за нашим блогом.
До тех пор продолжайте подавать запросы и отзывы о функциях и обращайтесь к нам со своими мыслями! И, как всегда, спасибо за вашу постоянную поддержку в том, чтобы сделать SeedProd лучшим плагином для конструктора сайтов WordPress.