시작하는 데 문제가 있습니까? Elementor 플러그인 ? 다음은 Elementor 사용 방법에 대한 전체 가이드입니다.

오늘은 Elementor를 사용하여 웹 사이트의 페이지와 블록을 만드는 방법을 보여 드리겠습니다.

페이지 빌더는 웹 디자인 경험이 거의 또는 전혀없는 사람들을위한 웹 개발의 필수적인 부분이되었습니다.

가장 인기있는 페이지 빌더 중 하나는 무료로 제공되고 프리미엄 모드에서 더 많은 기능을 제공하는 Elementor입니다.

Elementor 사용 방법

이 기사에서는 Elementor가 시작하기에 완벽한 페이지 빌더라고 생각하는 이유를 설명합니다.

Elementor 알아보기

사용자가 귀하의 웹 사이트를 처음 만났을 때 지속적인 인상을 남깁니다. 복고풍 또는 미니멀 한 스타일을 원하든, 미래에 웹 페이지가 어떻게 보일지에 대한 비전을 만들기 위해 리소스를 모았 든 상관없이 Elementor와 같은 WordPress 페이지 빌더가 무엇이든 코딩없이 웹 사이트를 개인화 할 수 있습니다. .

Elementor와 호환되는 WordPress 테마를 먼저 설치해야합니다.

읽기 : 테마없이 Elementor를 사용할 수 있나요? (아니요-이유는 다음과 같습니다)

예전에는 테마에서 제공하는 사용 가능한 디자인 옵션을 사용하여 웹 사이트를 디자인했습니다. 그러나 일부 테마에는 특정 사용자 정의 기능이 없었고 다른 테마는 투박하고 각 페이지에 대해 사용자 정의하기가 매우 어려웠습니다.

Elementor 페이지 빌더를 사용하면 새로운 변경 사항이 어떻게 구현되었는지 확인하기 위해 프런트 엔드와 백엔드간에 전환하지 않고도 웹 사이트를 실시간으로 변경할 수 있습니다.

다음을 방문하여 Elementor를 설치할 수 있습니다. 자신의 웹 사이트 나중에 zip 파일을 WordPress에 업로드하거나 저장소를 탐색하여 워드 프레스 플러그인 "Elementor"를 검색하고 설치.

플러그인을 활성화하면 Elementor가 제공하는 모든 옵션을 탐색 할 준비가 된 것입니다.

읽기 : Elementor 설치 방법

Elementor가 제공해야하는 기능

다행히 Elementor는 프런트 엔드 편집기이므로 변경 사항이 즉시 적용되는 것을 확인하고 조정할 수 있습니다.

또 다른 간접적 이점은 인기로 인해 YouTube 또는 WordPress 웹 사이트에서 시작하는 데 사용할 수있는 리소스가 부족하지 않다는 것입니다. 이 기사는 이러한 웹 사이트의 예시 사례입니다.

Elementor의 개인화는 모두 위젯에 관한 것이며 위젯을 페이지로 드래그 앤 드롭하는 데 익숙해지면 WordPress 테마의 기본 페이지 빌더를 처리하는 것보다 훨씬 나은 이유를 알 수 있습니다.

Paypal 버튼 위젯 삽입

WordPress의 모든 페이지는 섹션으로 구성되며 이것이 Elementor를 사용한 페이지 구축의 기초입니다.

화면 왼쪽에는 햄버거 메뉴가있어 전체 웹 사이트를 변경할 수 있으며 변경 사항은 오른쪽에 반영됩니다.

끌어서 놓기 기능을 사용하면 디자인 도구를 연상시키는 더 빠른 웹 페이지 구축 경험이 가능합니다.

테마가 필요한 유일한 이유는 웹 사이트가 테마 없이는 작동 할 수없고 Elementor가 테마 없이는 변경할 수 없다는 것입니다.

리라 테마없이 Elementor를 사용할 수 있나요? (아니요-이유는 다음과 같습니다)

또한 Elementor의 무료 버전을 계속 사용할 계획이라면 머리글과 바닥 글을 변경하려면 테마가 여전히 필요합니다.

Elementor Free 대 Elementor Pro

그들 사이의 주요 차이점은 Pro 버전에서 제공되는 위젯의 수입니다.

따라서 디자인에 필요한지 확인하십시오.

또한 Elementor에서 바닥 글 및 머리글을 변경하는 기능도 유용하지만 테마에 이미 전용 머리글 및 바닥 글 작성기가 포함되어있는 경우 유용하지 않을 수 있습니다.

위젯과 관련하여 무료 버전에서 사용할 수있는 기본 위젯은 다음과 같습니다.

  • 내부 섹션
  • 영상
  • 텍스트 에디터
  • 비디오
  • 단추
  • 분리 기호
  • 아이콘
  • 분할기
  • Google지도

다음은 Pro 버전에서 사용할 수있는 몇 가지 위젯입니다.

  • 포트폴리오
  • 형태
  • 플립 박스
  • 가격표
  • 견적 블록
  • 행동을 요구하다

Elementor Pro로 업그레이드할지 여부에 대한 최종 결정을 내리는 데 유용한 모든 정보가 아래에 제공되었습니다.

그러나 일반적으로 Elementor가 최고의 WordPress 페이지 빌더라는 확신이들 때까지 무료 버전을 사용하는 것이 좋습니다.

Elementor 무료 Elementor 프로
가격 무료 $ 49 ~ $ 99,199 / 년
위젯 수 25+ 50+
페이지 빌더 장군은 일시적으로 연결이 장군은 일시적으로 연결이
테마 빌더 사용할 수 없습니다 장군은 일시적으로 연결이
고객 지원 사용할 수 없습니다 장군은 일시적으로 연결이
동적 컨텐츠 사용할 수 없습니다 장군은 일시적으로 연결이
프로 템플릿 및 블록 사용할 수 없습니다 장군은 일시적으로 연결이
전자 상거래 통합 사용할 수 없습니다 장군은 일시적으로 연결이

궁극적으로 Elementor 지원 팀이 Pro 버전에서 지원을 제공한다는 확신은 우리가 Pro 버전을 굳게 믿게 만드는 것입니다.

또한 다른 플러그인에서 찾을 수있는 몇 가지 틈새 기능이 함께 제공되지만 한 번에 모두 수행하는 것은 어떻습니까?

파 exemple, 팝업 빌더, 동적 옵션, 헤더 또는 팝업이 표시되는 조건, 사용자 정의 CSS, 단축 코드 및 템플릿 위젯, 사용자 정의 글꼴 및 역할 관리자.

WordPress에서 사용자에게 역할을 할당하고 제한 할 수 있으므로 디자인을 손상시키지 않고 작업을 계속할 수 있습니다. 고객은 페이지 내용 수정에만 액세스 할 수 있으며 끌어서 놓기로 요소를 추가하거나 제거 할 수 없습니다. 이렇게하면 디자인이 항상 보호됩니다.

편집 환경

Elementor를 사용하여 첫 페이지를 디자인 할 때 처음에는 위젯 수가 너무 많아서 빈 캔버스에 놓을 디자인을 스케치하지 않았을 수 있습니다. 이 순간에 영감을 덜 느끼는 사람들을 위해 Elementor 페이지 템플릿이 제공됩니다.

방대한 목록에서 미리 정의 된 템플릿을 선택하고 페이지에 삽입하고 필요에 따라 사용자 지정하기 만하면됩니다. 오른쪽은 페이지 레이아웃을 구성하는 요소를 추가 할 수있는 디자인 플레이 그라운드입니다.

왼쪽은 페이지에서 드래그 앤 드롭 위젯으로 채워진 창의적인 패널입니다.

디자인에 맞게 섹션을 추가하고 위젯을 드래그하거나 미리 디자인 된 템플릿을 선택할 수 있습니다.

읽기 : 사용자 정의 CSS를 통해 Elementor에서 호버 효과를 추가하는 방법

하단 패널에는 기록으로 돌아가서 작업과 리뷰로 구분되는 원형 화살표 아이콘이 있습니다. 작업에서 단계를 찾고 이전 버전으로 되돌릴 수 있으며 개정판에서 저장된 모든 버전을 찾을 수 있습니다.

Elementor 사용 방법

Elementor 사용의 또 다른 이점은 다양한 디스플레이 모드에 빠르게 액세스하여 태블릿 및 모바일과 같은 다양한 화면에서 현재 디자인이 어떻게 보이는지 즉시 확인할 수 있다는 것입니다.

홈페이지 디자인을 좋아한다면 Elementor 's Blocks를 사용하여 처음부터 자신 만의 페이지를 만들 수 있습니다.

읽기 : 사용자 정의 CSS를 통해 Elementor에서 호버 효과를 추가하는 방법

탭 옵션 스타일 (색상, 글꼴 유형, 크기) 필요에 따라 블록의 내용을 사용자 지정할 수 있습니다.

기존 섹션의 스타일을 복사하고 거기에서 붙여 넣어 모든 블록을 같은 방식으로 편집하는 매우 유용한 옵션도 있습니다.

Elementor 사용 방법

포트폴리오와 같이 정적 페이지가있는 간단한 웹 사이트는 대부분 정적이지만 대부분의 웹 사이트에는 여러 페이지 (블로그, 온라인 상점, 검색 결과)가 있습니다.

이러한 동적 페이지는 Elementor Pro 또는 테마 옵션 (예 : 고유 한 머리글 및 바닥 글 디자인)으로 편집 할 수 있습니다.

참조 : Elementor에서 출시 예정 모드를 활성화하는 방법

Pro 버전에는 더 많은 블록, 템플릿 및 위젯이 함께 제공됩니다.

백엔드에서는 웹 사이트에 최신 Elementor에 문제가있는 경우 URL 바꾸기, 유지 관리 모드 및 버전 제어와 같은 옵션을 제공하는 도구 메뉴에 액세스하여 이전 버전으로 되돌릴 수도 있습니다.

간단히 말해서 두 버전 모두 페이지를 만들고 편집 도구를 사용하며 미리 정의 된 템플릿을 삽입 할 수 있습니다.

Elementor Pro 시세

위의 표에서 판단 할 때 Elementor Pro가 올바른 선택이라고 확신하는 경우 Elementor 팀은 필요한 라이선스 수에 따라 시작할 수있는 5 가지 계획을 가지고 있습니다.

결국

일반적으로 Elementor (무료 또는 Pro)와 사각 지대를 커버하는 강력한 WordPress 테마를 결합하는 것이 대부분의 경우 올바른 방법입니다.

기타 추가 프리미엄 WordPress 플러그인 

또한 다른 발견 워드 프레스 플러그인 WordPress 블로그 또는 웹사이트의 성능을 최적화하는 프리미엄.

1. Foodify

Foodify 고객이 상점에서 음식을 주문하는 가장 빠르고 쉬운 방법입니다. 전적으로 반응 이미지와 같은 추가 기능을 포함합니다. 검색 옵션제품 정보. woocommerce를위한 Foodlify 레스토랑 음식 메뉴

또한 바구니에 버튼을 추가하여 개선 사용자 경험. 이 WooCommerce 확장은 모든 WooCommerce 웹 사이트에 추가 할 수있는 빠르고 포괄적 인 주문 솔루션입니다.

당신을 위해 여기 카테고리 설명 및 라벨을 최적화하는 5 WordPress 플러그인

WordPress 디렉토리의 많은 기존 플러그인과 매우 유연하고 호환된다는 장점이 있습니다.

다운로드 | 데모 | 웹 호스팅

2. 이미지 확대 / 축소

이 플러그인을 사용하면 단축 코드를 통해 WordPress 블로그의 이미지에 대한 파노라마 확대 / 축소 기능을 쉽게 추가 할 수 있습니다. 예를 들어 기사 또는 페이지에 통합 할 수 있습니다.

줌용 이미지 줌 팬 워드 프레스 플러그인

기능으로는 단일 이미지의 파노라마 줌 또는 무제한 이미지가있는 갤러리, 컨트롤 바의 위치 상단, 오른쪽, 하단 및 왼쪽이 될 수 있으며, 컨테이너의 하단은 어둡고 밝고 그 어느 것도 없을 수 있습니다. 대시 보드의 실시간 미리보기, 동일한 페이지에서 여러 파노라마 확대 / 축소의 예 등

또한 우리의 발견 5 shortcodes 프리미엄 WordPress 플러그인

다운로드 | 데모 | 웹 호스팅

3. 슬라이더 프로

Slider Pro 솔루션은 블로거뿐만 아니라 기사를 게시하지 않는 사람들에게 호소력이있는 슬라이드 또는 슬라이더를 만들고 편집 할 수있는 올인원 플랫폼을 제공합니다.

Slider Pro 반응 형 워드 프레스 슬라이더 플러그인

Ce 워드 프레스 플러그인 Premium은 필요한 정보를 찾는 사용자에게 종종 장애물이 되는 불필요한 장식을 피합니다. 또한, 그것은 단순성 광범위한 사용자 정의 가능성을 제공하면서 성능을 향상시킵니다.

너무 발견 WordPress에서 슬라이더 혁명으로 슬라이드 쇼를 만드는 방법

그의 Urls 관리 브라우저의 검색 창에있는 것은 후자에서 우리에게 눈에 띄는 기능 중 하나입니다. 이름에서 알 수 있듯이 이것이 필요한 전문 솔루션입니다.

또한 우리를 읽으십시오 블로그에 FAQ를 작성하는 5 WordPress 플러그인

그 기능은 다음과 같습니다 최적화 된 이미지 로딩쉬운 사용자 정의, 부드러운 애니메이션, 여러 레이아웃 등이 있습니다.

다운로드 | 데모 | 웹 호스팅

추천 자료

웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.

결론

여기 ! Elementor를 사용하는 방법을 보여주는 기사입니다. WordPress에서. 당신이 가지고 있다면 댓글 또는 제안 사항은 예약 섹션에 알려주십시오.

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

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

...