วิธีฝังแผนที่ในหน้า WordPress

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

❶ เลือกวิธีเพิ่มแผนที่

เลือกวิธีตามความสะดวกและระดับการปรับแต่งที่ต้องการ

① ใช้บล็อกแผนที่จากปลั๊กอิน

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

ก่อนติดตั้ง ให้ตรวจความเข้ากันได้กับธีม เวอร์ชัน WordPress และข้อกำหนดการใช้งานของบริการแผนที่

② ใช้แผนที่แบบฝังจากผู้ให้บริการ

ผู้ให้บริการแผนที่บางรายมีตัวเลือกสร้างโค้ดฝังสำหรับแสดงแผนที่บนเว็บไซต์ วิธีนี้มักต้องนำโค้ดที่ผู้ให้บริการสร้างให้ไปวางในบล็อก HTML ที่กำหนดเอง ของ WordPress

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

❷ เตรียมตำแหน่งแผนที่

ก่อนเพิ่มแผนที่ ให้ค้นหาสถานที่และตรวจตำแหน่งหมุดให้ถูกต้อง โดยเฉพาะกรณีแสดงที่อยู่ร้านค้าหรือสำนักงาน

① ค้นหาสถานที่

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

② เลือกมุมมองที่เหมาะสม

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

❸ เพิ่มแผนที่ด้วยบล็อกของปลั๊กอิน

หากติดตั้งปลั๊กอินแผนที่และเปิดใช้งานแล้ว ให้เพิ่มแผนที่จากตัวแก้ไขบล็อก

① แทรกบล็อกแผนที่

① เปิดหน้าที่ต้องการแก้ไข
② กดปุ่ม + เพื่อเพิ่มบล็อก
③ ค้นหาชื่อบล็อกแผนที่ของปลั๊กอิน
④ เลือกบล็อก แล้วใส่ตำแหน่งหรือข้อมูลที่ระบบร้องขอ
⑤ บันทึกหน้าและดูตัวอย่าง

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

❹ เพิ่มแผนที่จากโค้ดฝัง

หากผู้ให้บริการมีโค้ดสำหรับฝังแผนที่ สามารถนำมาแสดงผ่านบล็อก HTML ที่กำหนดเองได้ แม้เนื้อหาบทความจะเขียนและจัดหน้าแบบปกติใน WordPress

① คัดลอกโค้ดฝังจากผู้ให้บริการ

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

② วางในบล็อก HTML ที่กำหนดเอง

① เปิดหน้าใน Block Editor
② กด + แล้วค้นหา HTML ที่กำหนดเอง
③ เพิ่มบล็อกในตำแหน่งที่ต้องการแสดงแผนที่
④ วางโค้ดฝังที่คัดลอกมา
⑤ ใช้ตัวอย่างหรือดูหน้าเว็บจริงเพื่อตรวจผล

บล็อกนี้ใช้สำหรับวางโค้ดที่จำเป็นต่อการฝังแผนที่ ไม่ต้องเปลี่ยนเนื้อหาส่วนอื่นของหน้าให้เป็น HTML

③ ปรับความกว้างและตำแหน่ง

หากแผนที่แสดงไม่พอดีกับพื้นที่ ให้ตรวจตัวเลือกขนาดของบล็อกหรือการตั้งค่าที่ผู้ให้บริการมีให้ ดูว่าขอบแผนที่ไม่ล้นหน้าจอและไม่เบียดข้อความรอบข้าง

❺ ตรวจแผนที่ก่อนเผยแพร่

หลังเพิ่มแผนที่ ให้ตรวจหน้าเว็บจากมุมมองผู้เข้าชม ไม่ดูเฉพาะในตัวแก้ไข

① ตรวจว่าหมุดชี้ตำแหน่งถูกต้อง
② ทดลองเลื่อนและซูมแผนที่
③ ตรวจการแสดงผลบนมือถือ
④ เปิดดูว่าข้อความรอบแผนที่อ่านได้
⑤ ตรวจว่าหน้าเว็บโหลดได้ตามปกติ

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

❻ คำนึงถึงความเป็นส่วนตัวและความเร็วเว็บไซต์

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

① ใช้แผนที่เท่าที่จำเป็น

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

② แสดงที่อยู่เป็นข้อความประกอบ

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

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

❼ สรุป

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

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