Elementor로 사용자 정의 WordPress 레이아웃을 만드는 방법

Elementor로 맞춤형 WordPress 페이지 레이아웃을 구축하세요

WordPress 에서 자신의 페이지 레이아웃을 디자인하는 것은 가장 어려울 수 있습니다. 대다수의 테마는 레이아웃 옵션의 소수를 제공합니다. 그러나 그 중 어느 것도 진정으로 귀하의 요구에 맞지 않는다면 어떻게 될까요?

많은 사람들이 앞으로 나아갈 유일한 방법은 PHP,HTML, CSS 를 배우는 것이라고 가정합니다. 단순히 코드를 알지 못한 채 웹 사이트가 독특하게 보이도록하려는 경우 그다지 효율적이지 않습니다.

좋은 소식입니다!와 엘리멘터를 사용하여 사용자 정의 WordPress 레이아웃을 만들 수 있습니다 드래그 앤 드롭 편집기니다. 코딩이나 테마 수정이 필요없습니다. 누군가가 그렇게 말한다면,단순히 거짓말을 하는 것입니다.

이 가이드에서는 보여 드리겠습니다 elementor 로 사용자 정의 WordPress 레이아웃을 만드는 방법를, 어떻게 레이아웃이 후드 아래에서 작동 설명, 여전히 빠른 실행 동안 사이트를 멋지게 보이게하는 프로 팁을 공유.길과 함께, 당신은 방법을 볼 수 있습니다 마스터 애드온 추가 위젯, 템플릿 및 디자인 옵션으로 Elementor를 과급할 수 있습니다.

Elementor로 사용자 정의 WordPress 레이아웃을 만드는 이유는 무엇입니까?

대부분의 무료 및 프리미엄 WordPress 테마에는 여러 레이아웃이 있습니다. 단일 템플릿을 고수하는 것이 행복하다면 충분할 것입니다.

하지만 원한다면:

  • 테마의 기본값과 전혀 닮지 않은 홈페이지?
  • 제품 출시를 위한 맞춤형 랜딩 페이지?
  • 끈적끈적한 사이드바,읽기 진행률 표시줄 또는 멋진 작성자 상자가 있는 블로그 게시물 디자인? 긴 형식의 게시물도 끈적끈적한 글이 있으면 더 잘 읽혀집니다 목차 워드 프레스 플러그인 그래서 독자들은 끝없는 스크롤 없이 섹션 사이를 이동할 수 있습니다.
  • 실제로 브랜드와 일치하는 WooCommerce 제품 그리드?

코드 잘하네? 그럼 쉽네. 근데,대부분의 유저들이 코딩을 모르는 것처럼? 그럼 큰 차질이네.

하지만 더 이상은 아닙니다. Elementor 는 여러분이 원하는 것을 정확히 디자인하는 것을 가능하게 합니다. 그리고 와 결합했을 때 요소 마스터 애드온, 당신은 고급 탭, 동적 갤러리, 또는 애니메이션 헤드 라인과 같은 여분의 창조적 인 위젯을 얻을. 그리고 내 친구는 대부분의 테마 또는 심지어 Elementor 혼자 제공 할 수있는 것을 훨씬 뛰어 넘습니다.

왜 엘리멘터인가

Elementor 시작하기

첫째, 무료 Elementor 플러그인을 설치하고 활성화하세요 워드프레스 저장소에서.

활성화되면 라는 새로운 옵션을 찾을 수 있습니다 “엘리멘터로 편집” 페이지와 게시물에. 그것을 클릭하면 Elementor 편집기가 시작됩니다.

편집기가 열린 후, 여기 당신이 볼 수 있습니다:

  • 왼쪽에는 the가 보이실 겁니다 위젯 패널 (제목, 이미지, 버튼 등).
  • 오른쪽에는 a가 보일 겁니다 라이브 미리보기 귀하의 페이지의.

여기에서 모든 위젯을 드래그하고 구축을 시작할 수 있습니다.

프로 팁: Elementor Pro 는 테마 빌더,동적 콘텐츠 및 WooCommerce 템플릿과 같은 고급 기능을 잠금 해제합니다. 전체 사용자 정의 WordPress 레이아웃을 구축하는 데 진지하게 관심이 있다면 Pro 는 업그레이드 할 가치가 있습니다.

WordPress 대시보드에서 Elementor 플러그인을 설치하고 활성화하세요

Elementor Pro를 구입해야 합니까?

무료 버전은 간단한 웹 사이트를 통해 당신을 얻을 수있을만큼 강력한 동안. 하지만 당신의 꿈 사용자 정의 워드 프레스 레이아웃을 만들려면,여기에 무엇 엘리멘터 프로 잠금 해제:

  • 테마 빌더 (사용자 정의 머리글, 바닥글 및 아카이브 페이지)
  • WooCommerce 템플릿
  • 양식 및 게시물과 같은 고급 위젯
  • 조건 표시(템플릿이 나타나는 위치 제어)

사이트 전체 레이아웃을 디자인하는 것에 대해 진지하게 생각한다면 Elementor Pro 는 그만한 가치가 있습니다. 그리고 함께 마스터 애드온, 당신은 여러 별도의 플러그인을 구입하지 않고 더 그 레이아웃을 밀어 수 있습니다. 사실, 사이트 부품 사람들은 프로가 필요하다고 가정 — 바닥 글처럼 — 마스터 애드온과 무료입니다; 여기에하는 방법 elementor 를 사용하여 WordPress 에서 바닥글 편집 업그레이드하지 않고.

Elementor로 사용자 정의 WordPress 레이아웃을 만드는 방법

사용자 정의 워드 프레스 레이아웃을 만드는 첫 번째 단계는 워드 프레스 사이트에 신선한 페이지 또는 게시물을 여는 것입니다. 대부분의 초보자는이를 간과하고 기존 콘텐츠를 편집하려고합니다. 그리고 그들이 무엇을 얻을 것은 테마의 기본 디자인의 제한 사항입니다.

새 페이지로 시작하면 이전 서식과 레이아웃에서 자유로운 깔끔한 슬레이트가 제공됩니다. 편집 화면에서 “Elementor 로 편집.”이라는 버튼이 표시됩니다. 여기서 마법이 시작됩니다.

Elementor로 사용자 정의 WordPress 레이아웃을 만드는 방법

해당 버튼을 클릭하면 코드를 작성하지 않으면서도 완전한 크리에이티브 제어를 원하는 사람들을 위해 설계된 드래그 앤 드롭 빌더가 포함된 Elementor 인터페이스가 시작됩니다. 빈 섹션부터 시작하여 처음부터 완전히 레이아웃을 구축하거나 Elementor 의 사전 구축된 템플릿 중 하나를 사용하여 미리 시작할 수 있습니다.

많은 사용자에게 가장 어려운 부분은 사용자 정의가 아니라 어디서부터 시작해야 할지 아는 것입니다. 템플릿은 이미 구조화되고 스타일이 지정되었으며 사용하기 쉬운 기반을 제공하여 해당 장애물을 제거합니다.

Elementor 편집기 레이아웃

디자인을 처음 접하는 경우 템플릿 라이브러리는 생명의 은인입니다. “템플릿 추가” 버튼을 클릭하면 전문적으로 디자인된 옵션 갤러리를 열어 페이지에 놓을 준비가 됩니다. 영웅 이미지가 얼마나 넓어야 하는지,제목을 어떻게 정렬해야 하는지 궁금하지 않습니다. 원하는 레이아웃에 가까운 레이아웃을 간단히 찾아볼 수 있습니다.

예를 들어 “Landing” 페이지에서 작업하는 경우 Elementor에는 테마가 표시하는 기본 메시지보다 훨씬 더 세련되어 보이는 여러 랜딩 페이지 템플릿이 있습니다.

일단 옳다고 느껴지는 디자인을 찾았다면, “삽입” 버튼을 한 번 클릭하면 페이지에 들어갑니다. 정적인 디자인이라고 생각하셨나요? 아니요,필요에 맞게 사용자 정의할 수 있는 완전히 편집 가능한 구조를 얻게 됩니다. 모든 이미지,머리글, 버튼은 사용자 정의할 수 있습니다. 이러한 유연성이 바로 많은 사람들이 Elementor 를 선택하는 이유입니다.

Elementor 템플릿 라이브러리

템플릿 편집은 쉽습니다. 요소 위에 마우스를 올려 클릭하면 왼쪽 패널에 해당 설정이 나타납니다. 이 디자인 접근 방식은 기존 WordPress 편집에 대한 일반적인 좌절감을 해결합니다.

Elementor 를 사용하면 화면에서 보는 것이 방문자가 보게 될 것과 정확히 일치합니다. 그 즉각적인 피드백은 디자인을 더 빠르고,스트레스를 덜 주며,훨씬 더 접근하기 쉽게 만듭니다.

Elementor 를 매우 강력하게 만드는 것은 제공하는 다양한 위젯입니다. 제목과 텍스트로 제한되는 대신 이미지 갤러리,평가 슬라이더,지도, 버튼,회전목마 또는 이미 사용하고 있는 다른 플러그인의 양식까지 삽입할 수 있습니다.

Elementor 편집기에서 사용자 정의 WordPress 페이지 레이아웃 편집하기

레이아웃을 다 끝마치면 마지막 단계는 저장하는 것입니다. 하단 패널에서 “게시”버튼 옆에 작은 화살표가 표시됩니다. 클릭하면 다른 저장 옵션이 드러납니다. 많은 사용자가 실수로 세계가 볼 수있는 미완성 작품을 게시하는 것에 대해 걱정하기 때문에 중요합니다.

Elementor 는 레이아웃을 사이트에 라이브로 만들지 않고 초안이나 템플릿으로 저장하도록하여 그 두통을 피합니다. 어떻게 보이는지 미리보고 WordPress 대시 보드로 돌아가거나 나중에 안전하게 저장할 수 있습니다. 그렇게하면 디자인이 공개 될 때를 제어 할 수 있습니다.

브랜드를 반영하고 방문자에게 직접 이야기하는 레이아웃을 디자인하고 있습니다. 그리고 Elementor 만 제공하는 것보다 더 많은 위젯,효과 또는 사전 제작 템플릿을 원하는 경우 다음과 같은 도구가 필요합니다 마스터 애드온 디자인 가능성을 더욱 확장할 수 있습니다. 이렇게 하면 전문적으로 보일 뿐만 아니라 사이트 고유의 느낌을 주는 레이아웃을 만드는 데 도움이 됩니다.

이 시점에서 첫 번째 사용자 정의 레이아웃을 실시간으로 얻을 수 있습니다. 하지만 Elementor 의 진정한 힘은 단일 페이지를 넘어설 때 나타납니다.

사용자 정의 Elementor 레이아웃을 저장하고 재사용하는 방법

매번 디자인을 다시 만드는 대신 사용자 정의 WordPress 레이아웃을 템플릿으로 저장하고 필요할 때마다 재사용 할 수 있습니다. 여기서 Elementor 의 템플릿 저장 기능은 진정한 게임 체인저가됩니다. 편리함뿐만 아니라 더 스마트하게 작업하고 구조가 아닌 콘텐츠에 집중할 시간을 확보하는 것입니다.

레이아웃을 저장하려면 Elementor 편집기 내부에서 작업한 페이지를 엽니다. 하단 아래 “게시” 버튼 옆에 작은 화살표가 표시됩니다. 클릭하면 디자인을 템플릿으로 저장하는 기능을 포함하여 더 많은 옵션이 표시됩니다. “템플릿으로 저장”을 선택하면 열심히 작업한 내용이 한 페이지에만 저장되지 않습니다; 라이브러리에서 재사용 가능한 자산이 됩니다.

템플릿으로 저장

다음에 새 페이지를 빌드할 때는 빈 캔버스로 시작할 필요가 없습니다. 대신 템플릿 라이브러리를 열고 내 템플릿으로 전환한 다음 한 번의 클릭으로 저장된 레이아웃을 삽입합니다. 간격,색상 또는 타이포그래피를 수동으로 복제하려고 하는 대신 Elementor 를 사용하면 이미 완성한 정확한 구조를 복제할 수 있습니다.

많은 사용자의 경우 템플릿의 실제 가치는 하나의 웹 사이트에서 멈추지 않습니다. 예를 들어 포트폴리오,클라이언트 프로젝트 또는 전자 상거래 상점과 같은 여러 사이트를 관리하는 경우 저장된 템플릿을 내보내고 다른 곳으로 가져올 수도 있습니다. 템플릿 옆에있는 3 점 아이콘을 클릭하고 “내보내기”를 선택하면 Elementor 는 컴퓨터에 다운로드 할 수있는 파일을 만듭니다. 나중에 다른 WordPress 설치에 동일한 파일을 업로드하고 즉시 디자인을 가져올 수 있습니다.

이 워크 플로우는 WordPress 사용자를위한 매우 실제적인 고통의 지점을 해결합니다: 낭비되는 시간과 일관성없는 디자인. 템플릿은 단일 테마의 한계에 당신을 가두지 않고 사이트가 응집력 있고 전문적으로 보이도록합니다.

디자인을 더 발전시키고 싶습니까? Master Addons 는 자체 템플릿 라이브러리를 제공하여 사용자 정의 WordPress 레이아웃을 저장하고 전문 템플릿의 증가하는 컬렉션을 활용할 수 있습니다. 원활하고 창의적인 부스트를 위해 이러한 디자인을 몇 초 만에 쉽게 가져 와서 조정할 수 있습니다.

결론

Elementor 로 멋진 WordPress 레이아웃을 구축하는 것은 쉽습니다. 그리고 스타일로 디자인 할 수있는 자유를 제공합니다. 간단한 페이지로 시작하여 테마 빌더까지 레벨을 올리고 조건을 표시하며 더 많은 제어를위한 동적 컨텐츠를 제공합니다. 그래서 오늘 elementor 로 사용자 정의 WordPress 레이아웃을 만드는 방법을 배웠습니다.

디자인을 더욱 돋보이게 하고 싶으신가요? Master Addons 는 고급 위젯,눈길을 끄는 효과,기능 레이아웃을 잊을 수 없는 것으로 바꾸는 바로 사용 가능한 템플릿으로 더욱 뛰어난 감각을 선사합니다. 블로그,포트폴리오 또는 WooCommerce 스토어를 만드는 경우,Master Addons 와 페어링된 Elementor 가 필요한 모든 것입니다.

로이 사진
로이
저는 Elementor 팀용 마스터 애드온의 일원인 Roy 입니다. 튜토리얼을 작성하고,비디오를 녹화하고,문서를 최신 상태로 유지하므로 모든 기능을 사용하는 방법을 항상 알 수 있습니다. 또한 지원을 처리하므로 문제가 발생하면 문제를 해결하는 데 도움을 주는 사람입니다. 매일 이러한 도구를 사용하는 사람이 제공하는 실제 답변입니다.
마스터 애드온 중간 년 리셋 프로모션 배너 제공 40% 륙

아직도 울타리에 있나요? 우리는 그것을 얻습니다.

모든 Master Addons Pro 라이센스에는 다음이 함께 제공됩니다 14 일 무질서 환불· 평생 업데이트,우선 지원. 올 봄에는 위험 부담 없이 사용해 보세요 – 40% 할인 “와재설정40″ 쿠폰.

아니요, 나중에 전액을 지불하겠습니다