Media is too big
VIEW IN TELEGRAM
Новый виджет для поиска изображений
При поиске изображений в библиотеке откроется виджет с двумя встроенными сервисами — Unsplash и Pixabay. Выберите сервис, перейдите в подходящую категорию или введите поисковой запрос.
Вы можете сразу добавить изображение в блок или сначала прокликать несколько картинок и убедиться, какая лучше смотрится на странице.
В виджете также доступны полезные ссылки на сервисы, где можно найти изображения и иконки.
При поиске изображений в библиотеке откроется виджет с двумя встроенными сервисами — Unsplash и Pixabay. Выберите сервис, перейдите в подходящую категорию или введите поисковой запрос.
Вы можете сразу добавить изображение в блок или сначала прокликать несколько картинок и убедиться, какая лучше смотрится на странице.
В виджете также доступны полезные ссылки на сервисы, где можно найти изображения и иконки.
Меняйте ваши тексты с помощью ИИ-помощника
Выделите текст, который вы хотите поправить, нажмите на иконку ИИ-помощника и выберите, что нужно сделать с текстом:
🔸 переписать — переписывает текст, меняя формулировки;
🔸 упростить — упрощает формулировку и делает текст легче для восприятия;
🔸 удлинить — увеличивает длину текста, сохраняя смысл;
🔸 укоротить — сокращает длину текста;
🔸 продолжить — дополняет текст одним предложением или больше.
Выделите текст, который вы хотите поправить, нажмите на иконку ИИ-помощника и выберите, что нужно сделать с текстом:
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Теперь в нулевом блоке можно добавить группу внутрь другой группы. Это может пригодиться для вёрстки с помощью автолейаутов, создания карточек, галерей и многого другого. В группу можно добавить до 5 групп, то есть доступно пять уровней вложенности.
Добавить группы внутрь другой можно через:
- панель слоёв;
- Drag’n Drop (только для flex-групп);
- шорткат Cmd/Ctrl + G;
- панель настроек;
- контекстное меню.
Создание группы из одного элемента
Вы также теперь можете создать группу из одного элемента. Например, чтобы сделать кнопку или иконку с фоном.
Чтобы выделить элемент, который находится на глубоком уровне вложенности, и не искать его в панели слоёв, кликните на него с зажатым Cmd/Ctrl.
Панель слоёв теперь работает по-другому
Больше обновлений в Zero Block:
Please open Telegram to view this post
VIEW IN TELEGRAM
Tilda Updates for testers
UPD. Обновления доступны для 50% тестеров.
Работать с мультивыделением блоков стало удобнее
Выделив несколько блоков, вы можете не только их переместить, но и скопировать, вставить или удалить. Для этого теперь можно использовать горячие клавиши. Например, Cmd/Ctrl+C для копирования и Cmd/Ctrl+V для вставки.
В режиме мультивыделения теперь не блокируется редактирование, а в карте блоков при наведении отображается миниатюра блока, чтобы ориентироваться в них было удобнее.
Чтобы выделить несколько блоков, перейдите в Ещё → Блоки на странице → Режим выделения или у блока нажмите на иконку со стрелочкой → Выделить. Затем галочками отметьте блоки и выберите, какое действие нужно с ними выполнить.
Выделив несколько блоков, вы можете не только их переместить, но и скопировать, вставить или удалить. Для этого теперь можно использовать горячие клавиши. Например, Cmd/Ctrl+C для копирования и Cmd/Ctrl+V для вставки.
В режиме мультивыделения теперь не блокируется редактирование, а в карте блоков при наведении отображается миниатюра блока, чтобы ориентироваться в них было удобнее.
Чтобы выделить несколько блоков, перейдите в Ещё → Блоки на странице → Режим выделения или у блока нажмите на иконку со стрелочкой → Выделить. Затем галочками отметьте блоки и выберите, какое действие нужно с ними выполнить.
This media is not supported in your browser
VIEW IN TELEGRAM
Для удобства работы над проектом появилась возможность переименовывать блоки. Уникальное название будет отображаться в карте блоков, под кнопками Настройки/Контент и при скрытии переименованного блока.
Чтобы изменить название, откройте карту блоков, дважды кликните на нужный блок, введите новое название и нажмите Enter.
Please open Telegram to view this post
VIEW IN TELEGRAM
Tilda Updates for testers
UPD. Обновления доступны для всех тестеров.
Media is too big
VIEW IN TELEGRAM
Якорная ссылка и контекстное меню для блока
Вы можете задать свою якорную ссылку для блока. Например, #features для раздела преимуществ. Это можно сделать через выпадающее меню блока или через контекстное меню, которое откроется при клике на правую кнопку мыши. После этого ссылка автоматически скопируется в буфер обмена.
Через контекстное меню также можно выбрать, что нужно сделать с блоком: копировать, дублировать, спрятать, удалить, добавить блок сверху или снизу и так далее.
Вы можете задать свою якорную ссылку для блока. Например, #features для раздела преимуществ. Это можно сделать через выпадающее меню блока или через контекстное меню, которое откроется при клике на правую кнопку мыши. После этого ссылка автоматически скопируется в буфер обмена.
Через контекстное меню также можно выбрать, что нужно сделать с блоком: копировать, дублировать, спрятать, удалить, добавить блок сверху или снизу и так далее.
QR-код для сайта
Теперь при публикации страницы вы можете получить QR-код, который при сканировании будет вести на эту страницу. QR-код можно скачать в форматах JPG, PNG и SVG.
Также в некоторых браузерах есть возможность поделиться изображением и отправить его через мессенджер. Для этого рядом с QR-кодом нажмите на иконку серой стрелки.
Чтобы посмотреть QR-код, опубликуйте страницу и в левом верхнем углу попапа нажмите на значок QR-кода.
Теперь при публикации страницы вы можете получить QR-код, который при сканировании будет вести на эту страницу. QR-код можно скачать в форматах JPG, PNG и SVG.
Также в некоторых браузерах есть возможность поделиться изображением и отправить его через мессенджер. Для этого рядом с QR-кодом нажмите на иконку серой стрелки.
Чтобы посмотреть QR-код, опубликуйте страницу и в левом верхнем углу попапа нажмите на значок QR-кода.
Добавление таблиц и формул в базовых блоках
В базовых блоках появилась возможность добавлять таблицы. По умолчанию добавляется таблица с тремя колонками и строками. Вы можете их удалять и добавлять, чтобы получить желаемый размер таблицы. Ячейки можно объединять и, при необходимости, обратно разъединять.
Где найти: Контент блока → иконка с тремя точками во всплывающем контекстом меню → Таблица.
Также в базовые блоки можно добавить текст формул. Их нужно записывать в формате KaTex. Например, формула c² = a² + b² будет выглядеть так: c^2 = a^2 + b^2. При этом вы можете поменять цвет, жирность и размер текста, но шрифт формул изменить нельзя.
Где найти: Контент блока → иконка с тремя точками во всплывающем контекстом меню → Формула.
В базовых блоках появилась возможность добавлять таблицы. По умолчанию добавляется таблица с тремя колонками и строками. Вы можете их удалять и добавлять, чтобы получить желаемый размер таблицы. Ячейки можно объединять и, при необходимости, обратно разъединять.
Где найти: Контент блока → иконка с тремя точками во всплывающем контекстом меню → Таблица.
Также в базовые блоки можно добавить текст формул. Их нужно записывать в формате KaTex. Например, формула c² = a² + b² будет выглядеть так: c^2 = a^2 + b^2. При этом вы можете поменять цвет, жирность и размер текста, но шрифт формул изменить нельзя.
Где найти: Контент блока → иконка с тремя точками во всплывающем контекстом меню → Формула.
Media is too big
VIEW IN TELEGRAM
Работа с блоками в мобильной версии
Теперь можно переключать блоки в мобильный вид. При переключении на мобильную версию можно выбрать мобильный, планшет или конкретное устройство из выпадающего списка, например, iPhone 15 Pro или Redmi Note 8. Вы также можете самостоятельно задавать ширину блоков, растягивая их по краям. Помимо ширины, также учитывается и высота выбранного устройства.
Все настройки мобильной версии базовых блоков сохранятся и будут работать, а в Zero Block будут срабатывать настроенные контрольные точки (брейкпоинты).
Режим мобильной версии позволяет оценить внешний вид блоков на мобильных устройствах, для более точного отображения можно по-прежнему пользоваться режимом предпросмотра либо проверять вёрстку на реальных устройствах.
Чтобы с блоками было удобнее работать, при переключении на мобильный вид можно пользоваться горячими клавишами, аналогичными при работе с Zero Block.
Теперь можно переключать блоки в мобильный вид. При переключении на мобильную версию можно выбрать мобильный, планшет или конкретное устройство из выпадающего списка, например, iPhone 15 Pro или Redmi Note 8. Вы также можете самостоятельно задавать ширину блоков, растягивая их по краям. Помимо ширины, также учитывается и высота выбранного устройства.
Все настройки мобильной версии базовых блоков сохранятся и будут работать, а в Zero Block будут срабатывать настроенные контрольные точки (брейкпоинты).
Режим мобильной версии позволяет оценить внешний вид блоков на мобильных устройствах, для более точного отображения можно по-прежнему пользоваться режимом предпросмотра либо проверять вёрстку на реальных устройствах.
Чтобы с блоками было удобнее работать, при переключении на мобильный вид можно пользоваться горячими клавишами, аналогичными при работе с Zero Block.
Продажа доступов в несколько курсов по ссылке
Появилась возможность продавать разные единицы контента из Личного кабинета (Members) по клику на кнопку, не привязываясь к Каталогу. Это значит, что при продаже нескольких курсов можно теперь не ограничиваться блоками из категории Магазин, а использовать любой блок, где есть кнопка.
Для этого нужно привязать курсы к одной группе и использовать для кнопки ссылку вида: #order:Премиум-тариф =2000:::extid=000000000, где «Премиум-тариф» — название товара, а «2000» — стоимость, 000000000 — публичный ID группы, к которой привязаны курсы.
При нажатии на такую ссылку курс добавится в корзину, где пользователь введёт необходимые данные и сможет перейти к оплате.
Такой способ продажи контента пригодится, если ваш курс состоит из нескольких модулей, и вы не используете Каталог. Например, вы преподаёте курс «Веб-дизайнер», который состоит из модуля по композиции, типографике, вёрстке и так далее. И хотите, чтобы пользователь мог добавить несколько из них в корзину и оплатить доступ одним платежом.
Как настроить покупку доступа к нескольким курсам по ссылке — читайте в статье: https://help-ru.tilda.cc/membership#access-by-link
Появилась возможность продавать разные единицы контента из Личного кабинета (Members) по клику на кнопку, не привязываясь к Каталогу. Это значит, что при продаже нескольких курсов можно теперь не ограничиваться блоками из категории Магазин, а использовать любой блок, где есть кнопка.
Для этого нужно привязать курсы к одной группе и использовать для кнопки ссылку вида: #order:Премиум-тариф =2000:::extid=000000000, где «Премиум-тариф» — название товара, а «2000» — стоимость, 000000000 — публичный ID группы, к которой привязаны курсы.
При нажатии на такую ссылку курс добавится в корзину, где пользователь введёт необходимые данные и сможет перейти к оплате.
Такой способ продажи контента пригодится, если ваш курс состоит из нескольких модулей, и вы не используете Каталог. Например, вы преподаёте курс «Веб-дизайнер», который состоит из модуля по композиции, типографике, вёрстке и так далее. И хотите, чтобы пользователь мог добавить несколько из них в корзину и оплатить доступ одним платежом.
Как настроить покупку доступа к нескольким курсам по ссылке — читайте в статье: https://help-ru.tilda.cc/membership#access-by-link
Media is too big
VIEW IN TELEGRAM
Автовысота артборда Zero Block
Чтобы высота Zero Block менялась автоматически, выберите в настройках Grid container height → Auto и задайте отступ снизу, если это необходимо.
Так высота артборда будет подстраиваться под высоту и расположение элементов и вам не придётся менять его размеры вручную.
Чтобы высота Zero Block менялась автоматически, выберите в настройках Grid container height → Auto и задайте отступ снизу, если это необходимо.
Так высота артборда будет подстраиваться под высоту и расположение элементов и вам не придётся менять его размеры вручную.
Media is too big
VIEW IN TELEGRAM
Автолейаут для всего Zero Block
Теперь вы можете задать Auto layout всему артборду нулевого блока и настраивать его так же, как и другие элементы с флекс-свойствами.
Автолеайту также можно задать свойств Container → Window, чтобы элементы выравнивались относительно окна браузера. Например, если добавить отступ (padding) слева 20px, то он будет вычисляться от ширины окна браузера. То есть от левой границы экрана добавится 20px.
Теперь вы можете задать Auto layout всему артборду нулевого блока и настраивать его так же, как и другие элементы с флекс-свойствами.
Автолеайту также можно задать свойств Container → Window, чтобы элементы выравнивались относительно окна браузера. Например, если добавить отступ (padding) слева 20px, то он будет вычисляться от ширины окна браузера. То есть от левой границы экрана добавится 20px.
Media is too big
VIEW IN TELEGRAM
Image Fit
С помощью этой настройки вы можете выбрать, как изображение будет вписываться в контейнер:
🟠 Cover – заполняет всю область контейнера, сохраняя пропорции, но может обрезать часть изображения.
🟠 Contain – вписывает изображение в контейнер целиком, сохраняя пропорции. Может оставлять пустые поля, для которых можно задать цвет.
🟠 Fill – заполняет изображением всю область контейнера, не сохраняя пропорции.
🟠 None – изображение остается в своем исходном размере и не изменяется в зависимости от размеров контейнера.
Вы также можете настроить Position, например, выбрать Right Top. Это пригодится, чтобы уточнить, какую часть изображения показывать, если оно полностью не помещается в контейнер.
С помощью этой настройки вы можете выбрать, как изображение будет вписываться в контейнер:
Вы также можете настроить Position, например, выбрать Right Top. Это пригодится, чтобы уточнить, какую часть изображения показывать, если оно полностью не помещается в контейнер.
Please open Telegram to view this post
VIEW IN TELEGRAM
И еще три обновления в Zero Block:
🟠 Для кастомных брейкпоинтов увеличено максимальное разрешение с 1920 до 2560px.
🟠 Для изображений, добавленных внутрь шейпа, теперь можно написать alt-текст.
🟠 Теперь можно настроить внешний вид кнопки Play для видео, загруженного в формате mp4 — изменить размер иконки и поменять её цвет.
✳️ Обновления будет открываться постепенно. Сейчас новые функции доступны для 50% тестеров.
Upd. Обновления открыты на всех тестеров.
Upd. Обновления открыты на всех тестеров.
Please open Telegram to view this post
VIEW IN TELEGRAM
Вывод переменных в формах
В текстовых полях базовых блоков из категории Формы теперь можно использовать переменные, чтобы выводить значения, которые уже ввели в форме. Например, пользователь указал своё имя и на следующем шаге вы можете отобразить его в вопросе.
Чтобы вывести значение переменной, используйте конструкцию {{form.name=def}} в поле формы, где:
form — обязательный префикс, который нужно указать перед названием переменной и ее значением;
name — имя переменной, заданной в контенте поля;
def — значение по умолчанию, которое будет выводиться, если пользователь не заполнит поле.
Подробнее про работу с переменными и ограничения читайте в Справочном центре — https://help-ru.tilda.cc/forms/settings#show-variable
✳️ Вывод переменных работает на опубликованной странице и только в рамках одного блока.
В текстовых полях базовых блоков из категории Формы теперь можно использовать переменные, чтобы выводить значения, которые уже ввели в форме. Например, пользователь указал своё имя и на следующем шаге вы можете отобразить его в вопросе.
Чтобы вывести значение переменной, используйте конструкцию {{form.name=def}} в поле формы, где:
form — обязательный префикс, который нужно указать перед названием переменной и ее значением;
name — имя переменной, заданной в контенте поля;
def — значение по умолчанию, которое будет выводиться, если пользователь не заполнит поле.
Подробнее про работу с переменными и ограничения читайте в Справочном центре — https://help-ru.tilda.cc/forms/settings#show-variable
Please open Telegram to view this post
VIEW IN TELEGRAM
UPD. Всем спасибо за участие! Необходимое число откликов собрали
✨ Ищем нескольких людей, которые готовы на следующей неделе потестировать Личный кабинет интернет-магазина и дать обратную связь по его работе. У вас будет возможность попробовать новую функцию одними из первых и повлиять на финальный продукт. Взамен мы попросим вас поделиться расширенной обратной связью со скриншотами и текстовыми пояснениями.
Выбранных людей на следующей неделе добавим в телеграм-чат, где подробнее расскажем о тестировании.
Выбранных людей на следующей неделе добавим в телеграм-чат, где подробнее расскажем о тестировании.
Please open Telegram to view this post
VIEW IN TELEGRAM