Как быстро переименовать слой по названию класса

Когда проект становится большим, в панели слоев легко запутаться. Особенно если элементы названы по умолчанию — Div Block, Text, Image и т. д. Чтобы не тратить время на ручное переименование, в Taptop можно назвать слой так же, как его класс, буквально в один клик.

Смотрите видео:

Шаг 1: Выберите элемент с классом

На холсте выберите любой элемент, которому назначен класс. Например, у нас это Div-блок с классом contact-wrapper.

Шаг 2: Используйте кнопку для автоматического переименования слоя

На правой панели в разделе Источник стилей выберите класс элемента. После этого рядом с названием класса появится небольшая кнопка — это кнопка переименования слоя.

Нажмите эту кнопку — и слой автоматически получит то же имя, что и класс. В нашем примере слой теперь называется contact–wrapper.

Зачем это нужно

Переименование слоев по названиям классов помогает:

Поддерживать порядок в панели слоев

Быстро находить нужные элементы даже в больших проектах

Понимать структуру проекта без лишних кликов и поисков

Резюме

Используйте функцию автоматического переименования слоя регулярно при создании и редактировании элементов. Так ваш проект останется чистым и структурированным, а вы сэкономите много времени.