ต้องการค้นหาวิธีสร้างทัวร์เสมือนจริง 360 องศาใน WordPress ด้วยความช่วยเหลือของElementor?
เทคโนโลยี Google Street View ช่วยให้คุณสามารถเดินไปรอบ ๆ พื้นที่ใดพื้นที่หนึ่งโดยไม่ต้องอยู่ตรงนั้น ตัวอย่างเช่น คุณสามารถเห็นสภาพแวดล้อมรอบๆ หาดคูตาในบาหลีได้ในขณะที่คุณอยู่ในอพาร์ตเมนต์ของคุณในลอนดอน
สำหรับสถานที่บางแห่ง เช่น พิพิธภัณฑ์ลูฟร์ในปารีส Google Street View สามารถครอบคลุมทัวร์เสมือนจริงในร่มได้
หากคุณมีเว็บไซต์ที่ใช้ WordPress คุณสามารถสร้างคุณลักษณะการแนะนำแบบ 360 องศาบนเว็บไซต์ของคุณได้อย่างง่ายดายโดยไม่ต้องเขียนโค้ด
การเสนอทัวร์เสมือนจริงแบบ 360 องศาเป็นแนวคิดที่ดีสำหรับธุรกิจต่างๆ เช่น สวนสัตว์ สถานที่ท่องเที่ยว หรือร้านอาหาร เพราะมันช่วยให้คุณ ผู้เข้าชม เพื่อดูสภาพแวดล้อมรอบๆ ตำแหน่งของคุณแบบเสมือนจริง
ดูเพิ่มเติม: วิธีใช้วิดเจ็ตโพสต์ของ Elementor
ดังที่ได้กล่าวไปแล้ว คุณสามารถเพิ่มฟีเจอร์คำแนะนำแบบ 360 องศาในเว็บไซต์ WordPress ของคุณโดยไม่ต้องเขียนโค้ด คุณสามารถทำได้โดยใช้ปลั๊กอินต่อไปนี้:
วิธีสร้างทัวร์เสมือนจริง 360 องศาใน WordPress โดยใช้ Essential Addons
ก่อนที่คุณจะเริ่ม ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งแล้ว Elementor และส่วนเสริมที่จำเป็น คุณสามารถ ดาวน์โหลด Elementor (คุณสามารถใช้เวอร์ชันฟรี) บนพื้นที่เก็บข้อมูลอย่างเป็นทางการของ ปลั๊กอิน WordPress. ในขณะที่ส่วนเสริมที่จำเป็น คุณสามารถใช้มันได้ เว็บไซต์อย่างเป็นทางการ.
ดาวน์โหลด Essential Addons Pro
ขั้นตอนที่ 1: การผสานรวม Essential Addons กับ Google Maps
สิ่งแรกที่คุณต้องทำหลังจากติดตั้ง Elementor และ Essential Addons คือการรวม Essential Addons เข้ากับ Google Maps คุณสามารถรวมเข้าด้วยกันได้โดยใช้คีย์ Google Maps API
หากต้องการสร้างคีย์ Google Map API ให้เข้าไปที่ครั้งแรก คอนโซล Google API และลงชื่อเข้าใช้ด้วยบัญชี Google ของคุณ หากคุณยังไม่มีโครงการ ให้สร้างโครงการใหม่โดยคลิกรายการแบบเลื่อนลงที่ด้านบนของแดชบอร์ดหลักของ Google API Console แล้วคลิกปุ่ม โครงการใหม่ บนหน้าต่างที่ปรากฏขึ้น
ตั้งชื่อโครงการใหม่ของคุณแล้วคลิกปุ่ม CREATE .
เมื่อสร้างโครงการใหม่ของคุณแล้ว ให้เลือกโครงการผ่านเมนูแบบเลื่อนลงที่ด้านบนแล้วคลิก ห้องสมุด ที่แผงด้านซ้าย
Google Maps API แบ่งออกเป็น 17 ประเภท คุณสามารถคลิกที่ลิงค์ แสดงทั้งหมด ในส่วน แผนที่ เพื่อดูพวกเขาทั้งหมด
เพื่อให้สามารถใช้ Essential Addons ได้ คุณต้องเปิดใช้งาน API ต่อไปนี้:
- ทิศทาง API
- API การเข้ารหัสทางภูมิศาสตร์
- แผนที่ JavaScript API
- ที่นั่ง API
ในการเปิดใช้งาน API ให้เลือก API ที่เกี่ยวข้อง (โดยคลิกที่มัน) และคลิกที่ปุ่ม เปิดใช้งาน.
เมื่อคุณเปิดใช้งาน API ที่จำเป็นเสร็จแล้ว ให้กลับไปที่แดชบอร์ดหลักของคอนโซล Google API แล้วคลิก ตัวบ่งชี้ ที่แผงด้านซ้าย คลิกที่ปุ่ม สร้างข้อมูลรับรอง และเลือก รหัส API. คัดลอกคีย์ API บนป๊อปอัปที่ปรากฏขึ้น
เมื่อคุณได้รับรหัส API แล้ว ให้ลงชื่อเข้าใช้แดชบอร์ด WordPress ของคุณและไปที่หน้าการตั้งค่า Essential Addons โดยคลิกที่เมนู ส่วนเสริมที่จำเป็น ที่แถบด้านข้างซ้าย
ไปที่แท็บ องค์ประกอบ และเลื่อนลงมาในส่วน องค์ประกอบเนื้อหาแบบไดนามิก. Cliquez sur การตั้งค่า ของวิดเจ็ต แผนที่ Google ขั้นสูง และวางคีย์ Google API ของคุณ คลิกที่ปุ่ม บันทึกการตั้งค่า เพื่อใช้การเปลี่ยนแปลง
ขั้นตอนที่ 2: เริ่มสร้างทัวร์เสมือนจริง 360 องศา
สร้างหน้าใหม่ (หน้า – > เพิ่ม) หรือบทความใหม่ (รายการ -> เพิ่ม) และแก้ไขด้วย Elementor ก่อนที่คุณจะเริ่มสร้างเพจ คุณต้องกำหนดโครงร่างก่อน
ค้นพบยัง: วิธีเพิ่มรายการที่เกี่ยวข้องใน Elementor
ในการดำเนินการนี้ ให้เปิดแผงการตั้งค่าโดยคลิกไอคอนรูปเฟืองที่มุมซ้ายล่าง ตั้งค่าเค้าโครงจากเมนูแบบเลื่อนลง แบบ.
เพิ่มส่วนใหม่โดยคลิกไอคอนเครื่องหมายบวกในกล่องแก้ไข และเพิ่มแผนที่ Google EA เข้าไป
ภายใต้ตัวเลือก การตั้งค่าทั่วไป แท็บ เนื้อหา ให้เปลี่ยนประเภทแผนที่เป็น ภูมิประเทศ.
เปิด Google Maps ในแท็บใหม่และค้นหาตำแหน่งที่คุณต้องการสร้างทัวร์เสมือนจริง คลิกขวาที่ตำแหน่งพินแล้วคลิกซ้ายที่รายการเมนูตามบริบทแรกที่ปรากฏขึ้น สิ่งนี้ทำให้คุณสามารถคัดลอกละติจูด (ค่าแรก) และลองจิจูด (ค่าที่สอง)
กลับไปที่แท็บ คอนเทนต์ และวางละติจูดและลองจิจูดในช่องที่เกี่ยวข้อง
ตัวเลือกเปิด การควบคุมแผนที่ เพื่อเปิด/ปิดการควบคุมการ์ดที่คุณต้องการให้ คุณยังสามารถตั้งค่าระดับการซูมเริ่มต้นได้อีกด้วย
ไปที่แท็บ สไตล์ เพื่อกำหนดความกว้างและความสูงของแผนที่ของคุณ
คลิกที่ปุ่ม Publier เพื่อเผยแพร่แผนที่ของคุณ
Remarque: หากไม่โหลดแผนที่หลังจากลากวิดเจ็ต อีเอ Google Maps ในโปรแกรมแก้ไข และคุณเห็นข้อความ "เพื่อวัตถุประสงค์ในการพัฒนาเท่านั้น" ตรวจสอบให้แน่ใจว่าได้เปิดใช้งานการเรียกเก็บเงิน Google Cloud ของคุณแล้ว
นโยบายใหม่ของ Google กำหนดให้นักพัฒนาเปิดใช้งานบัญชีสำหรับการเรียกเก็บเงิน (คุณยังคงสามารถใช้ Google Maps API ได้ฟรี)
รับ Elementor Pro ทันที!!!
สรุป
ที่นี่ ! เพียงเท่านี้บทความนี้ก็จะแสดงให้คุณเห็นว่า สร้างทัวร์เสมือนจริง 360 องศาใน WordPress. หากคุณมีข้อสงสัยเกี่ยวกับวิธีการเดินทาง โปรดแจ้งให้พวกเขาทราบใน ความเห็น.
อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.
แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.
...
