فرصت رو از دست نده! دسترسی کامل به آموزش‌های خفن رایا وردپرس فقط با تهیه اشتراک ویژه! اطلاعات بیشتر
خانهآموزش وردپرسنقشه گوگل مپ رو کمتر از 1 دقیقه به سایت وردپرسی‌ ات اضافه کن!
https://rayawp.ir/?p=14589

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

نقشه گوگل مپ رو کمتر از 1 دقیقه به سایت وردپرسی‌ ات اضافه کن – حتماً به سایت‌هایی برخوردی که موقعیت خودشون رو روی نقشه گوگل (Google Maps) نشون میدن، درسته؟ این نقشه‌ها نه تنها

نقشه گوگل مپ رو کمتر از 1 دقیقه به سایت وردپرسی‌ ات اضافه کن – حتماً به سایت‌هایی برخوردی که موقعیت خودشون رو روی نقشه گوگل (Google Maps) نشون میدن، درسته؟ این نقشه‌ها نه تنها به کاربران کمک می‌کنن که موقعیت یا لوکیشن کسب‌وکار رو راحت‌تر پیدا کنن، بلکه اعتماد بیشتری هم به مشتری‌ها می‌دن و نشون می‌ده که کسب‌وکار واقعی و قابل اطمینانه. 😌

حالا شاید از خودت بپرسی: “چطور می‌تونم نقشه گوگل رو به سایت وردپرسی‌ ام اضافه کنم؟” 🤔

خبر خوب اینه که این کار خیلی راحت‌تر از چیزیه که فکرشو می‌کنی! در واقع، با چند قدم ساده و بدون نیاز به کدنویسی پیچیده یا افزونه‌های اضافی، می‌تونی نقشه گوگل رو به سایت خودت اضافه کنی و موقعیت دقیق خودت رو به بازدیدکننده‌ها نشون بدی. 🗺️🎉

گوگل مپ چیه؟

گوگل مپ (Google Maps) یه نقشه آنلاین از گوگله که بهت کمک می‌کنه هر جایی رو که می‌خوای پیدا کنی! از مسیریابی گرفته تا پیدا کردن رستوران‌ها، کافه‌ها و حتی بررسی ترافیک! علاوه بر این، می‌تونی با Street View دقیقا مثل این‌که تو خیابون باشی، همه جا رو ببینی. و قدم بزنی 🙂 🌍🚗

📣 اینجا محل دیده شدن تبلیغ شماست کلیک کن AD

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

گام اول: گرفتن کد امبد (Embed ) نقشه گوگل

  • وارد سایت گوگل مپ شو.
  • داخل فیلد جستجو نام کسب و کارت رو بنویس یا از طریق نقشه آدرس دقیق کسب و کارت رو پیدا کن.
  • بعد از اینکه مکان مورد نظر رو روی نقشه دیدی، از منوی سمت چپ روی گزینه Share کلیک کن.
  • حالا از بین گزینه‌ها، روی Embed a map کلیک کن تا کد Embed نقشه رو ببینی.
  • این کد رو کپی کن، چون باید توی المنتور ازش استفاده کنی! 📋
Embed a map گوگل مپ

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

خب، حالا که کد embed نقشه رو از گوگل مپ کپی کردی، وقتشه که این کد رو وارد سایت وردپرسی‌ ات کنی! 🖥️ اینجاست که المنتور وارد بازی میشه! 😎

  • اول، وارد داشبورد وردپرس بشو و صفحه‌ای که می‌خوای نقشه توش نمایش داده بشه رو باز کن. مثلاً شاید بخوای نقشه رو توی صفحه “تماس با ما” بذاری. هر صفحه‌ای که بخوای رو انتخاب کن.
  • بعد روی دکمه ویرایش با المنتور کلیک کن. این کار باعث میشه که وارد محیط المنتور بشی و بتونی سایت رو مثل یک طراح حرفه‌ای ویرایش کنی.
  • حالا توی پنل سمت راست، از قسمت ابزارک‌ها (Widgets)، دنبال گزینه HTML بگرد. این ابزار رو با موس بکش و بذار توی قسمتی که می‌خوای نقشه نشون داده بشه. 📍
  • توی پنل باز شده، کدی که از گوگل مپ کپی کرده بودی رو بچسبون. (مطمئن باش که کد کامل باشه و هیچ چیزی جا نیفته!)
  • وقتی کد رو وارد کردی، فقط کافیه که روی دکمه Update یا Publish (انتشار) کلیک کنی تا تغییرات ذخیره بشه.

وای! الان سایت شما به راحتی یه نقشه گوگل داره که کاربران می‌تونن موقعیت دقیق شما رو ببینن و راحت‌تر پیدا کنن. 😄

توجه! این آموزش فقط مختص افزونه صفحه‌ساز المنتور نیست. اگه با صفحه‌ساز دیگه‌ای مثل ویژوال کامپوزر هم کار می‌کنی، هیچ نگرانی نیست! 😉 فقط کافیه یه ویجت HTML به صفحه‌ات اضافه کنی و کد نقشه گوگل رو توش پیست کنی. یا حتی می‌تونی یه برگه جدید تو وردپرس ایجاد کنی و کد رو درون بلوک HTML قرار بدی. به همین راحتی! نقشه به درستی نمایش داده میشه و همه چیز مرتب خواهد بود. 😎

آموزش تا اینجا تموم شد، ولی همیشه تو رایا وردپرس سعی می‌کنیم یه‌کم آموزش‌هامون رو خاص‌تر و متفاوت‌تر ارائه بدیم! 😉 حالا اگه می‌خوای یه‌کم حرفه‌ای‌تر کارو پیش ببری، یه نکته رو فراموش نکن: اگه سایتت دارک مود داره، ممکنه نقشه سفید گوگل خیلی با طراحی سایت هم‌خوانی نداشته باشه و حتی تو ذوق بزنه. نگران نباش! این مشکل خیلی راحت حل می‌شه. می‌تونی رنگ نقشه گوگل رو مشکی کنی. می‌پرسی چطور؟ ادامه رو بخون تا بهت بگم! 👇

8 هاور افکت دکمه که سایت شما را از این رو به آن رو می کند
8 هاور افکت دکمه که سایت شما را از این رو به آن رو می کند

به طور پیش‌فرض، گوگل مپ حالت دارک مود نداره که بتونی کد آیفریم یا امبد دارک مود رو ازش بگیری و مستقیم تو سایت بذاری. اما نگران نباش! با انجام یه کار خیلی ساده می‌تونی نقشه گوگل رو مشکی کنی تا به طراحی سایتت بخوره. 😎

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

  _____                __          __
 |  __ \               \ \        / /
 | |__) |__ _ _   _  __ \ \  /\  / / __
 |  _  // _\` | | | |/ _\` \ \/  \/ / '_ \
 | | \\ \ (_| | |_| | (_| | \  /\  /| |_) |
 |_|  \\_\__,_|\\__, |\\__,_|  \/  \/ | .__/
               __/ |              | |
              |___/               |_|    
گوگل مپ دارک مود

تمام شد! 🎉 حالا سایت شما به راحتی نقشه گوگل رو به صورت دارک مود نمایش می‌ده و کاربران می‌تونن موقعیت شما رو روی نقشه ببینن. 👏

جمع‌ بندی

به همین راحتی! 🎉 حالا شما می‌دونید چطور نقشه گوگل رو در کمتر از 1 دقیقه به سایت وردپرسی‌ تون اضافه کنید. این کار نه تنها به تجربه کاربری کمک می‌کنه، بلکه برای سئو هم مفیده و باعث می‌شه که سایت شما حرفه‌ای‌تر به نظر بیاد. اگر هنوز سوالی دارید یا مشکلی پیش اومده، خوشحال می‌شم که توی کامنت‌ها بپرسید و کمک کنم! 😃

با این روش، رنگ پس‌ زمینه متن انتخاب شده در سایت را عوض کنید
با این روش، رنگ پس‌ زمینه متن انتخاب شده در سایت را عوض کنید

5/5 - (6 امتیاز)

اگه از مطالب سایت استفاده کردی و کارت رو راه انداخته، می‌تونی با یه حمایت کوچیک بهمون انگیزه بدی تا با قدرت کار تولید محتوای خفن تر و جذاب تر رو پیش ببریم 😉🥰

ارسال نظر ( 0 نظر تایید شده )

نظرات پس از رویت و تایید مدیران نمایش داده می‌شود

📖 آنچه خواهید خواند

Toggle
    44 نفر در حال مطالعه این مقاله
    335 بازدید در 24 ساعت اخیر
    8 نفر این پست رو بوکمارک کردن
    4 دقیقه زمان مطالعه این مطلب
    ما رو در شبکه های اجتماعی دنبال کن 😉❤️
    سعید
    300 مقاله
    سعید

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

    بستن