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

เขียนโดย

ใน

Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2ตอนนี้คุณสามารถวางแผนที่ในการออกแบบหน้าเว็บของคุณได้แล้วโดยใช้ Page Builder Sandwich!

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

นี่คือตัวอย่าง:

วิธีเดิมๆ ที่น่าเบื่อในการเพิ่มแผนที่

นี่คือวิธีที่คุณเพิ่มแผนที่ด้วยเพจบิลเดอร์ทั่วไป:

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

วิธีเพิ่มแผนที่ในแบบของ Page Builder Sandwich

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

นี่คือวิธีที่คุณเพิ่มแผนที่ด้วย Page Builder Sandwich:

  1. คุณเพิ่มองค์ประกอบแผนที่,
  2. คุณพิมพ์ละติจูดและลองจิจูด หรือที่อยู่ที่คุณต้องการให้แผนที่อยู่ตรงกลาง,
  3. คุณเลื่อนแผนที่ไปรอบๆ และย่อหรือขยายเพื่อให้ได้มุมมองตามที่ต้องการ,
  4. เพิ่มสีสันเท่ๆ ให้กับแผนที่ของคุณเพื่อให้เข้ากับสไตล์ของคุณ,
  5. กดบันทึก

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

แผนที่แบบมีสีสันหรือปรับแต่งสไตล์ด้วย SnazzyMaps

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

นี่คือตัวอย่างที่เราย้อมเป็นสีชมพู:

Page Builder Sandwich ยังรองรับโทนสีที่ละเอียดซับซ้อนยิ่งขึ้นผ่าน SnazzyMaps ซึ่งมีรายการชุดโทนสีที่ผู้ใช้สร้างขึ้นมากมาย และยังให้คุณสร้างชุดสีของคุณเองได้หากต้องการควบคุมสีสันมากขึ้น

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

นี่คือโทนสีสุดเท่ที่มีชื่อว่า papuportal dark จาก SnazzyMaps:

วางแผนที่ไว้ตรงไหนก็ได้ตามต้องการ

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

หากคุณยังไม่มี Page Builder Sandwich คุณสามารถทดลองใช้เวอร์ชันพรีเมียมได้โดยคลิกที่ลิงก์ “Live Demo” ด้านบน.