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

زمان انتشار:
تعداد بازدید: 1,415

زمان تقریبی خواندن نوشته: 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

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

موفق باشید. 🙂

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

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

پاسخ دهید

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

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

10 دیدگاه
  1. مرتضی شایق

    مرتضی شایق

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

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

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

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

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

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

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

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

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

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

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

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

  3. میترا

    میترا

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

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

      محمدرضا خدری

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

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

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

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

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

      محمدرضا خدری

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

  5. نگار

    نگار

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

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

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

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