ข้ามไปยังเนื้อหาหลัก

วิธีการเพิ่มแผนที่การเดินทางแบบโต้ตอบบน WordPress

Divi: ธีม WordPress ที่ใช้ง่ายที่สุด

Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

ขึ้น ดาวน์โหลด 901.000 แล้วDivi เป็นธีม WordPress ที่ได้รับความนิยมมากที่สุดในโลก สมบูรณ์และใช้งานง่ายและมาพร้อมกับเทมเพลตฟรีมากกว่า 62 [แนะนำ]

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

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

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

ภาพรวมบัตรแบบโต้ตอบ

วิธีการติดตั้งและตั้งค่าปลั๊กอิน Nomad แผนที่โลก

สิ่งแรกที่ต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน Nomad World Map (มันเป็นชื่อที่เหมาะเจาะ) สามารถใช้งานบน WordPress.org จากแผงควบคุมของคุณ. คุณยังสามารถดาวน์โหลด ปลั๊กอินเป็นไฟล์ซิป.

แผนที่ Nomad Wold

หลังจากติดตั้งและเปิดใช้งานปลั๊กอินแล้วเมนูใหม่ " Nomad แผนที่ »จะถูกเพิ่มลงในแดชบอร์ด (ที่ด้านล่างซ้าย) คลิกที่เมนูย่อยการตั้งค่าเนื่องจากเราจะดำเนินการตั้งค่าต่อไป

การตั้งค่าเร่ร่อน

การกำหนดค่าเริ่มต้นเพียงพอแล้ว ฉันจะอธิบายตัวเลือกบางอย่างเสมอ

ในส่วน "ทั่วไป"

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

« มัน pageLoad เพื่อซูม ให้คุณมีตัวเลือกในการโฟกัสไปที่ตำแหน่งเมื่อโหลดหน้าเว็บ คุณมีทางเลือกระหว่างที่หนึ่งหรือที่สุดท้าย

« ระดับการซูม »ช่วยให้คุณปรับการซูมที่ดำเนินการบนแผนที่

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

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

« ประเภทแผนที่ »ให้คุณเลือกประเภทของการ์ด

ทางเลือก " สีถนนที่ผ่านมา "เป็นสีของเส้นทางและ" สีถนนในอนาคต คือสีของถนนในอนาคต (สำหรับการเดินทางที่กำหนด).

ส่วนตัวเลือกเนื้อหา

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

วิธีเพิ่มสถานที่ใหม่ลงในแผนที่

คลิกที่ปุ่ม เส้นทางบรรณาธิการ " ในหน้าใหม่นี้เราจะเริ่มต้นด้วยการเพิ่มชื่อสถานที่เช่น " ปราก "ซึ่งจะแสดงตัวชี้บนแผนที่ตามตำแหน่งที่ระบุ จากนั้นคลิกที่ " ชุด '

add-Dun สถานที่

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

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

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

การเพิ่มและข้อมูลมี-a-สถานที่

หลังจากคลิกที่ " ลด คุณจะสามารถทำซ้ำกระบวนการเพื่อเพิ่มสถานที่ต่าง ๆ ที่คุณไป

แผนที่การเดินทางตัวอย่างเช่น

วิธีการเพิ่มบัตรเดินทางหลาย

สิ่งที่คุณต้องทำคือเข้าถึง " จัดการแผนที่ จากปลั๊กอินและคลิกที่ " เพิ่มแผนที่ใหม่ ". หน้าต่างจะเปิดขึ้นคุณจะต้องบันทึกชื่อของการ์ดเช่น: " 2014 ท่องเที่ยวพิเศษ '

เพิ่มที่ชื่อของ -a การ์ด

จากนั้นคลิกที่ชื่อของแผนที่นี้เพื่อเพิ่มสถานที่ตามที่ปรากฏแทน

การเปลี่ยนแปลงบัตร

คุณยังสามารถเข้าถึงแผนที่ได้โดยเลือกแผนที่จากรายการแผนที่ที่มี

รับ-a-บัตร

วิธีการแสดงแผนที่บนหน้า / บทความ

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

[Mwm_map]

เพื่อให้มีรหัสย่อเหมือนกันนี้ [mwm _map id =” 2″] ou [mwm _map id =” 10″]

ในการดึงข้อมูลรหัสของการ์ดกลับไปที่ " จัดการแผนที่ ปลั๊กอินและคัดลอกหมายเลขที่สอดคล้องกับแผนที่ที่คุณเลือกลงในคอลัมน์ " ID '

สร้างร้านค้าออนไลน์ได้อย่างง่ายดาย

ดาวน์โหลดฟรี WooCommerce ปลั๊กอินอีคอมเมิร์ซที่ดีที่สุดในการขายผลิตภัณฑ์ทางกายภาพและดิจิทัลของคุณบน WordPress [แนะนำ]

บัตรรหัส

ใช้รหัสนี้ในบทความ / หน้าและตรวจสอบเพื่อดูว่ามีพฤติกรรมปลั๊กอิน

ผล Nomad โลกแผนที่

สำหรับบทช่วยสอนนี้เกี่ยวกับการสร้างแผนที่การเดินทางแบบโต้ตอบบน WordPress อย่าลังเลที่จะแบ่งปันเคล็ดลับกับเพื่อน ๆ บนโซเชียลมีเดีย

บทความนี้ประกอบด้วยข้อคิดเห็น 30

  1. สวัสดีคำถามเล็กน้อยคุณจะเลือกพื้นที่ของแผนที่ที่จะแสดงได้อย่างไร? ฉันต้องการสร้างแผนที่นิวซีแลนด์ แต่เมื่อคุณเปิดหน้าที่มีแผนที่การซูมก็เสร็จสิ้นในฝรั่งเศส

  2. สวัสดี,

    ฉันลอง Nomad Maps แต่ดูเหมือนว่าปลั๊กอินจะไม่ได้รับการอัปเดตอีกต่อไปและฉันไม่พบว่าอินเทอร์เฟซนั้นสะอาดและใช้งานง่าย

    ฉันพบปลั๊กอินอื่นที่ฉันคิดว่าเหมาะสมกว่า: https://wordpress.org/plugins/travelmap-blog

    คุณสามารถเชื่อมโยงรูปภาพและบทความไปยังแผนที่ได้

  3. สวัสดี,

    ฉันเพิ่งเริ่มใช้ wordpress เช่นเดียวกับ Idem ฉันมีข้อความแสดงข้อผิดพลาดที่ปรากฏบนแผนที่: »ปัญหาเล็กน้อย ... เกิดข้อผิดพลาด
    Google Maps โหลดไม่ถูกต้องในหน้านี้ สำหรับข้อมูลทางเทคนิคเพิ่มเติมเกี่ยวกับข้อผิดพลาดนี้โปรดดูคอนโซล JavaScript "
    ฉันพยายามเปลี่ยนธีมตามคำแนะนำ แต่ไม่สามารถแก้ปัญหาของฉันได้คุณช่วยฉันหน่อยได้ไหม

    ขอบคุณคุณล่วงหน้า!
    Bonne journée,
    ซอนย่า

  4. สวัสดี,

    ฉันไม่มี SEO >> Title & Metas …
    ฉันมีเพียงแดชบอร์ดและ Search Console เป็นเพราะฉันไม่มีรุ่นจ่ายเบี้ยประกันภัยใช่หรือไม่?

  5. สวัสดี,
    ฉันเป็นมือใหม่และปรึกษาบล็อกของคุณ ...
    ดูเหมือนว่ามีข้อผิดพลาดทางไวยากรณ์ในรหัสย่อซึ่งควรเป็น [nwm_map id =” 1″] ไม่ใช่ [mwm _map id = '1']
    ฉันดิ้นรนมากก่อนที่จะเห็นสิ่งนี้
    journée bonne

  6. ดีตอนเย็น

    ขอขอบคุณสำหรับการกวดวิชาของคุณ
    ฉันพยายามทำตามวิธีการของคุณเพื่อฝังแผนที่ใน PAGE (WordPress) แต่ฉันไม่ได้ผลลัพธ์ที่คาดหวัง
    ในส่วนข้อความ (ไม่ได้ภาพ) ผมได้รับรหัสต่อไปนี้:
    [Mwm _MAP id = '2']
    เมื่อฉันดูตัวอย่างหน้าของฉันฉันไม่มีแผนที่ปรากฏ แต่มีข้อความ“ [mwm _map id = '2']”
    คุณช่วยฉันได้ไหม
    ผมขอขอบคุณ

      1. สวัสดี,

        ขอบคุณสำหรับการกลับมาของคุณ ฉันจะร่วมกับคุณภาพหน้าจอ?
        มันดูเหมือนจะไม่ให้ฉันใส่ภาพหรือสิ่งที่แนบมา

        1. คุณสามารถโฮสต์ภาพหน้าจอของคุณในเว็บไซต์เฉพาะจากนั้นเผยแพร่ลิงก์ที่นี่ หรือคุณสามารถใส่ลงในสื่อของคุณและให้ลิงค์ฉัน

  7. สวัสดี,

    ฉันติดตั้งปลั๊กอินแล้ว แต่ฉันมีปัญหา:
    ใน "แผนที่เร่ร่อน" แผนที่จะไม่แสดง! ดังนั้นฉันจึงไม่สามารถกำหนดค่าอะไรได้
    นี่คือสิ่งที่แสดง: "ปัญหาเล็กน้อย ... เกิดข้อผิดพลาด
    Google Maps โหลดไม่ถูกต้องในหน้านี้ สำหรับข้อมูลทางเทคนิคเพิ่มเติมเกี่ยวกับข้อผิดพลาดนี้โปรดดูคอนโซล JavaScript "

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

    ขอบคุณสำหรับความช่วยเหลือของคุณ

    1. สวัสดี,
      คอนโซล javascript ช่วยให้คุณค้นหาสาเหตุของปัญหา คุณทำตามบทแนะนำหรือไม่? หากเป็นกรณีนี้ฉันจะต้องมีการจับคอนโซลจาวาสคริปต์ของคุณ ในการดำเนินการนี้คุณต้องกด F12 (บน Chrome) บนพื้นที่ที่ปรากฏขึ้นให้ค้นหาแท็บ "คอนโซล" จากนั้นทำการจับภาพ มีเครื่องมือหลายอย่างที่จะช่วยให้คุณสามารถจับภาพได้ เมื่อคุณจับคอนโซลจาวาสคริปต์ได้แล้วเราจะช่วยคุณได้

  8. สวัสดี,

    ฉันไม่สามารถใส่การ์ดบนไซต์ของฉันได้ ฉันแทรก [mwm _map id = '1′] จากนั้น [nwm _map id = '1′] (หลังจากอ่านความคิดเห็น) ในหนึ่งในหน้าของฉัน แต่ในหน้าตัวอย่างมีเพียง รหัสย่อที่ปรากฏขึ้น ฉันจะทำอะไรได้บ้าง?

    Merci

    1. สวัสดี,

      ลองเพิ่มในส่วน "ข้อความ" (ไม่ใช่ "ภาพ") ของโปรแกรมแก้ไขข้อความของคุณ มันควรจะทำงาน

  9. สวัสดี

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

    ขอบคุณล่วงหน้า

      1. Bonsoir
        ฉันลงเอยด้วยการคัดลอก / วางชื่อเรื่องการป้อนด้วยตนเองใช้ไม่ได้กับบทความใด ๆ
        อย่างไรก็ตามฉันถือรหัสสั้น ๆ อีกครั้งฉันเริ่มขอโทษ ... ฉันแทรก [mwm_map id = '1′] ที่จุดเริ่มต้นของบทความของฉัน (ส่วนรายการ TEXT ไม่ใช่ VISUAL ของ wordpress) แต่ในภาพรวมไม่มีแผนที่ รหัสย่อ ...
        ฉันมันไม่ดี
        : - (((

    1. สวัสดี,
      คุณไม่จำเป็นต้องเลือกรายการคุณเพียงแค่เพิ่มรหัสย่อ [mwm_map] อ่านหัวข้อ“ วิธีแสดงแผนที่ในหน้า / บทความ” อย่างละเอียด

      หากปัญหายังคงมีอยู่โปรดติดต่อเราอีกครั้ง

แสดงความคิดเห็น

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมาย *

เว็บไซต์นี้ใช้ Akismet เพื่อลดสิ่งที่ไม่พึงประสงค์ เรียนรู้เพิ่มเติมเกี่ยวกับวิธีการใช้ข้อมูลความคิดเห็นของคุณ.

กลับไปด้านบน
30 หุ้น
หุ้น28
ทวีต
Enregistrer2