Divi 5의 확장 속성에 대해 알아야 할 모든 것

Divi 5의 최신 기능인 Extend Attributes가 여기에 있으며 몇 번의 클릭만으로 페이지 디자인을 크게 변경하는 데 도움이됩니다.

그것이 무엇인지, 어떻게 작동하는지, 그리고 Divi 5 사용자에게 필수품 인 이유를 살펴 보겠습니다. 개인 블로그를 구축하든 복잡한 클라이언트 웹 사이트 관리에 관계 없이이 기능은 프로세스를 간소화하고 디자인을 높이겠다고 약속합니다.

Divi 5는 새로운 웹 사이트에서 사용할 준비가되었지만 기존 사이트를 Divi 5로 변환하는 것은 권장하지 않습니다.

Divi 5의 확장 속성은 무엇입니까?

Divi 5의 속성을 확장하면 사용자는 스타일, 사전 설정 또는 컨텐츠와 같은 특정 디자인 요소를 열, 행, 섹션 또는 전체 페이지에서 다른 요소로 전파 할 수 있습니다. 글꼴 조정, 색상 조정 또는 여러 모듈에서 컨텐츠를 동기화하든이 기능은 시간을 절약하고 일관성을 보장합니다. Divi 4의 확장 스타일 기능의 확장되고 개선 된 버전입니다.

YouTube 채널을 구독하십시오

속성 확장을 사용하면 Divi의 Visual Builder에서 요소를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 속성 확장을 선택할 수 있습니다. 타이포그래피 설정, 간격, 테두리, 그림자 또는 텍스트 나 이미지와 같은 내용과 같은 적용 할 속성을 정확하게 선택할 수 있습니다.

그런 다음 모든 유사한 요소, 특정 섹션 또는 선택한 행이든 변경 범위를 정의합니다. 이 세분화 된 제어를 통해 Divi의 직관적 인 인터페이스 내에서 최소한의 노력으로 스위프 변경 또는 대상 업데이트를 쉽게 구현할 수 있습니다.

사용자가 요소를 가로 질러 스타일을 복사하고 붙여 넣는 능력을 좋아하는 Divi 4의 확장 스타일과 비교할 때 속성은 더 많은 가능성을 제공합니다. 확장 스타일이 기본 스타일 복제로 제한된 경우 확장 속성은 다음을 포함하도록 점수를 확장합니다.

• 디자인 속성
• 스타일 속성
• 내용 속성
• 사전 설정 속성

특정 요소 내부에서 수정 한 것은 확장 가능합니다.

속성이 작동하는 방법

Divi 5의 속성 확장은 디자인 변경을 원활하고 직관적으로 변경하도록 설계되어 사용자가 여러 요소를 쉽게 업데이트 할 수 있습니다. Divi의 시각적 빌더 내에서 단계별로 작동하는 방법은 다음과 같습니다.

시각적 빌더의 Divi 모듈을 마우스 오른쪽 버튼으로 클릭하십시오. 오른쪽 버튼으로 클릭 메뉴에서 속성 확장 옵션을 선택하십시오 .

패널이 나타나서 스타일 및 사전 설정과 같은 특정 속성 또는 텍스트와 같은 내용을 선택할 수 있습니다.

예를 들어, 버튼의 디자인 속성을 확장하려면 확장 버튼 디자인 속성을 클릭하여 속성 메뉴를 활성화하십시오.

다음으로 이러한 속성을 적용 해야하는 위치를 지정하십시오. Divi 5는 유연한 옵션을 제공하므로 페이지 또는 현재 열, 행 또는 섹션의 모든 유사한 요소로 속성을 확장 할 수 있습니다.

속성을 선택하고 적용해야 할 위치를 선택하면 선택 사항을 확인하면 변경 사항이 즉시 이루어집니다. 단일 섹션 또는 전체 페이지를 업데이트하든 프로세스는 빠르고 원활하며 단일 작업으로 대상 업데이트를 제공합니다.

인터페이스 학습

Divi 5의 확장 속성 인터페이스는 직관적이고 강력하도록 설계되었습니다. 속성이 적용되는 방법 및 위치를 사용자 정의 할 수있는 다양한 옵션을 제공합니다. 아래에서는 인터페이스를 탐색하고 마스터하는 데 도움이되는 각 옵션을 분해합니다.

요소에서 확장됩니다

이것은 속성을 확장 할 소스 요소입니다. 속성 확장 패널에서 드롭 다운 목록에서 모듈, 행 또는 섹션을 선택하거나 페이지의 요소를 클릭하여 소스로 설정할 수 있습니다. 요소를 마우스 오른쪽 버튼으로 클릭하고 속성 확장을 선택하면 자동으로 소스로 지정되어 프로세스를 간소화합니다.

위치로 확장하십시오

선택한 속성이 적용되는 위치를 선택하십시오. 옵션에는 현재 열, 행, 섹션 또는 전체 페이지의 요소가 포함됩니다. 예를 들어, 어두운 배경이있는 섹션의 요소를 스타일링하는 경우 해당 섹션의 확장을 제한하여 스타일이 컨텍스트별로 유지되고 다른 곳에서 의도하지 않은 변경을 피할 수 있습니다.

요소 유형으로 확장하십시오

Divi 5는 다른 요소 유형에 따라 속성을 확장 할 수 있도록하여 더 많은 유연성을 제공합니다. 버튼이나 텍스트 모듈과 같은 특정 모듈 또는 컨테이너와 같은 더 넓은 범주를 타겟팅하여 원하는 요소에 정확히 변경 사항을 적용 할 수 있습니다.

확장 할 속성 유형

Divi 5를 사용하면 스타일, 컨텐츠, 사전 설정 또는 이들의 조합을 포함하여 여러 속성 범주를 확장 할 수 있습니다. 이 다양성을 사용하면 한 번에 시각적 디자인, 모듈 컨텐츠 또는 사전 설정을 업데이트 할 수 있습니다.

확장 할 옵션 그룹

더욱 정확하게 보려면 버튼 스타일 또는 양식 설정과 같은 특정 옵션 그룹의 속성을 확장 할 수 있습니다. 예를 들어, 버튼 스타일을 연락처 양식 모듈에서 페이지의 버튼으로 다른 모든 모듈로 확장 할 수 있습니다. 설정 패널에서 옵션 그룹을 마우스 오른쪽 버튼으로 클릭하여 속성 메뉴에서 미리 선택하여 프로세스를보다 빠르고 직관적으로 선택할 수 있습니다.

확장 할 수정 된 필드

이 옵션을 사용하면 옵션 그룹 내에서 특정 필드를 정확히 찾아 확장 할 수 있습니다. 예를 들어, 전체 스타일이 아닌 버튼의 배경색을 확장하려면 해당 필드 만 선택할 수 있습니다.

Divi 5의 확장 속성의 주요 이점

Divi 5의 속성을 확장하는 것은 단순한 기능 이상입니다. 사용자가 웹 디자인에 접근하는 방법을 향상시킵니다. 다음은 Divi 5 사용자를위한 필수 도구가되는 주요 이점입니다.

1. 시간 효율성

여러 요소에 걸쳐 즉각적인 변화를 펼치면서 슬래시 설계 시간을 확장합니다. 각 모듈을 수동으로 편집하는 대신 몇 초 안에 업데이트를 적용 할 수 있습니다. 예를 들어, 페이지에서 모든 가격 책정 테이블의 배경 스타일을 변경하려면 이제 한 번의 마우스 오른쪽 버튼을 클릭하고 몇 가지 선택이 필요하여 반복적 인 작업을 절약 할 수 있습니다. 결과적으로 더 큰 그림에 집중할 수 있습니다.

2. 설계 일관성

일관성은 강력한 브랜딩의 중추이며 원활한 사용자 경험을 제공합니다. 속성을 확장하면 사이트 전체에서 스타일, 사전 설정 또는 컨텐츠를 신속하게 전파 할 수있어 균일 성을 보장합니다. 버튼 색상을 일치 시키거나 섹션에서 타이포그래피를 조정하든이 기능은 웹 사이트의 전문성을 높이는 세련되고 응집력있는 모양을 보장합니다.

3. 유연성과 제어

속성을 확장하면 운전석에 있습니다. 이 기능은 증가 된 유연성을 제공하므로 특정 모듈에서 전체 페이지에 이르기까지 확장 할 속성과 적용 위치를 정확하게 선택할 수 있습니다. 이러한 정밀성 및 확장 성의 균형은 속도 나 정확성을 희생하지 않고 타겟팅 된 조정 또는 광범위한 업데이트를 만들 수 있음을 의미합니다.

4. 모든 기술 수준에 대한 사용자 친화적

초보자가 첫 번째 사이트를 구축하든 복잡한 프로젝트를 관리하는 개발자이든, 확장 속성은 모든 사람을 위해 설계되었습니다. 시각적 빌더 내에서 직관적 인 마우스 오른쪽 버튼 클릭 인터페이스를 사용하면 액세스 할 수있게되므로 코딩 지식이나 고급 기술이 필요합니다. 이러한 사용 편의성을 사용하면 모든 기술 수준의 사용자가 멋진 웹 사이트를 만들 수 있습니다.

5. 강화 된 창의성

디자인 변화를 쉽게 적용하고 실험 할 수 있으면 두려움이없는 창의성을 장려합니다. 속성을 확장하면 시간이 많이 걸리는 롤백을 두려워하지 않고 새로운 스타일이나 레이아웃을 테스트 할 수 있습니다. 대담한 새로운 색 구성표를 시도하거나 전 세계적으로 마진을 조정하고 싶습니까? 몇 번의 클릭만으로 변경 사항을 미리보기 및 비전을 개선하여 혁신적인 디자인을위한 끝없는 가능성을 잠금 해제 할 수 있습니다.

이러한 이점은 확장 속성을 Divi 5의 사명의 초석으로하여 웹 디자인을 간소화하면서 창의성과 효율성을 증폭시켜 WordPress 페이지 빌더로 가능한 새로운 표준을 설정합니다.

확장 속성을위한 실제 사용 사례

Extend Attributes는 워크 플로를 개선하고 설계 품질을 향상시키는 실제 응용 프로그램을 갖춘 다재다능한 기능입니다. 다음은 디자인 프로세스에서이를 활용하는 방법에 대한 몇 가지 실제 예입니다.

• 브랜딩 업데이트 : 새로운 생생한 오렌지 색 구성표를 반영하기 위해 모든 호환 조치 버튼이 필요한 브랜드를 겪고있는 비즈니스를 상상해보십시오. 버튼을 선택하고 색상을 조정 한 후 해당 스타일을 몇 분 안에 페이지의 모든 버튼으로 확장 할 수 있습니다. 이를 통해 각 요소를 수동으로 업데이트하는 번거 로움없이 브랜드 일관성을 보장하여 대규모 웹 사이트에서 시간을 절약 할 수 있습니다.
• 표준화 템플릿 : 일관된 모양을 유지하는 것이 수십 개의 평가 모듈이있는 포트폴리오 사이트의 핵심입니다. 확장 속성을 사용하면 특정 테두리, 배경 또는 글꼴과 같은 페이지의 모든 평가 모듈에 사전 설정 스타일을 적용 할 수 있습니다. 이를 통해 모든 평가자는 균일 한 외관을 보장하여 전문성과 일관성을 강화합니다.
• 컨텐츠 업데이트 : 블로그 또는 포트폴리오 사이트 관리에는 종종 전화 문구 나 연락처 이메일과 같은 반복 콘텐츠를 업데이트하는 것이 포함됩니다. 속성을 확장하면 하나의 모듈에서 텍스트를 업데이트하고 여러 섹션에서 모든 유사한 모듈로 확장 할 수 있습니다. 예를 들어, 연락처를 변경하여 모든 버튼 모듈을 몇 초 안에 연락하여 콘텐츠 변경을 빠르고 쉽게 변경할 수 있습니다.
• 반응 형 디자인 : 오늘날의 웹 환경에서는 모바일 최적화가 중요합니다. 확장 속성은 특정 유형의 모든 요소에서 글꼴 크기 또는 패딩 조정과 같은 응답 형 설정을 적용하여이를 단순화합니다. 예를 들어, 모바일 장치 용 모든 제목의 글꼴 크기를 한 번의 동작으로 줄이면 화면 크기의 원활한 사용자 경험을 보장 할 수 있습니다.

오늘 Divi 5의 확장 속성 기능을 사용해보십시오

속성 확장은 웹 디자인의 효율성과 유연성을 향상시킵니다. 사용자는 요소에 걸쳐 스타일, 사전 설정 및 컨텐츠를 확장하여 시간을 절약하고 일관성을 보장하며 모든 기술 수준에 대한 창의성을 불러 일으킬 수 있습니다. 한 섹션을 업데이트하든 전체 페이지를 업데이트하든 속성을 확장하면 프로세스가 간소화됩니다. Divi 사용자를위한 필수 도구입니다.

Divi 5에서 확장 속성을 시도 할 준비가 되셨습니까? 새로운 웹 사이트에 대한 Divi 5 Public Alpha를 다운로드하십시오. 워크 플로를 어떻게 변환하는지 확인하십시오. 의견에 경험, 팁 또는 질문을 공유하십시오. 또는 소셜 미디어 채널에 연결하십시오. 우리는 당신이 디자인을 향상시키는 방법을 듣고 싶습니다.

Divi 5는 새로운 웹 사이트에서 사용할 준비가되었습니다.