웹사이트를 구축할 때 Divi 빠른 작업을 사용하기 위한 7가지 팁

Divi Quick Actions는 디자인 워크플로에 중요한 자산이 될 수 있습니다. 빠른 작업을 사용하면 필요한 모든 것을 쉽게 찾고 편리한 한 곳에서 Divi Builder 작업을 수행할 수 있습니다. 그리고 이름에서 알 수 있듯이 작업을 빠르게 수행할 수 있으므로 Divi에서 웹 사이트를 디자인하는 효율성이 확실히 향상됩니다.

이 튜토리얼에서는 Divi에서 웹 사이트를 보다 효율적으로 구축할 수 있도록 Divi Quick Actions를 사용하기 위한 7가지 팁을 제공합니다.

빠른 작업 사용을 고려해야 하는 이유

빠른 작업 사용을 고려해야 하는 주된 이유 중 하나는 보다 효율적인 Divi 사용자가 되기 위함입니다. 한 작업을 수행하기 위해 몇 번의 클릭을 피함으로써 절약할 수 있는 시간은 가치가 없어 보일 수 있습니다. 그러나 Divi 사이트를 구축하는 전체 프로세스에 걸쳐 이러한 절감 효과를 결합하면 워크플로에서 상당한 시간을 단축할 수 있습니다. 또한 한 곳에서 필요한 것을 찾을 수 있다는 점에서 매우 편리합니다. Divi 전문가조차도 업데이트가 필요한 특정 옵션이나 설정을 산만하게 검색하여 무엇인가가 어디에 있는지 잊어버리고 워크플로를 중단해야 합니다. 그러나 빠른 작업을 사용하면 페이지를 떠나지 않고도 필요한 내용을 즉시 입력할 수 있어 어느 정도 편안함이 있습니다.

Divi Quick Actions는 Divi에서 유용한 최적화 및 디자인 도구로 사용할 수 있는 기능입니다. 그러나 모든 도구와 마찬가지로 사용에 익숙해지는 데 약간의 시간이 걸립니다. 물론 사용할 필요는 없습니다. 빠른 조치 없이 웹사이트를 쉽게 구축할 수 없는 것은 아닙니다. 당신은 확실히 할 수 있습니다. 그러나 빠른 작업이 어떻게 작동하는지 알아보기 위해 잠시 시간을 내어 작업 흐름을 단순화하고 생산성을 높이는 몇 가지 유용한 방법에 눈을 뜨게 될 수도 있습니다.

Divi 빠른 작업을 사용하는 방법

빠른 작업 시스템을 사용하려면 빌더에 있는 동안 Shift+스페이스바를 누르기만 하면 됩니다. 또는 페이지 하단의 페이지 설정 표시줄에 있는 새 검색 아이콘을 클릭할 수도 있습니다.

이제 그 팁을 알아보자.

팁 #1: "이동" 명령에 대한 Divi 요소 레이블 지정

관리자 레이블은 항상 Divi의 필수적인 부분이었습니다. Visual Builder 이전에 관리자는 Divi Builder를 사용할 때 Divi 요소를 식별하기 위해 이러한 레이블에 의존했습니다. 그러나 프론트 엔드(시각적으로)에 구축할 수 있는 기능이 있더라도 관리자 레이블은 여전히 ​​가치가 있습니다. 이전과 마찬가지로 관리자 레이블은 여전히 ​​귀하(또는 귀하의 클라이언트)가 와이어프레임 보기에서 요소를 쉽게 식별하는 데 도움이 됩니다. 데스크탑 보기에서 와이어프레임 보기로 전환할 때 섹션이 어디에 있는지 추측할 필요가 없습니다. 그러나 Divi Elements에 레이블을 지정해야 하는 또 다른 좋은 이유가 있습니다. Divi의 빠른 작업 메뉴에는 페이지의 모든 요소를 ​​빠르게 검색하고 이동할 수 있는 "이동" 명령이 있습니다. 요소에 레이블이 지정되어 있으면 "가는" 요소를 쉽게 식별할 수 있습니다.

예를 들어 페이지에 비디오가 있는 섹션이 있다고 가정해 보겠습니다. 와이어프레임 보기에서 인라인으로 레이블 "비디오"를 직접 입력하거나 설정 모달에서 관리자 레이블을 채워 해당 섹션에 "비디오" 레이블을 쉽게 지정할 수 있습니다. .

레이블이 제자리에 있으면 빠른 작업 메뉴를 배포하고 "비디오로 이동"을 입력합니다. Divi는 자동으로 해당 섹션으로 이동하여 설정 모달을 엽니다.

이미 관리 레이블을 워크플로에 통합했을 수 있습니다. 그렇다면 이제 레이블이 지정된 요소를 플래시에서 쉽게 찾을 수 있습니다.

이것은 특히 긴 페이지 콘텐츠가 있을 때 유용합니다.

팁 #2: 삽입 명령으로 새 Divi 요소 삽입하기

이것은 아마도 가장 직관적이고 워크플로에 구현하기 쉬운 빠른 작업 중 하나일 것입니다. 삽입 명령을 사용하려면 빠른 작업 메뉴를 배포하고 삽입하려는 요소 다음에 "삽입"을 입력하기만 하면 됩니다. 기존 방법에서는 모듈을 검색해야 하므로 새 모듈을 삽입할 때 특히 유용합니다. 예를 들어, 텍스트 모듈을 추가하려면 일반적으로 회색 더하기 아이콘을 클릭하고 모듈을 검색(스크롤하거나 검색 표시줄 사용)한 다음 모듈을 선택합니다.

빠른 작업을 사용하면 "텍스트 삽입"을 입력하고 Enter 키를 누르기만 하면 됩니다. 그런 다음 직관적인 호버 표시를 사용하여 페이지의 원하는 위치에 모듈을 배치할 수 있습니다.

보너스 팁

실제로 삽입 명령은 빠른 작업 메뉴를 배포할 때 목록의 첫 번째이므로 기술적으로 블러브 모듈을 삽입하기 위해 해야 할 일은 빠른 작업 메뉴를 배포하고 Enter를 클릭(삽입 명령 선택)한 다음 "blurb"를 입력하고 Enter 키를 다시 누릅니다.

또 다른 보너스 팁: 검색 설정 최적화

"삽입" 명령을 점점 더 많이 사용하는 자신을 발견하면 항상 "삽입" 명령으로 검색을 시작하도록 퀵 액션 검색 설정을 최적화하여 퀵 액션 검색 속도를 더욱 높일 수 있습니다.

이렇게 하면 삽입 명령이 이미 있기 때문에 빠른 작업 메뉴를 배포하고 "텍스트"를 입력하기만 하면 됩니다.

팁 #3: Divi 라이브러리에서 저장된 요소 삽입

빠른 작업 삽입 명령을 사용하여 Divi 라이브러리에서 저장된 요소를 추가할 수 있습니다. 여기에는 저장된 섹션, 행, 모듈 또는 레이아웃이 포함됩니다.

추가하려는 요소 유형(섹션, 행, 모듈 또는 레이아웃) 다음에 "저장된 삽입"을 입력하기만 하면 됩니다.

이것은 유용한 기능이지만 저장된 요소가 많은 경우 검색 속도를 높이는 데 도움이 되도록 보다 분류된 명명 시스템에 대해 생각해야 할 수도 있습니다.

분류된 이름으로 라이브러리 항목 구성

Divi 라이브러리에 많은 수의 저장된 항목이 있는 경우 빠른 작업을 사용하더라도 페이지에 항목을 삽입하는 데 필요한 것보다 더 많은 시간이 소요될 수 있습니다. 결국 특정 모듈, 행 또는 섹션의 정확한 이름을 쉽게 잊어버릴 수 있습니다. 빠른 작업을 사용하여 저장된 요소를 더 빨리 찾는 한 가지 방법은 라이브러리에 저장할 때 각 요소에 분류된 이름을 의도적으로 지정하는 것입니다. 이것은 저장된 요소에 범주를 지정하는 것과 다릅니다. 예를 들어, 내 홈페이지의 요소를 Divi 라이브러리에 저장하려면 이름 앞에 "homepage"를 삽입하여 각 요소의 이름을 분류할 수 있습니다. 따라서 홈페이지에 기능을 소개하는 문구의 섹션을 저장하는 경우 라이브러리에 저장할 때 섹션에 다음 이름을 지정합니다.

"홈페이지 - 기능 섹션"

기능 안내문 행을 저장하려면 다음 이름을 지정합니다.

"홈페이지 - 기능 행"

기능을 보여주는 안내문 모듈을 저장하려면 다음 이름을 지정합니다.

"홈페이지 - 티타임 기능 광고"

이 이름 지정 시스템을 사용하면 빠른 작업 메뉴의 분류 목록에서 원하는 저장된 요소를 쉽게 찾을 수 있습니다. 이전에 홈페이지에 구축한 기능 섹션을 추가하려는 경우 다음 세 가지 중 하나를 수행할 수 있습니다.

1) 빠른 작업 메뉴를 배포하고 "homepage"를 입력할 수 있습니다. 이렇게 하면 이름 시작 부분에 "homepage"가 있는 저장된 요소 목록이 표시됩니다. 여기에서 분류된 "홈페이지" 이름으로 찾고 있는 특정 섹션을 식별할 수 있습니다.

2) "저장된 섹션 삽입" 또는 단순히 "저장된 섹션"을 입력하여 저장된 모든 섹션의 목록을 볼 수 있습니다. 거기에서 "홈페이지"로 분류된 것을 식별할 수 있습니다.

3) 섹션의 이름을 기억하고 있다면 그 이름을 입력하고 더 많은 시간을 절약할 수 있습니다.

팁 #4: Open Command로 Divi Builder에서 페이지 열기

빠른 작업의 열기 명령은 웹 사이트에서 만든 페이지, 게시물 또는 프로젝트를 여는 데 유용합니다. 예를 들어, 빠른 작업 메뉴에서 "페이지 열기"라는 검색 명령을 아는 것은 웹사이트에 있는 모든 기존 페이지 목록을 불러오는 데 도움이 됩니다.

빠른 작업 메뉴에서 페이지를 열 때 좋은 점은 각 페이지가 이미 배포된 Divi 빌더와 함께 새 탭에서 열립니다. 이것은 창의성이나 생각의 긴장을 흐트러뜨릴 수 있는 몇 가지 단계를 건너뛸 수 있기 때문에 웹 디자인 모드에 있을 때 편리합니다.

페이지 이름을 알고 있다면 "open" 다음에 페이지 이름을 입력하여 바로 불러올 수 있습니다. 예를 들어 "정보"라는 제목의 페이지가 있는 경우입니다. 페이지를 열려면 "open about"을 입력하기만 하면 됩니다. 페이지가 목록의 맨 위에 나타나야 합니다. 그런 다음 Enter를 클릭하기만 하면 됩니다! Divi Builder가 이미 활성화되어 있고 편집할 준비가 된 상태에서 해당 정보 페이지로 자동 리디렉션됩니다.

팁 #5: 빠른 작업을 키보드 단축키의 디딤돌로 사용

키보드 단축키를 배우는 데 전념하는 사람들에게는 빠른 동작이 도움이 되는 교사가 될 수 있습니다. 사실을 직시하자. 우리 대부분은 한 번에 모든 키보드 단축키를 기억하고 워크플로에 강제로 적용하는 데 어려움을 겪지 않을 것입니다. 그러나 잠시 시간을 내어 빠른 작업 옵션 옆에 표시된 바로 가기 키를 인식하면 다음에 그 특정 작업에 대해 생각할 때 이 단축키를 시도하려는 경향이 더 커질 것입니다. 다음은 이것이 어떻게 작동하는지에 대한 몇 가지 예입니다.

"페이지 설정"에서 "O"로

빠른 작업과 함께 순항 중이고 페이지 설정에 액세스하기 위해 자주 "페이지 설정"을 입력하는 자신을 발견했다고 가정해 보겠습니다(당신이 록스타이고 용어를 알고 있기 때문입니다). 그런 다음 옵션의 맨 오른쪽에 "O"라고 표시된 문자가 표시됩니다.

그러면 전구가 꺼지고 간단한 키 하나로 페이지 설정에 액세스할 수 있습니다! 다시는 예전 방식으로 돌아가지 못할 수도 있습니다.

"와이어프레임"에서 "shift-w"로

빠른 작업 메뉴에서 "와이어프레임 보기"를 입력하기만 하면 와이어프레임 보기를 배포할 수 있습니다. 그러나 목록의 옵션 오른쪽에 레이블이 지정된 키보드 단축키 "shft + w"를 볼 수 있습니다.

이 작은 단축키는 와이어프레임과 데스크톱 보기 모드를 즉석에서 앞뒤로 전환하는 데 적합합니다!

"?"를 잊지 마세요.

빠른 작업 메뉴의 바로 가기 목록에 액세스하려면 builder 명령을 사용할 수 있습니다. "빌더 바로 가기"를 입력하기만 하면 됩니다. 또는 "키보드 단축키" 또는 단순히 "단축키"를 입력할 수도 있습니다. 그러나 키보드 단축키 레이블 "?"을 간과하지 마십시오. 오른쪽으로.

"?"를 입력하기만 하면 전체 키보드 단축키 목록을 볼 수 있습니다. Divi Builder에서 키보드 단축키 탭을 클릭합니다.

팁 #6: 즉석에서 페이지 옵션 및 페이지 설정을 빠르게 업데이트

Divi에서 웹 사이트를 구축하는 동안 페이지 설정, 테마 설정 및 테마 옵션을 업데이트해야 하는 경우가 종종 있습니다. 다음은 이것이 유용할 수 있는 몇 가지 방법입니다.

페이지 생성 흐름

거기에서 웹사이트의 세 번째 페이지를 만들고 있으며 매번 페이지 생성 흐름 팝업으로 귀찮게 하고 싶지 않다는 것을 깨달았습니다. 빠른 작업 메뉴를 배포하고 "flow"를 입력합니다. 그런 다음 "페이지 생성 흐름" 옵션을 선택하여 해당 옵션이 있는 페이지 설정 모달을 엽니다.

그런 다음 새 페이지에 Divi 빌더를 배포할 때마다 즉시 빌드를 시작할 수 있도록 "처음부터 빌드"로 변경할 수 있습니다.

새 모듈에 대한 자리 표시자 콘텐츠

Divi 모듈 사용에 익숙해지면 자리 표시자 콘텐츠가 더 이상 필요하지 않을 수 있습니다. 이렇게 하면 자체 콘텐츠를 추가하기 전에 자리 표시자 콘텐츠를 삭제할 필요가 없습니다. 빠른 작업 메뉴를 배포하고 "빌더 설정"을 입력하여 해당 옵션을 비활성화합니다.

색상 팔레트 업데이트

귀하의 웹사이트를 구축할 때 많은 분들이 색상 코드를 검색하고 섹션, 행 및 모듈에 복사하여 붙여넣는 데 여전히 귀중한 시간을 낭비하고 있다고 확신합니다. 당신은 필요가 없습니다! 빠른 작업 메뉴를 배포하고 "색상"을 입력하고 "페이지 색상 팔레트 설정" 옵션을 선택하기만 하면 됩니다.

이렇게 하면 페이지 색상 팔레트로 바로 이동합니다. 여기에서 사용 중인 새 색상을 팔레트에 추가할 수 있으며 페이지를 작성할 때 모든 Divi 요소 설정 모달의 모든 색상 팔레트에서 사용할 수 있습니다. 이제 계속해서 검색하고 찾는 대신 팔레트에서 색상을 클릭하기만 하면 됩니다.

페이지에 사용자 정의 CSS 추가

페이지에 사용자 정의 CSS를 추가하려는 경우 일반적으로 몇 번의 클릭으로 페이지 설정을 열고 고급 탭을 클릭하면 됩니다(처음에 어디에 있었는지 기억하는 경우). 빠른 작업을 사용하면 빠른 작업 메뉴를 배포하고 "css"를 입력하고 Enter를 클릭하여 "페이지 사용자 정의 CSS 설정"을 선택하기만 하면 됩니다.

마찬가지로 마우스를 한 번만 클릭하지 않고도 필요한 위치에 바로 있습니다.

팁 #7: 생명선을 사용하십시오

나는 내가 길을 묻거나 지시를 읽지 않는 전형적인 남성 고정 관념으로 고통을 겪었다는 것을 처음으로 인정할 것입니다. 하지만 저는 제 교훈을 배웠습니다. 많은 실패 후에, 나는 내가 맡은 모든 프로젝트(예를 들어, 내 딸을 위한 장난감 주방 세트를 만드는 것과 같은)의 성공이 내가 얼마나 빨리 사용 설명서에 도달했는지에 달려 있다는 것을 발견했습니다. Divi로 웹사이트를 구축할 때도 마찬가지입니다. 빠른 작업을 통해 도움말 문서 및 지원은 말 그대로 몇 번의 키 입력만으로 이루어집니다.

비디오 모듈에 대한 간략한 개요가 필요하고 빠른 작업 메뉴를 배포하고 "도움말 비디오" 또는 "비디오 모듈"을 입력하기만 하면 됩니다. 여기에서 비디오 자습서 팝업 링크 또는 문서 문서에 대한 외부 링크를 볼 수 있습니다.

사용자 지정 지원이 필요한 특정 문제가 있는 경우 "지원"을 입력하여 우아한 테마 지원 페이지에 대한 외부 링크를 불러오기만 하면 됩니다.

마지막 생각들

Divi Quick Actions를 워크플로에 통합하는 것이 망설여진다면 이 몇 가지 팁이 도움이 되어서 직접 시도해 볼 수 있기를 바랍니다. 이러한 팁 중 하나 또는 두 개만으로도 장기적으로 귀중한 시간을 절약할 수 있습니다.

나는 당신이 우리와 공유해야 할 몇 가지 팁을 알고 싶습니다. 아래 의견에서 여러분의 의견을 기다리겠습니다.

건배!