WordPress Elementor 검토

업데이트: 2022-06-02 / 기사 작성자: Nicholas Godwin

회사: 주식회사 엘리멘터

배경: Elementor는 다음을 기반으로 하는 웹사이트 빌더입니다. 워드 프레스. 드래그 앤 드롭 방식을 사용하여 WordPress 사용자가 WordPress 사이트를 만들고 편집할 수 있습니다. Elementor는 WordPress의 공식 웹사이트에 따르면 XNUMX백만 개 이상의 웹사이트에서 활동하고 있습니다.

시작 가격 : 무료

통화: USD

온라인 방문: https://elementor.com/

요약 및 평가 검토

4

Elementor의 주요 이점은 웹 사이트 개발 경험이 없어도 인상적인 웹 페이지를 디자인할 수 있다는 것입니다. 이 디자인 구조는 웹사이트를 게시한 후 웹사이트의 외관에 대한 의심을 없애줍니다.

엘레멘터 란 무엇인가?

Elementor는 WordPress 웹사이트를 위한 시각적 드래그 앤 드롭 웹사이트 빌더 플러그인입니다. 즉, 콘텐츠와 디자인을 만들 때 방문자에게 표시되는 내용이 표시됩니다. 또한 이미지, 양식, 버튼 등의 디자인 요소를 끌어다 놓아 원하는 대로 페이지를 만들고 콘텐츠를 만들 수 있습니다. 당신은 쓸 필요가 없습니다 HTML, CSS, JS 또는 기타 마크업 또는 스크립팅 언어 코드.

장점

  • 직관적인 드래그 앤 드롭 인터페이스.
  • 수많은 고품질의 기성 페이지 디자인이 있는 템플릿 라이브러리.
  • 유용한 위젯의 다양한 선택.
  • 웹사이트의 테마 영역을 쉽게 사용자 정의할 수 있습니다.
  • 초보자가 사용하기 쉽습니다.

단점

  • 고급 설정은 유료 요금제에서만 사용할 수 있습니다. 
  • 드래그 앤 드롭 편집기는 때때로 약간 버그가 있을 수 있습니다.

Elementor 인터페이스는 어떻게 작동합니까?

Elementor의 좀 더 구체적인 기능을 논의하기 전에 먼저 인터페이스가 어떻게 작동하는지 살펴보겠습니다.

인터페이스

요소 편집기

Elementor 편집기를 처음 실행하면 인터페이스가 세 부분으로 나누어져 있음을 알 수 있습니다.

  1. 콘텐츠 영역: 콘텐츠 블록을 배치하고 조정할 수 있는 기본 캔버스입니다.
  2. 요소 또는 위젯: 페이지를 만들기 위해 결합할 구성 요소입니다.
  3. 설정: 변경 사항을 취소하고 여러 장치에서 디자인을 미리 보는 등의 작업을 수행할 수 있습니다.

레이아웃 빌딩 

Elementor 레이아웃 빌딩

요소를 추가하기 전에 페이지의 기본 구조를 디자인하는 것이 항상 좋습니다. 다행스럽게도 Elementor는 섹션과 기둥이라는 두 가지 구조적 요소를 사용자에게 제공합니다.

섹션은 가장 넓은 레이아웃 블록이며 열은 섹션 내에 있습니다. 섹션 내에 여러 열이 있을 수 있습니다.

요소 추가 

왼쪽 사이드바에서 페이지의 시각적 미리보기로 끌어다 놓기만 하면 열이나 섹션에 새 스타일을 추가할 수 있습니다. 헤더, 이미지, 비디오 및 버튼과 같은 기본 기능을 다음과 같은 고급 기능에 추가할 수 있습니다. 심벌 마크 회전 목마

스타일링 요소

원하는 콘텐츠를 클릭하고 Elementor 사이드바의 옵션을 사용하여 열과 섹션을 포함한 모든 요소의 스타일을 지정하고 제어할 수 있습니다. 섹션 핸들을 마우스 오른쪽 버튼으로 클릭하고 상황에 맞는 팝업 메뉴에서 선택할 수도 있습니다.

Elementor의 4가지 고유 기능

이제 기본 사항을 이해했으므로 Elementor의 성공에 기여한 몇 가지 고유한 기능을 살펴보겠습니다.

1. Elementor 템플릿 라이브러리

Elementor 템플릿 라이브러리
페이지와 블록은 Elementor에서 얻을 수 있는 두 가지 다른 유형의 템플릿입니다.

Elementor 사용자는 처음부터 직관적이고 완전한 디자인을 만들 수 있습니다.

그러나 Elementor 템플릿 라이브러리를 사용하면 항상 모든 작업을 직접 수행할 필요가 없습니다. 라이브러리는 클릭 한 번으로 활성화할 수 있는 수많은 템플릿으로 구성되어 있습니다.

또한 플러그인은 페이지와 블록의 두 가지 형식으로 템플릿을 제공합니다.

페이지는 필요에 맞게 조정할 수 있는 가져올 수 있는 전체 페이지 디자인입니다.

대조적으로 블록은 특정 섹션을 위해 만들어진 디자인입니다. 예를 들어 블록을 사용하여 미리 작성된 "내 소개" 섹션을 기존 레이아웃으로 가져올 수 있습니다. 

또한 사용자 정의 디자인이 있으면 템플릿으로 저장하고 나중에 쉽게 재사용할 수 있습니다.

2. 모바일 미리보기 및 반응형 디자인 컨트롤

Elementor에는 모바일 미리 보기 및 응답 디자인 기능이 있어 사용자가 콘텐츠에 액세스하는 데 사용하는 장치를 기반으로 사용자에게 표시되는 내용을 제어할 수 있습니다.

4.32 억 전 세계의 고유한 모바일 인터넷 사용자와 90% 이상의 인터넷 사용자가 모바일 장치로 웹에 액세스하는 경우 이 기능이 유용합니다.

기능을 전환하여 태블릿, 모바일 또는 데스크톱에서 페이지 요소 또는 위젯을 숨기거나 표시할 수 있습니다. 반응형 모드를 클릭하여 장치별로 페이지를 미리 볼 수도 있습니다.
기능을 전환하여 태블릿, 모바일 또는 데스크톱에서 페이지 요소 또는 위젯을 숨기거나 표시할 수 있습니다. 반응 모드를 클릭하여 장치별로 페이지를 미리 볼 수도 있습니다.
고급 설정 영역에서 Elementor의 반응형 옵션을 찾을 수 있습니다.
고급 설정 영역에서 Elementor의 반응형 옵션을 찾을 수 있습니다.

일부 페이지 요소에는 고유한 반응 기능이 있습니다. 예를 들어 모바일 또는 태블릿에서 일부 섹션의 열을 뒤집을 수 있습니다.

3. 세부 레이아웃 제어

열, 섹션 및 위젯의 여백과 패딩을 수동으로 조정할 수 있습니다. 열 사이에 공백을 만들거나 열 구분선을 끌어 열 너비를 조정할 수도 있습니다.
열, 섹션 및 위젯의 여백과 패딩을 수동으로 조정할 수 있습니다. 열 사이에 공백을 만들거나 열 구분선을 끌어 열 너비를 조정할 수도 있습니다.

페이지 빌더를 사용하면 사용자가 코드를 작성하지 않고도 웹사이트를 디자인할 수 있습니다. 그러나 이러한 단순성은 종종 절충점으로 이어집니다. Elementor는 절충의 필요성을 줄이기 위해 열심히 노력합니다.

사이트 빌더 코드를 작성할 때와 마찬가지로 모든 섹션, 열 및 위젯을 원하는 위치와 원하는 방식으로 정확하게 배치할 수 있도록 하는 수많은 직관적인 컨트롤을 제공합니다.

4. 인라인 텍스트 편집

Elementor 인라인 텍스트 편집기
Elementor 인라인 텍스트 편집기

Elementor는 사용자에게 도움이 되는 인라인 텍스트 편집기를 제공합니다. 웹사이트를 더 빠르게 구축.

인라인 텍스트 편집은 웹사이트에서 텍스트를 편집하는 빠르고 쉬운 방법입니다. 여러 페이지 빌더와 같은 팝업을 사용하는 대신 Elementor를 사용하면 페이지를 클릭하고 텍스트를 입력할 수 있습니다.

Elementor Pro는 어떻습니까?

Elementor Pro 계획에는 더 많은 고급 기능이 포함되어 있습니다.
Elementor Pro 계획에는 더 많은 고급 기능이 포함되어 있습니다.

Elementor는 무료 및 유료 플랜(Elementor Pro)을 모두 제공합니다. Elementor Pro 플랜에는 사이트 구축 경험을 원활하게 해주는 고급 기능이 함께 제공됩니다.

이제 Elementor Pro 계획에서 현금을 과도하게 사용하면 얻을 수 있는 몇 가지 유용한 기능을 살펴보겠습니다.

빌드 테마

첫째, 전체 WordPress 테마를 처음부터 구축할 수 있습니다. Elementor Pro 2.0으로 업데이트하기 전에 Elementor는 테마가 아닌 콘텐츠만 구축할 수 있었습니다. 따라서 Elementor를 실행하려면 여전히 테마가 필요합니다.

그러나 이제 끌어서 놓기 인터페이스를 사용하여 Elementor에서 완전한 테마를 구축할 수 있습니다.

위젯

둘째, 더 많은 위젯을 얻습니다. 더 많은 유연성을 제공하는 것 외에도 이러한 위젯은 다른 플러그인을 대체할 수 있습니다.

Elementor Pro의 일부 위젯에는 다음이 포함됩니다.

  • 슬라이더
  • 양식(연락처 양식, 로그인 양식 등)
  • 카운트 다운 타이머
  • 소셜 공유 버튼
  • CTA
  • 가격 테이블

그리고 더.  

전체 템플릿 라이브러리

Elementor Pro는 라이브러리의 모든 템플릿 페이지와 블록의 잠금을 해제합니다. 또한 독점적인 Elementor Pro 템플릿이 더욱 상세하고 정교해졌습니다. 따라서 더 많은 템플릿과 향상된 품질을 얻을 수 있습니다.

마지막으로 여러 페이지에서 특정 요소를 재사용해야 하는 시나리오가 있습니다.

예를 들어, "나에 대해" 섹션이 모든 웹 페이지에 동일한 콘텐츠를 포함하기를 원합니다. 전역 위젯을 사용하여 이를 달성할 수 있습니다.

이 Elementor Pro 기능을 사용하면 위젯을 템플릿으로 저장하고 여러 페이지에서 재사용할 수 있습니다. 한 번의 편집으로 전역 위젯의 모든 인스턴스를 자동으로 업데이트할 수도 있습니다. 

Elementor 계획 및 가격

Elementor 계획 및 가격.
Elementor 계획 및 가격.

이제 무료 및 유료 요금제의 요금제와 가격을 살펴보십시오.

Elementor 무료 플랜

무료 플랜에는 다음이 포함됩니다.

  • 보다 전문적으로 보이는 웹사이트를 만드는 데 도움이 되는 30개 이상의 다양한 템플릿,
  • 40개 이상의 위젯 및 
  • 내장된 페이지 편집기.

Elementor 유료 플랜

유료 계획에는 연간 $49부터 시작하는 여러 계획에 걸쳐 더 많은 템플릿과 더 정교한 기능이 포함됩니다. Essential 플랜의 비용은 연간 $49이며 다음 기능이 포함됩니다.

  • 단일 웹사이트에 설치 가능,
  • 무료 옵션보다 더 자세한 300개 이상의 프로 템플릿,
  • 100개 이상의 위젯,
  • 60개 이상의 웹사이트 템플릿 키트
  • 테마 빌더 및 프리미엄 지원.

연간 비용이 $99인 Advanced 패키지는 세 개의 웹사이트에 설치할 수 있습니다.

반면에 연간 $199의 비용이 드는 Expert 플랜은 25개의 웹사이트에 설치할 수 있습니다. 또한 모든 필수 계획 기능과 전문가 네트워크 프로필이 있습니다.

그러나 고급 전문가는 연간 $499에 Studio 요금제를 구입하거나 연간 $999에 Agency 요금제를 구입할 수 있습니다. 이러한 최상위 계획에는 VIP 라이브 채팅 지원이 포함되며 각각 100개 및 1000개 웹사이트에 설치할 수 있습니다.

Elementor로 빌드 시작

Elementor는 이유가 있는 인기 있는 WordPress 페이지 빌더입니다. 시각적 페이지 빌더가 제공하는 모든 기본 사항을 제공합니다.

그런 다음 다음과 같은 보다 정교하고 유용한 인터페이스 요소로 이러한 핵심 기능을 기반으로 합니다. 테마 빌더 및 팝업 빌더.

플러그인이 프로젝트에 적합한지 확실하지 않은 경우 WordPress에서 무료 버전을 사용해 보세요. 그런 다음 추가 기능이 필요한 경우 Pro 플랜으로 업그레이드하여 Elementor의 모든 기능을 활용할 수 있습니다.

더 읽기

Nicholas Godwin 정보

Nicholas Godwin은 기술 및 마케팅 연구원입니다. 그는 2012 년부터 청중이 좋아하는 수익성있는 브랜드 스토리를 기업이 전달하도록 돕습니다. 그는 Bloomberg Beta, Accenture, PwC 및 Deloitte에서 HP, Shell, AT & T까지의 글쓰기 및 연구 팀에서 일했습니다.