Elementor Pro에서 마스터할 수 있는 최고의 기능을 알고 싶으십니까?

모든 WordPress 사용자는 그것을 알고 있습니다. Elementor는 가장 인기 있는 페이지 빌더 중 하나입니다. 프리미엄 플러그인이기 때문에 Elementor를 사용하여 시각적인 방식으로 아름다운 페이지를 만드는 경험을 즐길 수 있으며 더 많은 고급 기능을 잠금 해제하기 위해 프로 버전으로 업그레이드할 수 있습니다.

다음에 대한 가이드 읽기: WordPress에 Elementor를 설치하는 방법

실제로 Elementor 기능을 확장하는 두 가지 방법이 있습니다. 프로 버전으로 업그레이드하는 것 외에도 다음과 같이 잘 알려진 개발자가 개발한 타사 애드온을 설치할 수도 있습니다. 위데브, WP개발자, 적이있는 크로코블럭. 대신 Elementor Pro로 업그레이드하고 어떤 기능을 잠금 해제할 수 있는지 여전히 궁금한 경우 다음 목록을 참조하세요.

Elementor Pro의 상위 20가지 기능

1. 테마 생성기

워드프레스는 PHP로 작성되었습니다. 즉, 플러그인을 만들거나 워드 프레스 테마, PHP 및 JavaScript와 같은 지원 언어에도 능숙해야 합니다. 그러나 그것은 이전이었습니다. 오늘 당신은 당신의 자신을 만들 수 있습니다 워드 프레스 테마 Elementor와 같은 일부 페이지 빌더 플러그인에서 제공하는 테마 빌더 기능 덕분에 코딩 없이도 가능합니다.

테마 빌더란 무엇입니까?

테마 빌더의 개념을 이해하려면 먼저 테마 빌더의 구성 요소를 이해해야 합니다. 워드 프레스 테마. WordPress 테마는 템플릿 파일로 구성됩니다. 각 템플릿 파일은 테마 일부의 레이아웃을 제어합니다. 예를 들어, 파일 header.php 테마 헤더의 레이아웃을 제어하는 ​​반면 파일은 footer.php 테마 바닥글의 레이아웃을 제어합니다. 대부분의 워드 프레스 테마 다음 템플릿 파일이 있습니다.

  • 헤더.php: 헤더의 레이아웃을 제어합니다.
  • 바닥글.php: 바닥글의 레이아웃을 제어합니다.
  • 단일.php: 단일 기사(블로그 게시물)의 레이아웃을 제어합니다.
  • 사이드바.php: 사이드바의 레이아웃을 제어합니다.
  • 아카이브.php: 아카이브 페이지의 레이아웃을 제어합니다.
  • 페이지.php: 페이지 레이아웃을 제어합니다.

테마 빌더를 사용하면 위의 템플릿과 테마에 속한 다른 템플릿을 대체할 사용자 지정 템플릿을 만들 수 있습니다. 사용 중인 페이지 빌더(이 경우 Elementor)의 비주얼 편집기를 사용하여 사용자 정의 템플릿을 빌드할 수 있습니다.

elementor-pro-awesome-features-to-master

테마 대신 테마 빌더를 사용할 때의 이점 중 하나는 사용자 지정 템플릿을 적용할 위치를 정의할 수 있다는 것입니다. 예를 들어 특정 게시물, 페이지, 특정 카테고리의 게시물, 전체 웹사이트 등에 적용할 사용자 정의 헤더 템플릿을 정의할 수 있습니다.

즉, 동일한 부분에 대해 여러 사용자 정의 템플릿을 생성하여 테마의 특정 부분(예: 헤더)에 대해 다른 레이아웃을 가질 수 있습니다. 또 다른 장점은 무제한 사용자 정의 옵션이 있다는 것입니다..

2. 우커머스 빌더

WooCommerce 기반 전자 상거래 웹 사이트가 있습니까? Elementor Pro는 또한 WooCommerce 온라인 상점을 위한 맞춤형 템플릿을 생성할 수 있도록 하여 전자 상거래 웹사이트 디자인을 한 단계 끌어올릴 수 있습니다. WooCommerce 테마를 구입할 필요가 없습니다.

읽기 : Elementor로 WooCommerce 스토어의 사용자 정의 페이지를 만드는 방법

대신 Elementor의 비주얼 편집기를 사용하여 WooCommerce의 일부를 직접 사용자 지정할 수 있습니다. 사용자 정의 템플릿을 만들 수 있는 WooCommerce 부분은 다음과 같습니다.

  • 단일 제품 페이지
  • 제품 아카이브 페이지(카테고리 및 태그)
  • 쇼핑 페이지

WooCommerce용 사용자 정의 템플릿을 생성하기 위한 다음 위젯이 있습니다.

제품 제품 평가
WooCommerce 빵 부스러기 제품 재고
사용자 정의 장바구니에 추가 제품 메타
WooCommerce 페이지 간단한 설명
제품 카테고리 제품 내용
메뉴 카트 제품 데이터 탭
제품 제목 추가 정보
제품 이미지 제품 관련
제품 가격 업셀
장바구니에 추가

3. 양식 빌더

elementor-pro-awesome-features-to-master

Elementor Pro를 사용하면 양식 위젯에 액세스할 수 있습니다. 이 위젯을 사용하여 작업 중인 페이지/테마 빌더 템플릿에 양식을 추가할 수 있습니다. 이 위젯을 사용하면 광범위한 필드 유형 지원 덕분에 다양한 양식 유형을 작성할 수 있습니다. Elementor의 Form 위젯이 지원하는 필드 유형은 다음과 같습니다.

본문 수용됨을 느낍니다
이메일 숨겨진
텍스트 영역 HTML
URL 비밀번호
전화 파일 업로드
선택 Time
체크박스 날짜
라디오 번호

양식을 포함할 수 있습니다. reCAPTCHA를 스팸 발송자로부터 보호합니다. 약간의 트릭으로 Form 위젯을 사용하여 웹사이트의 등록 페이지. Elementor를 사용하면 다음을 수행할 수도 있습니다. 여러 단계로 양식 만들기 단순화된 긴 양식을 생성할 수 있을 뿐만 아니라 최고의 사용자 경험 사용자에게.

Elementor 자체에는 양식 제출을 처리하는 기본 기능이 없습니다. Elementor의 Form 위젯은 인기 서비스 GetResponse, ActiveCampaign, ConvertKit, Discord 등과의 통합을 지원합니다.

4. 팝업 생성기

팝업 빌더는 Elementor Pro로 업그레이드한 후 잠금 해제할 수 있는 기능 중 하나입니다. 이 기능을 사용하면 코딩 없이 웹사이트에 아름다운 팝업을 만들 수 있습니다. 워크플로를 간소화하기 위해 제공되는 기성 양식 템플릿을 사용할 수도 있습니다.

Elementor에서 제공하는 100개 이상의 기성 팝업 템플릿이 있습니다.

elementor-pro-awesome-features-to-master

Elementor의 팝업 생성기 자체는 다음 유형의 트리거를 지원합니다.

  • 페이지 로드 시 - 페이지 로드 시
  • 스크롤 시 - 스크롤 시
  • 요소로 스크롤할 때 - 요소로 스크롤할 때
  • 클릭 시 - 클릭 시
  • 비활성 후 - 비활성 후
  • 페이지 이탈 의도 - 페이지 이탈 의도

Elementor Pro의 팝업 빌더는 팝업이 표시될 위치를 정의할 수 있는 표시 조건도 지원합니다. 또한 다음 조건에 따라 팝업 창을 표시할 수 있습니다.

  • x 페이지 조회 후
  • x 세션 후
  • 특정 URL에서 도착할 때
  • 검색 엔진이 도착하면
  • 로그인하지 않은 사용자에게만 팝업 창 표시
  • 특정 장치 유형(데스크톱, 태블릿, 스마트폰)에 표시
  • 특정 웹 브라우저에 표시

클릭 트리거 지원으로 팝업 생성기를 사용하여 두 가지를 모두 생성할 수도 있습니다. 전체 화면 메뉴 캔버스 외부의 메뉴.

5. 타사 통합

위에서 언급했듯이 Elementor의 Form 위젯을 사용하면 양식 필드에 대한 광범위한 지원 덕분에 다양한 양식을 만들 수 있습니다. 그 중 하나를 사용하면 양식 위젯을 사용하여 이메일 등록 양식을 만들어 리드를 생성할 수 있습니다.

ActiveCampaign, GetResponse 등과 같은 인기 있는 이메일 마케팅 서비스에 양식을 연결할 수 있습니다.

다음은 양식을 통합할 수 있는 타사 서비스입니다.

  • GetResponse를
  • ActiveCampaign
  • MailerLite
  • 컨버킷
  • MailPoet
  • Mailchimp
  • 똑똑 떨어지는 물방울 소리
  • 느슨하게
  • 디스코드
  • HubSpot

이러한 타사 통합은 Elementor를 사용하여 방문 페이지를 생성하려는 경우에 특히 유용합니다.

6. 커스텀 CSS

Elementor를 사용하면 CSS를 처리하지 않고도 WordPress 웹사이트에서 아름다운 페이지를 만들 수 있다는 것은 사실입니다. 그러나 원하는 경우 웹 사이트 만들기 완전히 독특하며 CSS 기술을 사용할 수 있습니다. 이 기능을 사용하면 Elementor에 세련된 호버 효과를 추가하는 CSS Transform과 같이 Elementor에서 아직 사용할 수 없는 CSS 기능을 구현할 수 있습니다.

읽기 : Elementor에서 모델을 가져오거나 내보내는 방법

각 Elementor 요소에 사용자 정의 CSS를 추가할 수 있습니다. 섹션이든 열이든 위젯이든. 블록에 액세스할 수 있습니다. 맞춤 CSS 탭 아래 고급 Elementor 편집기의 설정 패널(왼쪽 패널)에서 맞춤 CSS를 추가합니다.

7. 모션 효과

Elementor Pro에는 작업 중인 페이지의 요소에 모션 효과를 적용할 수 있는 조정 옵션이 있습니다. JavaScript를 이해할 필요 없이 이 기능을 사용하여 페이지에 애니메이션 효과를 추가할 수 있습니다.

Elementor Pro에서 제공하는 모션 효과는 스크롤 효과와 마우스 효과의 두 가지 유형으로 나뉩니다. 게다가, 당신은 또한 섹션과 위젯에 고정 옵션을 적용할 수 있습니다.

8. 90개 이상의 위젯

아시다시피 Elementor는 프리미엄 플러그인으로 출시되었습니다. 즉, 한푼도 지출하지 않고 Elementor 사용자 경험을 즐길 수 있는 무료 버전이 있습니다. Elementor Free는 기본 위젯을 제공하지만 프로 버전에는 양식, 게시물, 로그인, 가격표 등과 같은 고급 위젯이 함께 제공됩니다.

Elementor Pro로 업그레이드한 후 잠금 해제할 수 있는 위젯은 다음과 같습니다.

게시물 카운트 다운 포스트 발췌
포트폴리오 공유 버튼 주요 이미지
슬라이드 인용구 저자 상자
형태 Facebook 버튼 댓글 게시
로그인 페이스 북의 댓글 포스트 네비게이션
애니메이션 헤드 라인 페이스북 퍼가기 정보 게시
가격 목록 페이스 북 페이지 제품
가격 테이블 주형 WooCommerce 빵 부스러기
플립 박스 사이트 로고 장바구니에 담기
클릭 유도 문안 (call to action) 사이트 제목 WooCommerce 페이지
미디어 캐러셀 페이지 타일 제품 카테고리
추천 캐 러셀 탐색 메뉴 메뉴 카트
리뷰 검색 양식 로티
사이트 맵 글의 제목을 적어주세요. 하이라이트 코드
비디오 재생 목록 PayPal 버튼 핫스팟

잠금 해제할 수 있는 총 90개 이상의 위젯이 있습니다(무료 위젯 및 프로 위젯)

9. 동적 콘텐츠

Elementor를 사용하여 정적 웹사이트를 만들 수 있을 뿐만 아니라 동적 콘텐츠를 지원하므로 Elementor를 사용하여 웹 사이트 만들기 블로그, 뉴스 포털, 발표 웹사이트 및 기타 유형의 동적 웹사이트와 같은 동적입니다. 다음 위젯을 사용하여 테마 빌더 템플릿 또는 페이지에 동적 콘텐츠를 추가할 수 있습니다.

  • 사이트 로고
  • 사이트 제목
  • 페이지 제목
  • 글의 제목을 적어주세요.
  • 포스트 발췌
  • 주요 이미지
  • 정보 게시
  • 게시물

10. 사용자 정의 필드

위의 9번 항목에서 언급한 위젯을 사용하여 게시물 제목, 게시물 메타, 추천 이미지 등과 같은 기본 WordPress 동적 콘텐츠를 추가할 수 있습니다.

사용자 정의 필드는 어떻습니까? Elementor Pro를 사용하면 다음을 추가할 수도 있습니다. 맞춤 입력란. 이 기능을 최대화하면 Elementor를 사용하여 가능한 최소한의 플러그인으로 모든 종류의 웹사이트를 구축할 수 있습니다. Elementor Pro는 다음과 같은 인기 있는 사용자 정의 필드 플러그인과 호환됩니다.

  • 꼬투리
  • 고급 사용자 정의 필드
  • 툴셋
  • 제트 엔진

특정 사용자 정의 필드 플러그인을 Elementor와 통합하는 방법은 무엇입니까?

선호하는 사용자 정의 필드 플러그인을 사용하여 사용자 정의 필드 그룹을 생성하고 Elementor를 사용하여 생성한 사용자 정의 필드의 데이터를 표시하기만 하면 됩니다. 템플릿에 사용자 정의 필드를 표시할 수 있습니다. 당신은 우리의 이전 기사를 읽을 수 있습니다 Elementor에서 사용자 정의 필드를 추가하는 방법.

결국

Elementor는 코드를 다루지 않고도 아름다운 웹사이트를 구축할 수 있는 훌륭한 도구입니다. CSS 코드, HTML 코드, PHP 코드 또는 JavaScript 코드 여부. Elementor의 무료 버전은 훌륭했지만 최고의 페이지 빌더 플러그인으로서의 잠재력을 발휘하려면 모든 기능을 잠금 해제해야 합니다. 이 기능은 프로 버전으로 업그레이드하여 수행할 수 있습니다.

여기에서 Elementor Pro를 사용하여 잠금 해제할 수 있는 첫 번째 기능 목록이 끝납니다. 다른 기사에서 다음 내용을 발견할 것입니다.

지금 Elementor Pro를 받으세요!

결론

여기 ! Elementor Pro에서 마스터할 수 있는 최고의 기능을 소개하는 이 기사는 여기까지입니다. 가는 방법이 걱정되시면 f에서 알려주십시오. commentaires.

그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.

그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.

...