RU
ENВерсия 2024−1
1 марта 2024
Изображения
Когда текст следует после картинки, они выглядили немного слепленными. Добавили небольшой отступ для таких случаев:
Атрибуты размеров
У картинок в коде есть специальные атрибуты с размерами, они помогают браузерам красивее загружать сайт и настоятельно рекомендуются поисковыми системами (иначе сайт ниже в поиске).
Вам не нужно об этом заботиться, платформа автоматически выводит размеры абсолютно для всех картинок.
Но есть нюанс — векторные картинки в формате SVG: у них нет размеров в привычном понимании. Раньше для них ничего не выводилось, теперь мы анализируем код векторов, находим там размеры по-умолчанию и используем их.
Индикатор загрузки
Если у пользователя плохой интернет, то загрузка картинок занимает какое-то время, а на их месте непонятные «дыры». Надо дать понять, что вместо пустоты будет картинка — показываем такой крутящийся индикатор загрузки.
Раньше при некоторых обстоятельствах это не срабатывало. Переосмыслили полностью этот код, теперь всегда всё классно.
За одно слегка уменьшился код сайта (микро-плюс для SEO).
Автоконвертация в WebP
WebP — классный современный формат изображений, созданный специально для сайтов. Он позволяет снизить вес изображений в разы по сравнению с привичными JPG и PNG.
Изображения — это самое тяжёлое, что есть на сайте и переход на WebP ощутимо сокращает скорость загрузки страниц. Поисковики сейчас буквально требуют использовать именно его.
Теперь любые картинки, загружаемые на сайт, автоматически конверируются в WebP. Мы используем алгоритм без потерь, оставляя контроль качества за вами.
Авторесайз
В идеальном мире редактор или дизайнер тщательно прорабатывает размеры изображений для сайта, чтобы они не были слишком большими. В реальности зачастую все просто загружают гигантские исходники :)
На такой случай у нас срабатывает авторесайз при загрузке. Раньше это было не совсем для всех картинок, теперь для всех.
В этой версии увеличили максимальную высоту при авторесайзе с 1080 до 1920 px.
Виджеты
Навигация
по страницам
- Новый виджет, содержит ссылки на нужные страницы.
- Можно задать как список страниц, которые нужно отобразить, так и родительский раздел, тогда покажутся дочерние страницы.
- Есть дополнительная фильтрация по публикации и отображению.
- Сортировка по позиции, заголовку или дате публикации.
Хлебные крошки
- Новый виджет, содержит цепочку ссылок на родительские страницы.
- Особенно полезен для больших сайтов со сложной структурой.
- Хлебные крошки применяются в сочетании с заголовоком, поэтому виджет располагается сверху, перед текстом.
Телефоны
Раньше можно было только один номер, теперь поддерживается несколько:
Карта
- Каждой метке можно загрузить произвольную иконку (по-умолчанию будет стандартная). Используйте свой логотип или какие-то смысловые иконки по типу, когда локаций несколько.
- Фильтрация точек на карте!
У каждой можно задать один или несколько тегов, фильтр автоматически появится над картой. - Карта довльно тяжёлая и при плохом интернете может грузиться какое-то время. Конечно, мы показываем индикатор загрузки, как у картинок. А ещё, чтобы было фукнционально — сразу выводим локации в виде списка специальных ссылок: нажимаешь и локация открывается в родном приложении карт телефона.
Прочее
Кастомный код в <head>
Раньше была возможность подключить любой произвольный HTML-код в конце страницы, перед </body>. Обычно так подключаются какие-то дополнительные внешние скрипты вроде Яндекс Метрики и размещать такое в самом низу — разумный ход, чтобы всё важное загружалось раньше них.
Иногда всё же требуется подключить что-то в самом верху, именно в <head>, некоторые сервисы требуют такое (например, подтверждение прав Гугл Аналитики или Яндекс Вебмастера).
Теперь можно и так. Рекомендуем пользоваться этим только в случае крайней необходимости.
Font Awesome
В Кубону встроены иконки Font Awesome, их можно использовать в любом месте на сайте.
Обновили до версии 6.4.2, сохранив полную обратную совместимость.
Увы, в новой версии исчезла прекрасная минималистичная иконка Телеграма и осталась только в жирном кружочке. Это не круто, так что добавили сами, пользуйтесь, как и раньше, всё будет работать: <i class="fa-brands fa-telegram-plane"></i>.
- Мы и раньше поддерживали Emoji в тексте, но теперь поддержка супер-мега-расширенная на стероидах.
- В заголовках страниц теперь работают HTML-теги. Такое нужно крайне редко, но почему бы и нет.
- Традиционно уделили много внимания оптимизации и ускорению загрузки страниц. Это важно для продвижения в поисковиках => важно для наших клиентов => важно для нас.
Ильяс, основатель Cubona 💙
Публикуем и обсуждаем релизы.
Подписывайтесь ;-)
основатель, CEO