개별 편집

개별 편집은 현재 선택된 요소나 섹션 하나를 편집할 때 사용합니다. 이는 사이트 내 모든 요소나 섹션을 일괄 편집하는 스타일 편집과는 다릅니다.

1. 개별 편집이란?

스타일 편집에서 설정한 디자인과 별개로 개별 편집을 통해 해당 요소만 디자인을 다르게 수정하거나 스타일 편집에 없는 기타 설정(이미지 너비, 구글 지도 주소 값 등)을 적용할 수 있습니다. 섹션이나 요소의 태그 부분에 있는 연필 모양 아이콘이나 섹션, 요소를 더블 클릭함을 통해 설정할 수 있습니다.

2. 아래 이미지는 개별 편집으로 줄글과 버튼의 디자인을 변경하는 모습입니다.

개별 편집을 하기 전에는 3열에 있는 요소들이 모두 동일한 모양입니다. 이 때 세번째 열에 있는 줄글과 버튼에 개별 편집이 적용되어 첫번째, 두번째 열에 있는 줄글, 버튼과 색상, 크기, 모양이 다르게 보입니다. 이처럼 개별 편집을 하면 특정 요소만 디자인을 다르게 적용할 수 있습니다.

3. 디자인 설정 값의 우선순위와 초기화

이렇게 디자인한 설정값들은 

개별 편집 > 스타일 편집 

의 우선순위를 가집니다.


2번 단계의 이미지에서 보았듯이 개별 편집을 적용하기 전에 요소에 이미 적용되어 있는 기본값이 존재합니다. 이런 기본 디자인값을 스타일 편집값이라고 합니다. 개별 편집은 스타일 편집보다 우선해서 적용됩니다.

사용자가 개별 편집 기능으로 변경한 사항을 기본값으로 되돌리고 싶을 경우, 각 개별 편집 패널에 보이는 '스타일 편집값으로 돌리기' 버튼을 통해 되돌릴 수 있습니다. 되돌리면 개별 편집값이 지금 설정된 스타일 편집 값으로 되돌아갑니다.  

기타 - 모바일 디자인 편집

일부 요소와 섹션을 모바일 환경에서 더 멋지게 꾸밀 수 있습니다. 디자인 편집 도구 화면 오른쪽 아래의 [뷰포트 > 모바일]에서 모바일 디자인을 편집해보세요. 모바일 편집에 대한 조금 더 자세한 사용법은 아래 관련된 안내서 보기에서 '모바일 디자인 편집하기' 안내서를 참고해주세요.