نمایش نقشه گوگل در وردپرس بدون نیاز به افزونه

زمان انتشار:
تعداد بازدید: 9,112

زمان تقریبی خواندن نوشته: 2 دقیقه
حالت تمام صفحه:

نمایش نقشه گوگل در وردپرس بدون نیاز به افزونهmaps-in-wordpressاین نوشته در تاریخ ۹۷/۱۲/۱۱ بروزرسانی شد.
سلام دوستان؛
یکی از بخش‌های مهم هر وب‌سایت، برگه درباره ما است. اصولا در این برگه اطلاعات مهمی درباره مکان فعالیت و شماره‌های تماس درج می‌شود. تاکنون پیش آمده که قصد درج نقشه گوگل در وردپرس را داشته باشید؟ با این کار می‌توانید مقصد، مسیر یا آدرس خاصی را در محتوای برگه و نوشته‌های خود قرار دهید.
وب‌سایت های زیادی برای ارائه راهنمایی‌های بیشتر، نقشه خود را در سایتشان درج می‌کنند.مانند:

  • نقشه شرکت
  • نقشه سازمان
  • آدرس‌های ریز مربوط به کسب وکار
  • کروکی ها و…

درج نقشه گوگل در وردپرس بدون افزونه

برای این کار به ساده‌ترین روش می‌توانید تمامی آدرس‌ها و نقشه‌های مورد نظر خود را درسایز دلخواه در وب‌سایت خود درج کنید. در ادامه ترفندی را برای نمایش نقشه گوگل در وردپرس بررسی خواهیم کرد!

نکته: برای این منظور می‌توان از  افزونه وردپرس کمک گرفت اما ما سعی کردیم از تکنیک ها و ترفندهای وردپرس کمک بگیریم!

مراحل افزودن نقشه گوگل در وردپرس

  • پیدا کردن مکان مورد نظر بر روی نقشه
  • دریافت کد درج نقشه در وب‌سایت
  • تعبیه کد در برگه یا نوشته

ارتباط وردپرس با گوگل مپ: پیدا کردن مکان مورد نظر در نقشه گوگل

نمایش نقشه گوگل در وردپرس بدون نیاز به افزونه insert-maps-in-wordpress

برای تنظیم موقعیت مکانی بر روی نقشه در وردپرس می‌توان از گوگل مپ کمک گرفت. به آدرس www.google.com/maps رجوع‌کنید. سپس در فیلد سمت راست صفحه، مکان مورد نظر خود را بنویسید. روی علامت منو در بالا سمت راست صفحه کلیک کنید.

دریافت کد مربوطه: جهت جاسازی گوگل مپ در وردپرس

برای قرار دادن نقشه گوگل در سایت بر روی گزینه اشتراک گذاری یا جاسازی نقشه کلیک کنید.

نمایش نقشه گوگل در وردپرس بدون نیاز به افزونه insert-map-in-worpress-via-code

سرویس گوگل مپ کد مخصوص درج نقشه در وب‌سایت را جهت جاسازی در سایت وردپرس به شما ارائه می‌دهد.برای کپی‌کردن این کد درپنجره باز شده به تب جاسازی نقشه رجوع کنید.
نکته: دراین مرحله امکان تعیین اندازه کادر نمایش نقشه در سایت وردپرس برای شما فراهم است.

نمایش نقشه گوگل در وردپرس بدون نیاز به افزونه -insert-map-in-wp

قرار دادن نقشه گوگل در سایت: جهت نمایش نقشه ساز وردپرس

به برگه و یا نوشته‌ای که قصد دارید در آن نقشه خود را درج کنید، رجوع کرده.

نمایش نقشه گوگل در وردپرس بدون نیاز به افزونه insert-map-in-worpress

کد دریافت‌شده از مرحله قبلی را در ویرایشگر متن برگه یانوشته خود قرار دهید.

نکته: حتما کد را در قسمت ویرایشگر متن وردپرس قرار دهید. درغیر این‌صورت نتیجه نمی‌گیرید!.

نتیجه نهایی

نتیجه نهایی به‌صورت زیر خواهد بود.

نمایش نقشه گوگل در وردپرس بدون نیاز به افزونه insert-map-in-wordpress

امیدوارم که از این ترفند ساده و کاربردی درج نقشه بدون افزونه برای وردپرس راضی بوده باشید.

موفق باشید. 🙂

درباره نویسنده

76 نوشته تا کنون
فارغ‌التحصیل رشته آی‌تی. کارشناس آی‌تی وردپرس‌یاد
✍باتمام علاقه‌ای که به دنیای آی‌تی داشتم با وردپرس آشنا شدم و اکنون تمام تلاشم برای تهیه آموزش‌های کاربردی و کمک به علاقه‌مندان دنیای بزرگ وردپرس است.

پاسخ دهید

دیدگاه شما برای ما ارزشمند است. در کمترین زمان ممکن به آن پاسخ خواهیم داد.

دیدگاه های این نوشته

46 دیدگاه
  1. حسین ملهم

    حسین ملهم

    با درود بیکران
    از اطلاعات شما سپاسگزارم
    خیلی موثر بود

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام وقت شما هم بخیر
      خوشحالیم که مفید بوده
      موفق باشید.

  2. وحید شهبازپور

    وحید شهبازپور

    سلام
    مطلب بسیار مفید و کاربردی بود.
    ممنونم

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام وقت بخیر
      خوشحالیم مفید بوده

  3. محمد

    محمد

    خدا خیرا بده از صبح درگیرش بوم

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام خوشحالم مفید بود.

  4. محمد

    محمد

    سلام خیلی مطلب خوبی بود ممنون استفاده کردیم
    فقط یه سوال برای سایت ما رفته تو قسمت اخبار اینو چجوری باید منتقل کنم به قسمت تماس با ما ؟
    ممنون میشم راهنمایی کنید

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام و احترام
      خوشحالم مفید واقع شده.
      کد رو داخل هر برگه و نوشته دلخواهی که قرار بدید نمایشش میده

  5. علی جهانی

    علی جهانی

    سلام
    چون کد آی فریم هست برای سئو سایت مضرر نیست؟

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام
      چون تو تمام صفحات استفاده نمیکنیم مشکل حادی نیست.

    • پیمان

      پیمان

      سلام و احترام
      یعنی اگر با این روش از نقشه های متعدد استفاده کنیم و در بخش مختلف این نقشه ها را بکار بگیریم از لحاظ سئو خوب نیست؟

      ممنون

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام وقت بخیر
      چون حالت فریم ورک داره بهتره زیاد از حد استفاده نشه.
      در حد یک یا دوبار تکرار بشه مشکل خاصی نیست اما سعی کنید زیاد از فریم ورک استفاده نکنید.

  6. محسن نوری

    محسن نوری

    با توجه به غیر فعال شدن API گوگل مپ داشتم کامل از گوگل نا امید میشدم و حتی روی سایتم openstreetmap رو نصب کردم. اما با این آموزش دوباره تونستم به گوگل مپ برگردم

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام محسن عزیز
      خیلی خیلی خوشحالیم که آموزش مفید بوده براتون
      امیدواریم بتونیم تو این حوزه کمک هر چند کوچک داشته باشیم.

  7. امیر رضا راشد

    امیر رضا راشد

    مطلب جالبی بود همیشه در کار موفق باشید ……….

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام
      سپاس فراوان از شما آقای راشد.

  8. فتحی بزرگ

    فتحی بزرگ

    خیلی عالی و بسیار کاربردی و خییییلی ساده . تشکر از زحمتی که کشیدین

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام
      ممنون بابت نظرات انرژی بخشتون
      خوشحالیم که مفید واقع شده.
      موفق باشید

  9. علی

    علی

    ممنون از مطلب خوبتون. کمکم کرد

    • محمدرضا خدری

      محمدرضا خدری

      خواهش میکنیم
      موفق باشید…

  10. محمود

    محمود

    عالی و کاربردی

    • محمدرضا خدری

      محمدرضا خدری

      خوشحالیم که مفید بوده براتون.
      موفق باشید…

  11. حجتی

    حجتی

    سلام و خسته نباشید
    ممنون از توضیحات شما
    یک سوال کلی داشتم اگر سایت طراحی شده که بصورت موقت برروی local هست را بخواهیم شخص دیگری که در یک شبکه داخلی هست هم ببیند حتما باید ببریم روی هاست؟؟ ، راه دیگری وجود ندارد؟؟
    با تشکر

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام وقت بخیر
      خواهش میکنم. امیدوارم محتوا مفید بوده باشه.
      بله برای دسترسی سایرین به وب سایتتون باید یک پل ارتباطی داشته باشید.

  12. حسین طهماسبی

    حسین طهماسبی

    سلام
    بسیار عالی بود توضیحاتتون.
    کامل، کوتاه و مفید.
    متشکرم از وب سایت وردپرس یاد

    • محمدرضا خدری

      محمدرضا خدری

      سلام حسین عزیز
      خوشحالیم که مفید بود براتون
      موفق باشید…

  13. مصطفی

    مصطفی

    تشکر از راهنماییتون، عالی بود

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام وقت شما بخیر
      خوشحالیم که مقاله مفید واقع شده.
      موفق باشید 🙂

  14. خانم رحمانی

    خانم رحمانی

    واقعا ممنونم درست شد

    • محدثه اسماعیلی

      محدثه اسماعیلی

      خوشحالم که مشکلتون حل شد.
      موفق باشید. 🙂

  15. خانم رحمانی

    خانم رحمانی

    سلام من آدرس رو پی میکنم و در صفحه مورد نظر تو ورد پرس میزارم در قسمت متن ، ولی اتفاقی نمی یوفته ؟؟؟
    ممنون میشم راهنمایی کنید .

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام خانم رحمانی عزیز
      کد کپی شده را باید در بخش متنی بدون مورد اضافی درج کنید.

  16. مسعود صادقی

    مسعود صادقی

    با سلام و خسته نباشید
    می خواستم تشکر کنم از این ترفند به جا و عالی تون، افزونه های نقشه سرعت لود صفحه رو میارن پایین ولی با این ترفند به حجم برگه اصلا افزوده نمیشه.
    خیلی عالی بود متشکرم.

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام آقای صادقی
      خواهش میکنم شما لطف دارید.
      خوشحالیم که مطلب مفید واقع شده.
      براتون آرزوی موفقیت روزافزون دارم

  17. inaz

    inaz

    با سلام و وقت بخیر خیلی ترفند ساده و عالی ای بود ممنون از تیم خوبتون

    • محمدرضا خدری

      محمدرضا خدری

      سلام
      خواهش میکنیم 🙂
      موفق باشید…

  18. مرتضی شایق

    مرتضی شایق

    با سلام و وقت بخیر

    ممنون میشم راهنمائی کنید که چطور فرم ثبت نام با فیلدهای مورد نظر رو سفارشی سازی کرد که یکی از اون فیلد ها اضافه کردن موقعیت نشانی فرد بر روی نقشه گوگل باشه.

    با تشکر از استادهای عزیز

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام و وقت بخیر
      ببینید بستگی داره به اون افزونه فرم سازتون. مثلا اگه از کانتکت فرم ۷ استفاده کرده باشید می‌تونید از افزودنی‌هاش کمک بگیرید مثل Google Map for Contact Form 7
      https://wordpress.org/plugins/cf7-google-map/
      با توجه به فرم سازتون میتونید از افزودنی‌های درج نقشه گوگل در فرم کمک بگیرید.
      موفق باشید.

  19. میثم ابراهیمی

    میثم ابراهیمی

    خیلی کاربردی بود.ممنون. نیازی به نصب افزونه نیست. سرعت سایت نیز افزایش می یابد.ممنون از خانوم اسماعیلی

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام خواهش میکنم. خوشحالم که مقاله مفید واقع شده
      موفق باشید. 🙂

  20. میترا

    میترا

    خیلی خیلی ممنونم واقعا عالی هستید

    • محمدرضا خدری

      محمدرضا خدری

      خواهش میکنم 🙂
      شاد باشید…

  21. سایت کوتاه کننده لینک

    سایت کوتاه کننده لینک

    سلام ممنونم خیلی عالی بود
    موفق باشید

    • محمدرضا خدری

      محمدرضا خدری

      خواهش میکنم
      شما هم موفق باشید 🙂

  22. نگار

    نگار

    ممنون از محتواهای آموزشی خوبتون

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام نگار عزیز؛
      خوشحالیم که راضی بودید. 🙂