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

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

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

https://vk.com/video-219751701_456239464

VK Видео | YouTube | Rutube

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

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

Выбран Div-блок с классом contact-wrapper

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

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

Выбран класс contact-wrapper — появилась кнопка переименования слоя

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

Слой автоматически переименован по названию класса

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

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

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

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

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

Резюме

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