no-img
اِمیلا - سلام کاربر مهمان. امروز یکشنبه ۴ اسفند ۱۳۹۸

ادامه مطلب

بروزرسانی؛
۲۲ بهمن ۱۳۹۸
حمایت از emila.ir

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

بروزرسانی؛ ۲۲ بهمن ۱۳۹۸
1

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

یکی از بخش‌های مهم هر وب‌سایت، برگه درباره ما است. اصولا در این برگه اطلاعات مهمی درباره مکان فعالیت و شماره‌های تماس درج می‌شود. تاکنون پیش آمده که قصد درج نقشه گوگل در وردپرس را داشته باشید؟ با این کار می‌توانید مقصد، مسیر یا آدرس خاصی را در محتوای برگه و نوشته‌های خود قرار دهید. برای این کار به ساده‌ترین روش می‌توانید تمامی آدرس‌ها و نقشه‌های مورد نظر خود را درسایز دلخواه در وب‌سایت خود درج کنید. در ادامه این ترفند از emila نمایش نقشه گوگل در وردپرس را بررسی خواهیم کرد!

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

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

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

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

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

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

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

برای قرار دادن نقشه گوگل در سایت از سه خط منو، گزینه اشتراک گذاری یا جاسازی نقشه (share or embed map) را انتخاب کنید.

سپس روی Embed a map کلیک کنید و نهایتا گزینه COPY HTML را جهت کپی لینک نقشه کلیک کنید.

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

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

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

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

بعد از کپی کردن لینک می توانید آنرا به اندازه تمام صفحه به کاربرانتان نمایش دهید برای این کار width=”100%” انتخاب کنید.

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

نتیجه نهایی

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

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

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

هیچ نظری وجود ندارد

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