Divi : 모든 시간의 최고의 WordPress 테마!

901.000 다운로드Divi는 세계에서 가장 인기있는 WordPress 테마입니다. 그것은 완전하고, 사용하기 쉽고 62 무료 템플릿 이상을 제공합니다.

Elementor는 이러한 것으로부터 완전한 웹 사이트를 구축하는 데 도움이되는 테마를 정기적으로 제공합니다. 매월 특정 틈새 시장을 중심으로 구축 된 새로운 테마를 출시하지만 사용자의 필요에 맞게 사용자 지정할 수있을만큼 유연합니다.

Elementor Pro와 결합 된 이러한 테마는 다음을 포함하여 웹 사이트의 모든 부분을 빠르게 시작할 수 있도록 도와줍니다.

p홈페이지와 같은 정적 연령,

  • 헤더
  • 바닥 글
  • 404 페이지
  • 아카이브 섹션 
  • 블로그
  • 팝업 및 기타

따라서이 튜토리얼에서는 Elementor 비주얼 페이지 빌더를 사용하여 완전한 웹 사이트를 구축하는 방법을 보여줄 것입니다.

그러나 이전에 WordPress discover를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면 

그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.

Elementor 테마로 완전한 웹 사이트를 구축하는 방법

이 튜토리얼에서는 웹 사이트의 모든 중요한 부분의 기초로 테마를 사용하는 방법을 배운 다음이를 모두 결합하여 일관된 웹 사이트를 만드는 방법을 배웁니다.

더 정확하게는 테마 디지털 에이전시.

웹 사이트에는 다음과 같은 여러 기본 페이지가 있습니다.

  • 환영
  • 자고
  • 서비스
  • 고객사
  • 블로그
  • 문의하기

또한 동적 콘텐츠 전용 섹션도 제공합니다. 예를 들어, 블로그 게시물 아카이브 및 게시물 템플릿은 독립 실행 형 페이지와 자동으로 일치합니다. 머리글, 바닥 글 및 페이지 404.

완전한 웹 사이트 elementor blogpascher를 만드는 방법 1

따라서 Elementor 테마로 웹 사이트를 만드는 방법은 다음과 같습니다.

1. Elementor Hello 테마 설치 및 활성화 

Elementor와 테마 템플릿을 사용하여 전체 웹 사이트를 구축 할 것이므로 다른 요소를 검색 할 필요가 없습니다.

대신 Elementor Hello 테마가 제공하는 가볍고 성능이 최적화 된 웹 사이트 만 있으면됩니다.

시작하려면 모양 → 테마 → 추가 검색 " 안녕 엘리 멘터". 그런 다음 테마를 설치하고 활성화하십시오. 

2. 웹 사이트의 기본 정적 페이지 구성

그런 다음 메뉴로 이동 페이지 → 추가 웹 사이트의 기본 페이지를 만듭니다.

먼저 " 환영 "그리고 버튼을 클릭하십시오 엘리먼트로 편집 Elementor를 시작합니다.

클릭 설정 열다 페이지 설정 및 레이아웃을 다음과 같게 변경 엘리멘터 전폭.

그런 다음 Elementor 템플릿 라이브러리를 열고 아래에서 "Digital Agency"를 검색하십시오. 페이지 :

이 테마의 페이지 템플릿 목록이 표시됩니다. 템플릿 삽입 홈 페이지 모델 목록에서.

이제 전체 홈페이지가 표시됩니다. 지금은 헤더가 약간 지루해 보이지만 걱정하지 마세요. 곧 수정하겠습니다..

다음으로 " 자고".

Elementor로 웹 사이트를 쉽게 만들 수 있습니다

Elementor를 사용하면 쉽고 무료 전문적인 모습의 모든 웹 사이트 또는 블로그 디자인. 스스로 할 수 있는 웹사이트에 많은 비용을 지불하지 마십시오.

이전과 마찬가지로 페이지를 만들고 레이아웃을 다음으로 변경합니다. 엘리멘터 전폭. 그런 다음 템플릿 라이브러리를 열고 템플릿을 삽입하십시오. 소개 디지털 에이전시 테마의.

이제 동일한 프로세스를 반복하여 다음을 포함한 다른 모든 페이지를 만듭니다. 서비스, 고객 및 접촉.

아직은 블로그 페이지에 대해 걱정하지 마십시오. 이 페이지는 다른 페이지처럼 정적이 아닙니다. 따라서 다른 방법을 통해 생성하게됩니다 (이 자습서의 뒷부분에서 다룰 것입니다).

정적 페이지 설정을 완료하려면 WordPress 설치에 정적 홈 페이지를 사용하도록 지시해야합니다. 이것을하기 위해…

  • 계속하다 설정 → 재생
  • 선택  정적 페이지(아래 선택) 홈페이지 설정에서 
  • 테마의 홈 페이지 템플릿을 통합하는 페이지를 선택합니다.

3. 웹 사이트의 다른 부분 만들기

이제 Elementor를 사용하여 웹사이트의 다른 부분을 구축할 준비가 되었습니다. Elementor를 사용하면 위에서 했던 것처럼 정적 페이지를 만드는 것 이상을 할 수 있습니다.

Elementor를 사용하면 다음과 같은 섹션을 디자인 할 수도 있습니다. en- 머리; 바닥 글 등 ...

Elementor 테마 덕분에 이전 단계에서 만든 정적 페이지에 이미있는 모든 섹션에 대한 템플릿을 가져올 수 있습니다.

Elementor의 비주얼 빌더에 액세스하려면 다음으로 이동하십시오. 템플릿→ 테마 빌더. Elementor Pro에 액세스하려면 설치해야합니다.

이제 섹션을 만들 시간입니다.

헤더

시작하려면 탭으로 이동하세요. 헤더 비주얼 빌더 인터페이스의 새로운 추가. 다음 화면에서 Elementor 라이브러리의 템플릿 선택이 표시됩니다. 정적 페이지에서 했던 것처럼 "디지털 에이전시"를 검색한 다음 다음을 삽입하세요.

Elementor - 헤더 템플릿 삽입

이제 헤더의 시각적 미리보기와 삽입한 템플릿의 탐색 메뉴가 표시되어야 합니다.

변경하고 싶다면

  • 계속하다  모양 → 메뉴 워드 프레스 대시 보드에서
  • 새 메뉴 만들기

메뉴를 만든 후에는 2 단계에서 만든 페이지를 탐색 메뉴에 추가 할 수 있습니다.

읽기 : 소기업 마케팅을위한 10 가지 자동화 도구

메뉴 항목 추가를 완료하면 메뉴를 저장하고 Elementor 인터페이스의 헤더 템플릿으로 돌아갑니다.

그때 출판하다 헤더와 표시 조건을 사용하여 전체 웹 사이트에 헤더 템플릿을 표시하세요. 원하는 경우 표시 조건을 사용하여 다양한 유형의 콘텐츠에 대해 다른 헤더를 만들 수도 있습니다.

그런 다음 저장 후 닫기

바닥 글

이제 웹 사이트 바닥 글을 만들 차례입니다.

  • 시각적 페이지 빌더 인터페이스로 돌아 가기
  • 탭을 클릭하십시오 바닥 글 
  • 버튼을 클릭하여 새 바닥 글 추가
  • 팝업에서 바닥 글에 이름을 입력하고 템플릿 만들기

이제 머리글과 마찬가지로 바닥 글 템플릿 목록이 표시됩니다. "Digital Agency"를 검색하고 바닥 글 템플릿을 삽입합니다.

인터넷에서 제품을 판매하고 싶습니까?

WordPress에서 실제 및 디지털 제품을 판매하고 온라인 상점을 쉽게 만들 수 있는 최고의 전자 상거래 플러그인인 WooCommerce를 무료로 다운로드하십시오. 초보자에게 적합합니다.

바닥 글 템플릿을 삽입하면 바닥 글 미리보기가 표시됩니다.

그때 출판하다 바닥 글 템플릿을 만들고 표시 용어를 사용하여 전체 웹 사이트에 표시합니다.

블로그 페이지

2 단계에서 만든 정적 페이지와 달리 웹 사이트의 블로그 페이지는 " 아카이브 ". 기본적으로 이것은 웹사이트의 최신 콘텐츠를 동적으로 표시함을 의미합니다.

사용자가 블로그 페이지의 특정 항목을 클릭하면 해당 항목의 콘텐츠를 표시하는 페이지로 이동합니다. 이것을 "단일" 페이지라고 합니다. 고유한 디자인은 모든 콘텐츠가 동일하게 보이도록 합니다. 변경되는 유일한 것은 실제 콘텐츠(예: 게시물 제목, 본문, 추천 이미지 등)입니다.

또한 발견 Elementor로 WordPress에 목차를 추가하는 방법

고유 한 아카이브 페이지와 페이지 템플릿을 만들려면 영역이 아닌 Elementor 비주얼 빌더를 사용해야합니다. 페이지 ou 기사 WordPress 기본값.

시작하려면 ...

  • 테마 빌더 인터페이스 열기
  • 아카이브 탭으로 이동
  • 새로 추가 클릭
  • 이름을 지정하고 템플릿 만들기를 클릭합니다.

머리글 및 바닥 글과 마찬가지로 보관 페이지 템플릿 목록이 표시됩니다. "디지털 에이전시"템플릿을 찾아 삽입합니다.

이제 기사 페이지의 기본 디자인이 표시되어야 합니다.

WordPress에는 "Hello World! ".

지금은해야 할 일은 게시 아카이브 페이지를 열고 모든 아카이브에 표시되도록 설정합니다.

가이드 읽기 WordPress 웹 사이트를 수동으로 마이그레이션하는 방법

그런 다음 대시보드의 게시물 메뉴로 이동하여 새 블로그 게시물을 만들 수 있습니다. 각 항목을 "소식".

이제 블로그 페이지로 이동하면 다음과 같은 새 게시물이 모두 자동으로 표시됩니다.

블로그 게시물 템플릿 페이지 생성

이 시점에서 귀하의 블로그 페이지는 상당히 사용자 친화적인 모양을 갖게 됩니다. 그러나 특정 블로그 게시물을 클릭하면 레이아웃이 웹사이트의 나머지 부분과 일치하지 않습니다.

이 문제를 해결하려면 Elementor로 "고유 한"템플릿을 만들어야합니다.

  • Elementor 비주얼 빌더 열기
  • 탭으로 이동 하나의 게시하다
  • 클릭 새로운 추가

팝업에서 새 템플릿 :

  • 이름을 지정하십시오.
  • 선택 게시하다 드롭 다운 목록에서 게시물 유형 선택. 이것은 Elementor에게 블로그 게시물에이 템플릿을 사용하고 싶다는 것을 알려줍니다 (페이지 또는 사용할 수있는 다른 사용자 지정 게시물 유형과 반대).

다시 한 번 Elementor 템플릿 라이브러리가 표시됩니다. "디지털 에이전시"템플릿의 고유 한 기사 템플릿을 찾아 삽입합니다.

또한 읽기 WordPress의 유지 관리 모드 : 설명 및 구성

원하는 경우 여러 동적 게시 데이터 위젯을 사용하여 페이지의 모양을 제어 할 수 있습니다.

예를 들어 위젯을 수정하면  정보 게시, 게시에 표시되는 메타 데이터 요소를 제어 할 수 있습니다.

  • 저자
  • 발행일
  • 댓글
  • 등등

항목 모델에 만족하면 게시. 그런 다음 표시 옵션을 사용하여이 고유 한 템플릿이 "Beyond News"범주의 게시물에만 적용되도록 할 수 있습니다.

  • 에서 선택 범주
  • 카테고리 선택 소식

그런 다음 저장 및 닫기.

이제 모든 블로그 게시물의 디자인이 나머지 웹 사이트와 일치해야합니다.

작업을 마치려면 다음으로 이동하십시오. 모양 → 메뉴 탐색 메뉴에 블로그 페이지를 추가합니다. 이렇게 하려면 섹션의 "뉴스" 범주에 대한 링크를 추가할 수 있습니다. 카테고리.

페이지 404

마지막으로 웹 사이트의 404 페이지를 만들어야합니다. 웹 사이트의 404 페이지는 방문자가 끊어진 링크를 따르거나 존재하지 않는 페이지를 방문하려고 할 때 보게되는 페이지입니다.

또한 우리의 발견 5 워드 프레스 플러그인 더 나은 오류를 관리 할 수 ​​404

404 페이지를 만들려면 Elementor 비주얼 빌더를 사용하여 다른 고유한 템플릿을 추가하세요.

  • Elementor 비주얼 빌더 열기
  • 탭으로 이동 오류가 발생 404
  • 클릭 새로운 추가
  • 404 페이지에서 디지털 에이전시 템플릿 삽입
404 페이지 - 완전한 웹사이트 만들기

그런 다음 템플릿을 게시하여 웹사이트를 완성합니다.

지금 Elementor Pro를 받으세요!

결론

여기 있습니다! 이것이 Elementor로 완전한 웹 사이트를 구축하는 방법을 단계별로 보여주는 가이드입니다. 당신이 있다면 댓글 또는 제안 사항은 예약 섹션에 알려주십시오.

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

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

...

0 주식
짹짹
레지스터