วิธีเพิ่มแผนที่เชิงโต้ตอบลงในเว็บไซต์ WordPress ของคุณ

หากคุณใช้บริการเช่น Google Mapsคุณเพียงแค่ต้องเลือกสถานที่และฝังแผนที่บนเว็บไซต์ของคุณ อย่างไรก็ตามคุณไม่สามารถแก้ไขแผนที่ได้ทันทีและเพื่อนร่วมงานของคุณก็ไม่สามารถทำได้ซึ่งมักจำเป็นสำหรับโครงการที่ทำงานร่วมกัน

นี่คือที่มาของแผนที่เชิงโต้ตอบ ช่วยให้คุณวางเครื่องหมายที่เคลื่อนย้ายได้ซึ่งทุกคนในทีมของคุณสามารถแก้ไขได้ 

ในบทช่วยสอนนี้เราจะพูดถึงเมื่อการ์ดประเภทนี้มีประโยชน์ นอกจากนี้เราจะแสดงวิธีเพิ่มใน WordPress สองวิธี

แต่ก่อนที่คุณจะเริ่มใช้เวลาดู วิธีการติดตั้งธีม WordPress, วิธีการหลายปลั๊กอินที่ฉันควรจะติดตั้งบน WordPress.

จากนั้นเมตรมาทำงานกันเถอะ!

แผนที่แบบโต้ตอบคืออะไร (และควรใช้เมื่อใด)

การเพิ่มแผนที่ลงในเว็บไซต์นั้นค่อนข้างตรงไปตรงมา เครื่องมือต่างๆเช่น Google Maps ช่วยให้คุณสามารถฝังแผนที่ในหน้าเว็บของคุณได้ภายในไม่กี่นาที. ข้อดีของวิธีนี้คือผู้เข้าชมสามารถเคลื่อนที่ไปรอบ ๆ แผนที่ซูมเข้าซูมออก ฯลฯ

แผนที่ประเภทนี้มีการโต้ตอบมากกว่ารูปภาพ แต่ไม่อนุญาตให้คุณทำการเปลี่ยนแปลงใด ๆ เมื่อคุณเพิ่มลงในเว็บไซต์ของคุณแล้ว

ในอีกด้านหนึ่งแผนที่เชิงโต้ตอบช่วยให้คุณ (และในบางกรณีเพื่อนร่วมงานของคุณ) สามารถเพิ่มเครื่องหมายไอคอนข้อความและอื่น ๆ ได้ ตัวอย่างเช่นสมมติว่าคุณกำลังวางแผนการประชุมสำหรับสมาชิกในเว็บไซต์ของคุณ คุณสามารถกำหนดค่าแผนที่ด้วยหมุดหลายอันเพื่อแนะนำตำแหน่ง

ค้นพบโดยวิธี ปลั๊กอิน WordPress 5 เพื่อเพิ่มตำแหน่งทางภูมิศาสตร์ไปยังบล็อกของคุณ

คุณยังสามารถใช้แผนที่เชิงโต้ตอบเพื่อให้ผู้ใช้ของคุณสามารถแบ่งปันตำแหน่งของตนหรือนำทางไปยังสถานที่ที่พวกเขาต้องการเยี่ยมชม เพื่อให้แม่นยำยิ่งขึ้นสิ่งเหล่านี้เป็นแอปพลิเคชันเฉพาะกลุ่ม อย่างไรก็ตามแผนที่แบบโต้ตอบ  สามารถ  มีประโยชน์ในหลากหลายสถานการณ์ 

นอกจากนี้พวกเขาไม่จำเป็นต้องเพิ่มยากกว่าคู่ของพวกเขา

วิธีเพิ่มแผนที่แบบอินเทอร์แอ็กทีฟลงในไซต์ WordPress ของคุณ

เมื่อพูดถึงแผนที่เชิงโต้ตอบคุณสามารถฝังลงในเว็บไซต์ของคุณหรือใช้ปลั๊กอินเพื่อช่วยในการดำเนินการ วิธีแรกนั้นง่ายกว่า แต่ปลั๊กอินมักจะมีคุณสมบัติมากมายกว่าที่คุณคาดหวัง มาดูวิธีการของปลั๊กอินเพื่อแสดงว่าคุณลักษณะเหล่านี้คืออะไร

1. ใช้ปลั๊กอิน Maps Marker Pro

ปลั๊กอิน Maps Marker Pro เป็นโซลูชันระดับพรีเมียมแบบครบวงจรสำหรับการเพิ่มแผนที่ไปยัง WordPress มีคุณสมบัติขั้นสูงมากมายเช่นคุณลักษณะที่ให้คุณดูแผนที่จากหลายแผนกและเพิ่มเครื่องหมายลงในแผนที่ของคุณและจัดระเบียบได้ไม่ จำกัด จำนวน นอกจากนี้ผู้เยี่ยมชมสามารถกรองประเภทของเครื่องหมายที่ต้องการเห็นบนแผนที่ของคุณ

สิ่งที่น่าสนุกอื่น ๆ ที่คุณสามารถทำได้โดยใช้ปลั๊กอินนี้คือการเพิ่มข้อมูลระยะทางและเส้นทางระหว่างเครื่องหมาย คุณสามารถแชร์ตำแหน่งของคุณเองแบบเรียลไทม์ผ่านแผนที่เว็บไซต์ของคุณได้หากคุณมีแนวโน้มที่จะทำเช่นนั้น การตั้งค่าปลั๊กอินอาจใช้เวลาสักครู่เนื่องจากคุณสมบัติที่มีให้มากมาย 

อย่างไรก็ตามมันไม่ยากอย่างที่คุณคิด 

ในการเริ่มต้นกำหนดค่าและเปิดใช้งานปลั๊กอินตามที่คุณต้องการ หากคุณยังใหม่กับ WordPress ลองหาคำตอบ วิธีการติดตั้งปลั๊กอินในเวิร์ดเพรส

เมื่อปลั๊กอินพร้อมแล้วคุณต้องเพิ่มแผนที่หรือเลเยอร์ใหม่ซึ่งคุณสามารถทำได้จากแท็บ Maps Marker Pro> เพิ่มเลเยอร์ใหม่. ที่นี่ตั้งชื่อที่คุณสามารถจดจำสำหรับเลเยอร์ของคุณและป้อนตำแหน่งที่คุณต้องการให้แสดงเช่นเดียวกับที่คุณทำกับเครื่องมือการทำแผนที่ออนไลน์อื่น ๆ :

ตอนนี้คุณสามารถปรับขนาดและระดับการซูมที่คุณต้องการตั้งเป็นค่าเริ่มต้นโดยใช้เมนูด้านซ้าย นอกจากนี้ยังมีตัวเลือกที่เรียกว่า Marker clustering ซึ่งจะแสดงไอคอนพร้อมจำนวนเครื่องหมายในพื้นที่หากคุณซูมเข้ามากเกินไปดังตัวอย่างด้านล่าง:

ตัวเลือก ค้นหาเครื่องหมายในทางกลับกันค่อนข้างชัดเจน มันจะมีประโยชน์หากคุณต้องการรวมข้อมูลเพิ่มเติมเกี่ยวกับเครื่องหมายของคุณ:

ตอนนี้เลื่อนลงและค้นหาตัวเลือก « เพิ่มเครื่องหมายใหม่ในเลเยอร์นี้« . ในหน้าจอถัดไปคุณจะสามารถกำหนดชื่อและตำแหน่งสำหรับเครื่องหมายของคุณโดยใช้แผนที่เดียวกันกับแผนที่ก่อนหน้านี้

ค้นพบด้วย วิธีการบีบอัดและปรับขนาดภาพบน WordPress

คุณยังสามารถเลือกไอคอนและตั้งค่าข้อความป๊อปอัปสำหรับเครื่องหมายของคุณ สิ่งนี้จะปรากฏขึ้นเมื่อผู้เยี่ยมชมคลิกที่เครื่องหมายเองหรือเลือกจากรายการหากคุณเลือกที่จะรวมไว้

ไม่ว่าในกรณีใดอย่าลืมกดปุ่ม ประกาศ เมื่อคุณทำเสร็จแล้ว หลังจากเพิ่มเครื่องหมายแล้วเลเยอร์เริ่มต้นของคุณควรมีลักษณะดังนี้:

เมื่อคุณพร้อมที่จะเพิ่มแผนที่เชิงโต้ตอบใหม่ของคุณไปยังหน้าใดหน้าหนึ่งของคุณคุณควรใช้ไฟล์ รหัสผู้ใช้. เลื่อนไปที่ด้านบนสุดของแท็บ แก้ไขเลเยอร์  และค้นหา ID ที่เกี่ยวข้องของเขา:

ตอนนี้วาง รหัสย่อ [mapsmarker layer = "X"] ในโพสต์หรือเพจของคุณ อย่าลืมแทนที่ตัวยึด X  ด้วยรหัสของ "เลเยอร์" ของคุณล่วงหน้าอย่างไรก็ตาม

ขณะนี้บัตรของคุณควรเปิดใช้งานบนเว็บไซต์ของคุณแล้ว! ที่สำคัญคุณหรือใครก็ตามในทีมของคุณสามารถแก้ไขและเพิ่มเครื่องหมายใหม่ได้ตลอดเวลาโดยไม่ต้องออกจากแผงควบคุม

2. การใช้คุณลักษณะฝังตัวในตัวของ แผนที่ Google

Google Maps ไม่จำเป็นต้องมีการแนะนำจริงๆ แต่เป็นบริการที่ให้คุณดึงแผนที่จากทั่วโลกเพื่อแชร์สถานที่กับคนอื่นค้นหาที่อยู่และแม้แต่แชร์ว่าคุณอยู่ที่ไหน เมื่อพูดถึงเว็บไซต์คุณสามารถฝัง Google แผนที่ลงในหน้าเว็บของคุณได้หลายวิธี

อย่างไรก็ตามการ์ดส่วนใหญ่มีการโต้ตอบในปริมาณที่ จำกัด ช่วยให้คุณสามารถเลื่อนดูซูมเข้าออกและเปลี่ยนมุมมองของคุณได้ แต่ไม่มาก

ความจริงก็คือว่า Google Maps มีคุณสมบัติมากมายกว่าการทำแผนที่อย่างง่าย ตัวอย่างเช่นคุณยังสามารถเพิ่มเครื่องหมายหลายอันวัดระยะทางและรวมเส้นทางในแผนที่ของคุณ หากต้องการลองใช้คุณสมบัติเหล่านี้ให้ไปที่ Google My Maps และคลิกที่ปุ่ม  + สร้างแผนที่ใหม่  :

ในหน้าจอถัดไปกำหนดชื่อสำหรับแผนที่ของคุณและเลเยอร์แรกซึ่งเราจะสร้างต่อไป ค้นหาตำแหน่งที่คุณต้องการแชร์โดยใช้แถบค้นหา Google Map ที่ด้านบนสุดของหน้าจอ:

ในขณะที่คุณซูมเข้าคุณสามารถใช้สัญลักษณ์เครื่องหมายที่ด้านบนของหน้าจอเพื่อเริ่มไฮไลต์ตำแหน่งบนแผนที่ของคุณ เพียงคลิกตำแหน่งที่คุณต้องการวางเครื่องหมายของคุณจากนั้นตั้งชื่อและไอคอนให้:

เมื่อคุณมีเครื่องหมายหลายอันคุณสามารถวาดเส้นระหว่างเครื่องหมายเหล่านั้นเพื่อแสดงระยะทาง:

เมื่อบัตรของคุณพร้อมให้คลิกที่ปุ่ม หุ้น ในเมนูทางด้านซ้าย เปลี่ยนการตั้งค่าการเข้าถึงที่นั่น  de สองต่อสอง  à สาธารณะ :

คุณยังสามารถเชิญสมาชิกในทีมให้ใช้อีเมลของตนเพื่อให้เข้าถึงแผนที่ได้ทันที:

ไม่ว่าในกรณีใดคุณควรฝังการ์ดใหม่บนเว็บไซต์ของคุณเสมอ คุณสามารถทำได้โดยคลิกที่ไอคอนจุดสามจุดถัดจากชื่อแผนที่ของคุณและคลิกที่ตัวเลือก ฝังแผนที่นี้  :

ตอนนี้คุณสามารถคัดลอกและวางโค้ดฝังบนหน้าของคุณได้ การ์ดใหม่ของคุณจะปรากฏในทุกที่ที่คุณวางไว้ นอกจากนี้เพื่อนร่วมงานของคุณจะสามารถแก้ไขและเพิ่มเครื่องหมายใหม่ผ่าน Google Maps ได้หากจำเป็น

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

คุณสามารถใช้ปลั๊กอิน WordPress อื่น ๆ เพื่อสร้างรูปลักษณ์ที่ทันสมัยและปรับให้เหมาะกับบล็อกหรือเว็บไซต์ของคุณ

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 Ultimate Math Captcha

Ultimate Math Captcha เป็นปลั๊กอิน WordPress captcha พรีเมี่ยมที่มีประสิทธิภาพ 100% อนุญาตให้เพิ่มแคปต์ชาคณิตศาสตร์ในการเข้าสู่ระบบ WordPress การลงทะเบียนการกู้คืนรหัสผ่านความคิดเห็น WooCommerce แบบฟอร์มดาวน์โหลดดิจิทัลอย่างง่ายและแบบฟอร์ม bbPress

คุณสมบัติของมันรวมถึง: การติดตั้งและการกำหนดค่าที่ง่าย, การเพิ่ม captcha ในหลาย ๆ รูปแบบ, การรองรับ Math captcha หลายตัวในหน้าเดียวกัน, การปรับแต่งข้อความแสดงข้อผิดพลาดและอื่น ๆ

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 เกตเวย์การชำระเงินมาตรฐานของ PayPal สำหรับแบบฟอร์มนินจา

PayPal Standard Gateway for Ninja Forms ช่วยให้คุณสร้างแบบฟอร์มที่ผสานเข้ากับเกตเวย์การชำระเงินของ PayPal ได้อย่างราบรื่น คุณจะสามารถสร้างแบบฟอร์มคำสั่งซื้อส่วนบุคคลและรับการชำระเงินโดยใช้บัญชี Paypal มาตรฐาน

คุณสมบัติหลัก ได้แก่ การรวมที่ง่ายและรวดเร็วการรวม IPN ความสามารถในการเปิด / ปิดการใช้งานเกตเวย์ PayPal ในแต่ละรูปแบบรองรับการชำระเงินปกติ ฯลฯ

ดาวน์โหลด | สาธิต |  เว็บโฮสติ้ง

3. แบบฟอร์มแรงโน้มถ่วง - รายการและแก้ไข

ด้วยปลั๊กอิน WordPress พรีเมี่ยมนี้เป็นไปได้ที่จะแก้ไขหรือลบรายการที่ส่งในรูปแบบของเว็บไซต์ของคุณ คุณลักษณะที่ขาดอย่างมากในปลั๊กอินฟอร์มแรงโน้มถ่วงซึ่งเป็นสาเหตุที่ส่วนขยายนี้ถูกสร้างขึ้น

ในบรรดาคุณสมบัติของมันเราจะพูดถึงอื่น ๆ : มการแก้ไขและการบันทึกข้อมูลที่บันทึกไว้ตัวพิมพ์ใหญ่ของข้อมูลที่ป้อนการแก้ไขและการลบบทความที่เผยแพร่ไปแล้ว iบูรณาการที่สมบูรณ์แบบด้วยปลั๊กอิน jQuery Datatables และ Gravity-Formsสนับสนุนตรรกะตามเงื่อนไข sติดตั้งได้ง่ายและรวดเร็วและอีกมากมาย

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

ค้นหาข้อมูลเกี่ยวกับแหล่งข้อมูลที่แนะนำอื่น ๆ เพื่อช่วยคุณสร้างและจัดการเว็บไซต์ของคุณ

• ภาพของคุณจะไม่แสดงด้วย SSL? นี่เป็นวิธีการแก้
• วิธีการเพิ่มวิดเจ็ตที่ส่วนหัวของบล็อก WordPress ของคุณ
• วิธีการบีบอัดและปรับขนาดภาพบน WordPress
• จะนำเสนอและแบ่งปัน PDF บน WordPress ได้อย่างไร?

สรุป

ที่นี่! สำหรับบทช่วยสอนนี้ฉันหวังว่ามันจะช่วยให้คุณสร้างแผนที่แบบโต้ตอบใน WordPress ได้ อย่าลังเลที่จะ แบ่งปันกับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ. 

อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเรา การสร้างบล็อก WordPress

หากคุณมีข้อเสนอแนะหรือข้อสังเกตไว้ในส่วนของเรา ความเห็น.

...