نقشه گوگل مپ رو کمتر از 1 دقیقه به سایت وردپرسی ات اضافه کن – حتماً به سایتهایی برخوردی که موقعیت خودشون رو روی نقشه گوگل (Google Maps) نشون میدن، درسته؟ این نقشهها نه تنها به کاربران کمک میکنن که موقعیت یا لوکیشن کسبوکار رو راحتتر پیدا کنن، بلکه اعتماد بیشتری هم به مشتریها میدن و نشون میده که کسبوکار واقعی و قابل اطمینانه. 😌
حالا شاید از خودت بپرسی: “چطور میتونم نقشه گوگل رو به سایت وردپرسی ام اضافه کنم؟” 🤔
خبر خوب اینه که این کار خیلی راحتتر از چیزیه که فکرشو میکنی! در واقع، با چند قدم ساده و بدون نیاز به کدنویسی پیچیده یا افزونههای اضافی، میتونی نقشه گوگل رو به سایت خودت اضافه کنی و موقعیت دقیق خودت رو به بازدیدکنندهها نشون بدی. 🗺️🎉
گوگل مپ چیه؟
گوگل مپ (Google Maps) یه نقشه آنلاین از گوگله که بهت کمک میکنه هر جایی رو که میخوای پیدا کنی! از مسیریابی گرفته تا پیدا کردن رستورانها، کافهها و حتی بررسی ترافیک! علاوه بر این، میتونی با Street View دقیقا مثل اینکه تو خیابون باشی، همه جا رو ببینی. و قدم بزنی 🙂 🌍🚗
✨ فیلم و سریال های جدید رو از اینجا دانلود کن✨ کلیک کن AD
گام اول: گرفتن کد امبد (Embed ) نقشه گوگل
- وارد سایت گوگل مپ شو.
- داخل فیلد جستجو نام کسب و کارت رو بنویس یا از طریق نقشه آدرس دقیق کسب و کارت رو پیدا کن.
- بعد از اینکه مکان مورد نظر رو روی نقشه دیدی، از منوی سمت چپ روی گزینه Share کلیک کن.
- حالا از بین گزینهها، روی Embed a map کلیک کن تا کد Embed نقشه رو ببینی.
- این کد رو کپی کن، چون باید توی المنتور ازش استفاده کنی! 📋
گام دوم: استفاده از المنتور برای اضافه کردن نقشه به سایت
خب، حالا که کد embed نقشه رو از گوگل مپ کپی کردی، وقتشه که این کد رو وارد سایت وردپرسی ات کنی! 🖥️ اینجاست که المنتور وارد بازی میشه! 😎
- اول، وارد داشبورد وردپرس بشو و صفحهای که میخوای نقشه توش نمایش داده بشه رو باز کن. مثلاً شاید بخوای نقشه رو توی صفحه “تماس با ما” بذاری. هر صفحهای که بخوای رو انتخاب کن.
- بعد روی دکمه ویرایش با المنتور کلیک کن. این کار باعث میشه که وارد محیط المنتور بشی و بتونی سایت رو مثل یک طراح حرفهای ویرایش کنی.
- حالا توی پنل سمت راست، از قسمت ابزارکها (Widgets)، دنبال گزینه HTML بگرد. این ابزار رو با موس بکش و بذار توی قسمتی که میخوای نقشه نشون داده بشه. 📍
- توی پنل باز شده، کدی که از گوگل مپ کپی کرده بودی رو بچسبون. (مطمئن باش که کد کامل باشه و هیچ چیزی جا نیفته!)
- وقتی کد رو وارد کردی، فقط کافیه که روی دکمه Update یا Publish (انتشار) کلیک کنی تا تغییرات ذخیره بشه.
وای! الان سایت شما به راحتی یه نقشه گوگل داره که کاربران میتونن موقعیت دقیق شما رو ببینن و راحتتر پیدا کنن. 😄
توجه! این آموزش فقط مختص افزونه صفحهساز المنتور نیست. اگه با صفحهساز دیگهای مثل ویژوال کامپوزر هم کار میکنی، هیچ نگرانی نیست! 😉 فقط کافیه یه ویجت HTML به صفحهات اضافه کنی و کد نقشه گوگل رو توش پیست کنی. یا حتی میتونی یه برگه جدید تو وردپرس ایجاد کنی و کد رو درون بلوک HTML قرار بدی. به همین راحتی! نقشه به درستی نمایش داده میشه و همه چیز مرتب خواهد بود. 😎
آموزش تا اینجا تموم شد، ولی همیشه تو رایا وردپرس سعی میکنیم یهکم آموزشهامون رو خاصتر و متفاوتتر ارائه بدیم! 😉 حالا اگه میخوای یهکم حرفهایتر کارو پیش ببری، یه نکته رو فراموش نکن: اگه سایتت دارک مود داره، ممکنه نقشه سفید گوگل خیلی با طراحی سایت همخوانی نداشته باشه و حتی تو ذوق بزنه. نگران نباش! این مشکل خیلی راحت حل میشه. میتونی رنگ نقشه گوگل رو مشکی کنی. میپرسی چطور؟ ادامه رو بخون تا بهت بگم! 👇
به طور پیشفرض، گوگل مپ حالت دارک مود نداره که بتونی کد آیفریم یا امبد دارک مود رو ازش بگیری و مستقیم تو سایت بذاری. اما نگران نباش! با انجام یه کار خیلی ساده میتونی نقشه گوگل رو مشکی کنی تا به طراحی سایتت بخوره. 😎
برای اینکه نقشه گوگل مشکی بشه، کافیه بعد از مرحله قبلی، بری به تب پیشرفته ویجت HTML ای که کد امبد رو توش قرار دادی. بعد تو قسمت CSS سفارشی کد زیر رو وارد کن:
selector{
filter:grayscale(100%) invert(100%);
}
تمام شد! 🎉 حالا سایت شما به راحتی نقشه گوگل رو به صورت دارک مود نمایش میده و کاربران میتونن موقعیت شما رو روی نقشه ببینن. 👏
جمع بندی
به همین راحتی! 🎉 حالا شما میدونید چطور نقشه گوگل رو در کمتر از 1 دقیقه به سایت وردپرسی تون اضافه کنید. این کار نه تنها به تجربه کاربری کمک میکنه، بلکه برای سئو هم مفیده و باعث میشه که سایت شما حرفهایتر به نظر بیاد. اگر هنوز سوالی دارید یا مشکلی پیش اومده، خوشحال میشم که توی کامنتها بپرسید و کمک کنم! 😃
