Element Pack 및 Elementor를 사용하여 WordPress에서 랜딩 페이지를 만드는 방법
게시 됨: 2019-10-20안녕하세요 여러분, 이 기사에서는 Element Pack 및 Elementor Page builder를 사용하여 WordPress에서 랜딩 페이지를 만드는 방법에 대해 배울 것입니다. 이것은 단계별 튜토리얼 블로그가 될 것이므로 긴 여행을 위해 숨을 참으세요.
시작하자!
Elementor와 요소 팩을 사용하여 랜딩 페이지를 만드는 것은 절대적으로 쉽습니다.
우선 Elementor와 Element Pack을 사용하여 멋진 랜딩 페이지를 구축할 수 있는 방법이 많이 있습니다.
무료 WordPress 플러그인으로 랜딩 페이지를 만드는 가장 편리한 방법을 알려드리고자 이 기사를 만들었습니다.
예, 무료입니다.
여기서 보여드릴 것은-
- 무료 플러그인 – Elementor 페이지 빌더와 Element Pack Pro에는 모두 웹 개발을 위한 무료 플러그인 버전이 있습니다.
- 쉬운 단계 – 우리는 어려운 일 없이 단순화된 방식으로 모든 것을 할 것입니다.
- 코딩 지식이 필요하지 않음 – 드래그 앤 드롭 플러그인으로 코딩 지식이 필요하지 않은 Elementor Page builder 플러그인으로 작업할 예정입니다. 그런 경우에도 코드를 사용하여 페이지 작성 프로세스의 나머지 부분에 노력을 들일 필요가 없습니다.
- 독창적인 디자인 – 오래된 곰이 더 맛있지만 동일한 반복 인터페이스를 가진 이전 페이지 템플릿을 고수하지 않습니다. 우리의 모든 것은 신선하고 창의적인 레이아웃 디자인입니다.
- 더 많은 클릭률 및 전환율 - 이 가이드를 통해 멋지게 보일 뿐만 아니라 전환율도 더 높은 웹 페이지를 구축할 수 있습니다.
웹페이지 제작 과정에 들어가기 전에 우리가 무엇을 만들고 어떤 도구를 사용하여 만들 것인지에 대한 정의에 대해 잠시 말씀드리겠습니다.
앞으로 나아가자.
내용의 테이블
WordPress의 랜딩 페이지는 무엇입니까?
사이트의 홈 페이지는 기본적으로 우리가 웹사이트를 방문할 때 가장 먼저 보게 되는 사이트의 일부입니다. 방문 페이지는 방문자에게 필요한 특정 작업을 위한 전용 페이지입니다. 이것은 마케팅 목적으로 사용되는 특별한 페이지이며 귀하의 사이트 가치를 높입니다. 방문 페이지는 매력과 기능으로 더 많은 사람들을 끌어들여 CTR과 전환에 영향을 미치도록 설계되었습니다.
적절하게 설계된 방문 페이지는 종종 블로그나 홍보 게시물보다 더 많은 검색 트래픽을 생성합니다. 사람들이 확신을 얻기 위해 새롭고 재미있는 경험을 원한다는 것은 이치에 맞습니다. 랜딩 페이지는 이를 위한 완벽한 장소입니다.
랜딩 페이지를 디자인하는 방법에는 여러 가지가 있습니다. 표준 랜딩 페이지에는 헤더, 푸터, 서비스, FAQ, 가격 등이 포함되어야 합니다. 기본적으로 홈페이지라고 생각할 수 있지만 그렇지 않습니다.
홈페이지와 방문 페이지를 구별하는 사실
물론 홈페이지는 방문자가 처음 방문할 것으로 예상되는 페이지입니다.
예를 들어, 홈페이지는 전체 사이트 구조, 제품 또는 서비스에 대한 세부 정보를 포함하며 방문자에게 브랜드를 소개하는 데 사용됩니다. 또한 사람들이 귀하의 웹사이트나 다른 페이지를 더 자세히 살펴보도록 권장합니다.
그러나 우리는 단일 페이지 내에서만 특정 제품이나 기능에 집중하는 것과 같은 특정 요구를 충족시키기 위해 방문 페이지를 만듭니다.
이 때문에 대부분의 랜딩 페이지는 제품 관련 콘텐츠만 있는 홈페이지보다 콘텐츠가 적습니다.
즉, 방문자에게 명확한 메시지를 전달하기 위해 단순하고 답답하지 않은 랜딩 페이지를 만듭니다.
이것이 바로 홈 페이지와 랜딩 페이지의 핵심적인 차이점입니다.
Elementor를 사용하여 단계별로 랜딩 페이지 만들기
랜딩 페이지의 정의를 알았으니 이제 Elementor를 사용하여 랜딩 페이지를 만드는 과정에 대해 알아볼 차례입니다.
WordPress에서 가장 널리 사용되는 드래그 앤 드롭 페이지 빌더 플러그인인 Elementor를 사용합니다.
사용하기 쉽고 코딩 지식이 전혀 필요하지 않습니다.
그것이 우리가 웹 개발에 Elementor를 사용하는 이유의 전부는 아닙니다.
- 산만하지 않은 사이트 구축 경험: Elementor는 완전히 빈 캔버스를 제공하므로 처음부터 웹사이트를 만들 수 있습니다. 이것은 프로 웹 개발자들이 무엇보다 Elementor를 소중히 여기게 만듭니다.
- Drag-n-Drop 위젯: Elementor는 구축 방식과 제공 항목으로 인해 매우 유연합니다. 새로 디자인된 웹사이트에 기능을 추가하면 커서를 클릭하여 위젯을 드래그하기만 하면 됩니다.
- 전체 사이트 관리: Elementor는 특히 방문 페이지 레이아웃에 대한 전용 컨트롤을 제공하여 페이지를 보다 역동적이고 전문적으로 구축할 수 있도록 합니다.
- 템플릿 및 블록: Elementor는 초보자에게 친숙하며 몇 분 안에 자신의 랜딩 페이지를 만들기 위해 가져오고 사용자 지정할 수 있는 미리 만들어진 템플릿 디자인이 많이 있습니다.
자, 앞으로 나아가자.
시작하는 데 필요한 것
Element Pack & Elementor를 사용하여 첫 번째 랜딩 페이지를 만들기 시작하려면 사전에 필요한 사항을 준비해야 합니다.
당신에게 필요한 것은-
- 안정적인 WordPress 웹사이트
- Elementor 페이지 빌더(무료)
- 요소 팩 프로
Element Pack Pro를 사용하는 이유는 Elementor용 200개 이상의 에센테일 위젯과 몇 분 만에 전문가가 될 수 있는 2000개 이상의 템플릿이 있기 때문입니다.
이것은 웹 개발을 파이처럼 쉽게 만들기 위해 만들어진 전설적인 웹 개발 도구입니다.
45개 이상의 위젯과 기능을 무료로 제공하는 무료 버전 Element Pack Lite를 사용할 수 있습니다.
또한 자신의 것으로 가져와 사용할 수 있는 많은 수의 랜딩 페이지 템플릿(100개 이상)이 있습니다.
방문 페이지의 일부
훌륭한 랜딩 페이지에는 일반적으로 다음과 같은 부분이 포함되어야 합니다.
- 헤더: 사이트 로고, 메인 메뉴 및 검색 창과 같은 추가 기능이 헤더 부분에 들어갑니다. 페이지의 나머지 부분에 따라 움직이거나 고정될 수 있습니다.
- 영웅 섹션: 영웅 섹션은 방문자가 아래로 스크롤할 때까지 전체 화면을 채웁니다. 웹사이트의 이 부분의 세부 사항에 최대한 주의를 기울여야 합니다.
- 서비스 섹션: 방문자에게 귀하의 비즈니스에 대해 자세히 설명하는 곳입니다.
- 특징: 사람들이 다른 사람보다 당신을 선택하게 만드는 당신의 특징을 강조하십시오.
- 갤러리: 이미지 그리드, 회전 목마, 아이콘, 소셜 공유 버튼 등으로 사이트의 갤러리를 장식합니다.
- 평가: 사람들이 귀하의 서비스에 대해 어떻게 말하는지 보여주고 더 많은 인기와 신뢰를 얻으십시오.
- 가입 양식: 이 부분에서는 방문자가 향후 범위를 위해 메일 목록을 입력할 수 있도록 하는 방법을 포함해야 합니다.
이제 이러한 요소에 대해 Element Pack 및 Elementor를 사용하여 랜딩 페이지를 만들기 시작하기만 하면 됩니다.
1단계: 템플릿 메뉴를 사용하여 랜딩 페이지 만들기
Elementor의 또 다른 장점은 전용 템플릿 대시보드 컨트롤을 사용하여 페이지 템플릿을 만들 수 있다는 것입니다.
그래서 여기 저기 뛰어다니는 대신 실제로 한 곳에서 라인에 작품을 올릴 수 있습니다.
WordPress 대시보드> 템플릿 으로 이동하고 랜딩 페이지 옵션을 선택하여 템플릿 메뉴에 새 랜딩 페이지를 추가하기만 하면 됩니다.
이제 템플릿 페이지의 Elementor 페이지 편집기로 리디렉션됩니다.
여기에서 Element Pack Pro 템플릿 라이브러리에서 미리 만들어진 템플릿을 선택하거나 전체 사용자 정의할 수 있습니다.
2단계: 디자인 색상 및 글꼴 준비
이전에 언급했듯이 Elementor는 머리글과 바닥글을 포함한 모든 것을 제외하고 산만하지 않은 편집기 창을 제공합니다.

전체 흰색 페이지를 시작하려면 페이지 설정에서 "Elementor Canvas"를 선택하기만 하면 됩니다.
시작하기 전에 랜딩 페이지의 전체 색상과 글꼴을 설정해야 합니다.
이것은 각 섹션/요소의 글꼴 또는 색상 속성을 수동으로 변경할 필요 없이 많은 시간을 절약하기 때문에 필수적입니다.
더 빠르고 전문적인 디자인 경험을 위해 WordPress에서 랜딩 페이지를 만드는 데 사용하는 PC에 색상 선택기 소프트웨어를 설치할 수 있습니다.
이는 작업 흐름을 유지하는 데 도움이 됩니다.
3단계: 헤더 및 영웅 페이지 디자인
우선 헤더를 먼저 디자인한 다음 영웅 섹션의 콘텐츠로 이동할 수 있습니다.
헤더에는 브랜드 로고, 메뉴 및 검색 필드와 같이 사용자가 작업을 수행할 수 있는 항목이 포함되어야 합니다.
둘째, 영웅 섹션이나 헤더 바로 아래 부분에 대해 단순하게 유지해야 합니다.
헤더와 히어로 페이지에 유사한 톤을 적용하여 더 잘 보이게 하는 것이 좋습니다.
그런 다음 멋진 배경 이미지 위에 영웅 페이지 중간에 큰 텍스트를 배치할 수 있습니다.
배경 이미지는 서비스를 나타내야 합니다.
사용자가 주제에 대해 더 많은 정보를 얻을 수 있도록 하는 버튼으로 마무리하세요.
이 시점에서 개별 섹션 또는 요소에 대해 Elementor의 고급 탭을 사용하고 고유한 디자인을 만들기 위해 사용자 지정 추가, 여백, 테두리, 그림자 등을 설정할 수 있습니다.
Element Pack Pro에는 영웅 페이지의 모양을 향상시키는 몇 가지 놀라운 위젯이 있습니다.
- 고급 제목
- 애니메이션 제목
- 아이콘 탐색
- 슬라이더
- 듀얼 버튼
- 맞춤 캐러셀
4단계: WordPress의 랜딩 페이지 소개
회사 소개 섹션은 목적을 포함하여 웹사이트에 대한 핵심 정보를 담고 있기 때문에 웹사이트에 매우 중요합니다.
이 부분을 지나치게 과장하지 않도록 하여 필요 이상으로 길게 늘려 주의를 집중시키십시오.
최소한의 디자인을 유지하거나 이 부분에 대해 광범위한 작업을 수행할 수 있습니다. 둘 다 작동합니다.
단, 단어를 너무 많이 사용하지 말고 10~12줄 이내로 끝내세요.
그래야 방문자가 부담 없이 정보를 흡수할 수 있습니다.
또한 Element Pack Pro의 이러한 위젯을 사용하여 웹사이트에 보너스 향상 기능을 추가할 수 있습니다.
- 고급 제목
- 고급 아이콘 상자
- 팬시 카드
5단계: 주요 섹션 디자인
추천 섹션은 제품이나 서비스보다 사람들의 관심을 끌기 위한 것입니다.
Element Pack 및 Elementor를 사용하여 방문 페이지의 이 섹션을 쉽게 디자인할 수 있습니다.
권장되는 레이아웃에는 특전 또는 특성과 함께 서비스에 대한 멋진 시각적 표현이 포함되어야 합니다.
사람들이 귀하의 서비스를 명확하게 이해할 수 있도록 추천 섹션에 더 직접적이어야 합니다.
이 위젯은 Elementor-에서 놀라운 기능 섹션을 디자인하는 데 도움이 됩니다.
- 호버 박스
- 멋진 슬라이더
- 인터랙티브 카드
- 이벤트 그리드
- 이미지 돋보기
6단계: 멋진 이미지 갤러리 만들기
방문 페이지의 이 부분에서는 방문자를 위한 이미지 갤러리를 만들 것입니다.
Element Pack과 Elementor를 사용하여 만든 WordPress의 모든 랜딩 페이지에는 방문자 사이에 더 많은 노출과 신뢰를 구축하기 위해 이미지 갤러리가 있어야 합니다.
여기에서 멋진 큰 제목을 사용한 다음 단일 이미지 갤러리 위젯에 이미지 삽입을 시작할 수 있습니다.
또한 갤러리는 깔끔하고 깨끗해 보이도록 이미지의 간격을 균일하게 해야 합니다.
이것은 Element Pack에서 2개의 위젯만 사용하여 쉽게 수행할 수 있습니다.
- 애니메이션 제목
- 고급 이미지 갤러리
- 이미지 아코디언
7단계: 사용자 평가
사용자 평가는 다른 사람들이 귀하의 서비스에 대해 말한 것을 보여줌으로써 방문자 사이에 신뢰를 만듭니다.
웹사이트가 크든 작든 WordPress의 방문 페이지에 사용자 평가가 있으면 더 많은 트래픽과 리드를 가져오는 데 효과적입니다.
Element Pack Pro에는 이러한 목적을 위한 전용 위젯이 있어 사이트 하단(아래 기능)에 쉽게 배치하여 긍정적인 영향을 미칠 수 있습니다.
- 평가 슬라이더
- 평가 회전 목마
- 사회적 증거
8단계: 가입 양식 및 연락처
성공적인 방문 페이지의 또 다른 중요한 부분은 향후 비즈니스를 위해 방문자의 연락처 정보를 수집하는 가입 섹션입니다.
연락처 영역을 설정할 때 주소, 전화번호 및 이메일 주소를 포함하는 것을 고려해야 합니다.
다시 말하지만, 제안 이메일, 프로모션 이메일 또는 기타 무료 항목을 약속하는 가입 양식을 제공해야 합니다.
사람들의 시선을 사로잡기 위해 배경, 그래픽 및 기타 세부 사항에 더 많은 관심을 기울여야 하는 이유입니다.
Element Pack Pro에는 연락처 및 가입 양식 섹션을 구축하기 위한 완벽한 위젯이 있습니다.
- 아이콘 탐색
- 메일침프
- 닌자 폼
추가: WordPress의 방문 페이지에 대한 탐색 스타일 추가
이제 랜딩 페이지가 기본적으로 준비되었으므로 이를 최대한 활용하기 위해 할 수 있는 몇 가지 트릭이 있습니다.
먼저 방문 페이지에 고정 헤더 탐색 모음을 추가할 수 있습니다.
이렇게 하면 사용자는 항상 탐색 모음을 보고 다른 페이지로 쉽게 전환할 수 있습니다.
둘째, 누군가가 페이지 상단에서 특정 거리 아래로 스크롤할 때까지 탐색 모음을 사라지게 할 수 있습니다.
이것은 페이지에 대한 전문적인 인상을 주고 사용자는 그것을 좋아할 것입니다.
추가: 방문 페이지 템플릿 사용
앞서 위에서 언급했듯이 Element Pack Pro는 사용자를 위해 미리 만들어진 다양한 랜딩 페이지 템플릿을 제공합니다.
무료 또는 프리미엄 템플릿으로 이동하고 내부 섹션을 사용자 정의하여 고유한 것을 만들 수 있습니다.
이것은 놀랍고 멋진 WordPress의 랜딩 페이지를 구축하는 가장 빠른 방법입니다.
Element Pack Pro의 매력적인 랜딩 페이지
- 할로윈
- 크리스마스 랜딩 페이지
- 무한
- 다섯
- 코로나 건강
- 에버스 서비스
- 코로나 19
- 메디플러스
- 남성 패션
- 가구점
- 여성 패션
- 기업
마무리!
귀하의 비즈니스를 위한 트렌디한 랜딩 페이지가 마음에 드십니까?
지금 Element Pack Pro를 다운로드하고 다음 웹사이트 프로젝트를 위한 창의적인 랜딩 페이지를 즐기십시오.
또한 200개 이상의 놀라운 위젯과 확장 프로그램을 통해 사이트 기능을 더욱 향상시킬 수 있습니다.
Element Pack Pro 플러그인 하나로 모든 것이 가능합니다.
이 블로그를 즐겼기를 바랍니다.
친애하는
Bd테마