의 도움으로 WordPress에서 360도 가상 둘러보기를 만드는 방법을 알고 싶습니다.Elementor?

Google 스트리트 뷰 기술을 사용하면 물리적으로 그곳에 있지 않고도 특정 지역을 가상으로 돌아다닐 수 있습니다. 예를 들어 런던의 아파트에 물리적으로 있으면서 발리의 쿠타 해변 주변 환경을 실제로 볼 수 있습니다.

파리의 루브르 박물관과 같은 일부 장소의 경우 Google 스트리트 뷰는 실내 가상 투어를 포함할 수도 있습니다.

WordPress 기반 웹 사이트가 있는 경우 코딩 없이 웹 사이트에 360도 둘러보기 기능을 쉽게 만들 수 있습니다.

360도 가상 투어를 제공하는 것은 동물원, 관광 명소 또는 레스토랑과 같은 비즈니스에 좋은 아이디어입니다. 방문자 위치 주변의 환경을 가상으로 볼 수 있습니다.

참조 : Elementor의 게시물 위젯을 사용하는 방법

언급했듯이 코딩 없이 WordPress 웹사이트에 360도 둘러보기 기능을 추가할 수 있습니다. 다음 플러그인을 사용하여 이 작업을 수행할 수 있습니다.

필수 애드온을 사용하여 WordPress에서 360도 가상 둘러보기를 만드는 방법

시작하기 전에 다음을 설치했는지 확인하십시오. Elementor 및 필수 애드온. 당신은 할 수 있습니다 엘리멘터 다운로드 (무료 버전 사용 가능) 공식 저장소에서 워드 프레스 플러그인. 필수 애드온의 경우 웹사이트에서 다운로드할 수 있습니다. 공식 사이트.

필수 애드온 프로 다운로드

1단계: 필수 애드온을 Google 지도와 통합

Elementor 및 Essential Addons를 설치한 후 가장 먼저 해야 할 일은 Essential Addons를 Google 지도와 통합하는 것입니다. Google Maps API 키를 사용하여 통합할 수 있습니다.

Google Map API 키를 생성하려면 먼저 다음을 방문하세요. 구글 API 콘솔 Google 계정으로 로그인합니다. 아직 프로젝트가 없다면 Google API Console 메인 대시보드 상단의 드롭다운 목록을 클릭하여 새 프로젝트를 생성하고 버튼을 클릭합니다. 새 프로젝트 나타나는 창에서.

새 프로젝트에 이름을 지정하고 버튼을 클릭합니다. CREATE .

Elementor를 사용하여 WordPress에서 360도 가상 둘러보기 만들기

새 프로젝트가 생성되면 상단의 드롭다운 메뉴를 통해 프로젝트를 선택하고 다음을 클릭합니다. 도서관 왼쪽 패널에서

Elementor를 사용하여 WordPress에서 360도 가상 둘러보기 만들기

Google Maps API는 17가지 유형으로 나뉩니다. 링크를 클릭하시면 됩니다 모두 표시 섹션에서 장바구니 그들 모두를 볼 수 있습니다.

Essential Addons를 사용하려면 다음 API를 활성화해야 합니다.

  • API 방향
  • 지오코딩 API
  • 지도 자바스크립트 API
  • API 시트

API를 활성화하려면 해당 API를 선택(클릭)하고 버튼을 클릭합니다. 활성화.

필요한 API 활성화를 완료하면 Google API 콘솔의 기본 대시보드로 돌아가서 식별자 왼쪽 패널에서 버튼을 클릭 자격 증명 만들기 선택하고 API 키. 나타나는 팝업에서 API 키를 복사합니다.

Elementor를 사용하여 WordPress에서 360도 가상 둘러보기 만들기

API 키를 얻은 후 WordPress 대시보드에 로그인하고 메뉴를 클릭하여 필수 애드온 설정 페이지로 이동합니다. 필수 애드온 왼쪽 사이드바에서

탭으로 이동 요소 섹션에서 아래로 스크롤 동적 콘텐츠 요소. 클릭 환경 위젯의 고급 Google 지도 Google API 키를 붙여넣습니다. 버튼을 클릭 설정 저장 변경 사항을 적용합니다.

2단계: 360도 가상 투어 제작 시작

새 페이지 만들기(페이지 – > 추가) 또는 새 항목(아이템 – > 추가) Elementor로 편집하십시오. 페이지 생성을 시작하기 전에 먼저 레이아웃을 정의할 수 있습니다.

발견 : Elementor에서 관련 항목을 추가하는 방법

이렇게 하려면 왼쪽 하단 모서리에 있는 기어 아이콘을 클릭하여 설정 패널을 엽니다. 드롭다운 메뉴에서 레이아웃 설정 레이아웃.

편집 상자에서 더하기 아이콘을 클릭하여 새 섹션을 추가하고 그 안에 Google EA 지도를 추가합니다.

Elementor를 사용하여 WordPress에서 360도 가상 둘러보기 만들기

옵션 아래 일반 설정 탭 내용 , 지도 유형을 다음으로 변경 파노라마.

열린 Google지도 새 탭에서 가상 둘러보기를 만들 위치를 찾습니다. 핀 위치를 마우스 오른쪽 버튼으로 클릭하고 나타나는 첫 번째 상황에 맞는 메뉴 항목을 지금 왼쪽 클릭합니다. 이렇게 하면 위도(첫 번째 값)와 경도(두 번째 값)를 복사할 수 있습니다.

탭으로 돌아가기 내용 각 필드에 위도와 경도를 붙여넣습니다.

Elementor를 사용하여 WordPress에서 360도 가상 둘러보기 만들기

오픈 옵션 지도 컨트롤 제공하려는 카드 컨트롤을 활성화/비활성화합니다. 초기 확대/축소 수준을 설정할 수도 있습니다.

탭으로 이동 스타일 카드의 너비와 높이를 정의합니다.

Elementor를 사용하여 WordPress에서 360도 가상 둘러보기 만들기

버튼을 클릭 게시 지도를 게시합니다.

참고: 위젯 드래그 후 지도가 불러오지 않는 경우 EA 구글 지도 편집기에서 '개발 전용'이라는 메시지가 표시되면 Google Cloud 결제를 활성화해야 합니다.

새로운 Google 정책에 따라 개발자는 결제 계정을 활성화해야 합니다(Google Maps API는 계속 무료로 사용할 수 있음).

지금 Elementor Pro를 받으세요!!!

결론

여기 ! 그것이 당신에게 방법을 보여주는이 기사에 대한 것입니다 WordPress에서 360도 가상 둘러보기 만들기. 거기에 가는 방법에 대해 우려 사항이 있는 경우 commentaires.

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

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

...