มาติดตั้งปลั๊กอิน MapPress Easy Google Maps ให้กับบทความในเวิร์ดเพรส

มาติดตั้งปลั๊กอิน MapPress Easy Google Maps ให้กับบทความในเวิร์ดเพรส

mappress07

MapPress Easy Google Maps

เป็นปลั๊กอินที่มาเสริมการทำงานของเวิร์ดเพรส ทำให้บทความของเราดูน่าสนใจมากยิ่งขึ้น เพราะเราสามรถแนบแผนที่ของ Google maps มาให้เห็นทำแหน่งที่ตั้งของสถานที่ที่เราจะอ้างอิงในบทความ

สิ่งแรกที่ต้องทำคือ เราต้องดาวน์โหลดปลั๊กอินตัวนี้มาก่อน จาก http://wordpress.org/plugins/mappress-google-maps-for-wordpress/ (Download Version 2.40.7  ณ ตค. 56) … แตกไฟล์แล้วอัพโหลดขึ้นไปไว้ที่ server ในโฟลเดอร์ ../wp-content/ แล้วทำการเปิดใช้งานปลั๊กอินให้เรียบร้อยเหมือนปลั๊กอินตัวอื่นๆ

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

mappress01

 

จะเห็นว่ามีแทปให้ปรับแต่งอยู่ 6 บรรทัด บนสุด Basic Setting มีตังเลือกให้เราปรับแต่อยู่ 3 ตัว

  • Post types … ให้เลือกว่าจะให้แสดงในบทความแบบไหนของเราได้บ้าง
  • Automatic map display … ให้เลือกตำแหน่งที่จะแสดงในบทความ (ผมเลือกล่างสุด)
  • Directions … อันนี้เลือกตามค่า Default เลย

แทปถัดมา Map Control … เป็นการปรับปรับแต่งปุ่มที่ใช้ควบคุมการแสดงแผนที่ เช่น การ Zoom ด้วย ball mouse, กล่อง Pan, เสกล … เป็นต้น (ตามรูป)

mappress02


ทป Map Setting เป็นการปรับแต่งกรอบนอก, จัดกึ่งกลางจอ และเมนูควบคุมนาดจอ Bigger map (อันนี้น่าใช้มาก) ดังรูป

รูปทางขวาของภาพ คือตัวอย่างที่ได้จากการปรับแต่งค่าต่างๆ หลังจากเรากดปุ่ม Save Chang

รูปทางขวาของภาพ คือตัวอย่างที่ได้จากการปรับแต่งค่าต่างๆ หลังจากเรากดปุ่ม Save Chang

ข้อสังเกต … รูปทางขวาของภาพ คือตัวอย่างที่ได้จากการปรับแต่งค่าต่างๆ หลังจากเรากดปุ่ม Save Chang


มาถึงแทปที่สำคัญที่จะพูดถึงคือ Localization ในส่วนของ Langquage … กำหนดเป็น th เพื่อการแสดงชื่อถนน และ สถานที่ต่างๆ เป็นภาษาไทย

สำหรับแทป Miscellaneous กำหนดขนาดในช่อง Map sizes เพื่อกำหนดพื้นที่ในบทความ … ดังรูป

Langquage : th

Langquage : th


ที่ผ่านมาเราได้กำหนดค่าต่างๆ ไว้เรียบร้อยแล้ว … เหลือสิ่งสุดท้ายที่เราต้องการคือ การนำแผนที่มาแสดงในบทความ … งันเรามาต่อกันเลย

การใส่ MapPress ลงในบทความเราทำได้ง่ายมากๆ ตามลำดับดังนี้

  1. Edit หรือแก้ไขบทความ และใช้ MapPress Map Editor ในการสร้างแผนที่ที่ต้องการ
  2. วาง cursor ในตำแหน่งที่ต้องการในบทความ (ปกติผมจะวางไว้ล่าวสุด)
  3. สร้างจุดสนใจ “Points of Interest” หรือ “POIs” ลงในแผนที่
  4. เพิ่มแผนที่ลงในบทความด้วยการกดปุ่ม “insert into post”

Create a Map

  1. Click ที่ปุ่ม “new map” เพื่อสร้างแผนที่ขึ้นใหม่
  2. ใส่ชื่อที่จะเรียกใช้
  3. ระบุชื่อเมือง เช่น Hatyai เพื่อทำการค้นหา … หรือหากทราบพิกัด GPS เราสามารถระบุตรงๆ ได้เลย
  4. กดรูปแว่นขยาย เพื่อค้นหาและวางหมุด
  5. หมุดที่ได้ สามารถย้ายไปตำแหน่งที่ถูกต้องได้ (… สามารถเพิ่มรูปภาพและคำอธิบายได้อีก)
  6. กดปุ่ม Save เมื่อทุกอย่างถูกต้อง
  7. กดปุ่ม Insert  into Post เพื่อวาง tag “[- mappress mapid="3"-]“ ลงในบทความ … ก็เสร็จการทำงาน
ขั้นตอนการสร้างแผนที่

ขั้นตอนการสร้างแผนที่

รูปสุดท้ายของบทความนี้ … *** และระลึกไว้เสมอว่า Id ของแผนที่จะผูกติดอยู่กับบทความนั้นๆ ***  

mappress06

ไม่ยากเลยใช่ไหมครับ … ฝากเป็นการบ้านในการเพิ่มคำอธิบาย/รูปภาพลงในแผนที่ที่เราสร้างขึ้นตามตัวอย่างนี้

mappress07