หากคุณใช้บริการเช่น 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
หากคุณมีข้อเสนอแนะหรือข้อสังเกตไว้ในส่วนของเรา ความเห็น.
...