طراحي قالب وردپرس

طراحي قالب وردپرس , طراحي پوسته وردپرس , طراحي قالب ريسپانسيو , طراحي قالب

کاملا ریسپانسیو و واکنش گرا داری پنل تنظیمات

طراحی قالب وردپرس و طراحی فروشگاه وردپرسی

ارسال سفارش

ایجاد نقشه گوگل در مطالب و برگه ها


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

wp-hacks-maps

برای افزودن این میانبر ابتدا فایل functions.php قالب خود را باز کنید و کد زیر را در آخر آن اضافه کنید :

//Google Maps Shortcode
function fn_googleMaps($atts, $content = null) {
 extract(shortcode_atts(array(
 "width" => '640',
 "height" => '480',
 "src" => ''
 ), $atts));
 return '<iframe width="'.$width.'" height="'.$height.'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="'.$src.'&amp;output=embed"></iframe>';
}
add_shortcode("googlemap", "fn_googleMaps");

حالا هر کجا که می خواهید که آن را به نمایش بیاورید کد زیر را در آن جا اضافه کنید.

[googlemap width=”200″ height=”200″ src=”لینک آدرس نقشه شما”]

 

نکته : برای تنظیم لینک نقشه به سایت گوگل مپ وارد شوید و مکان خود را برروی نقشه انتخاب کنید و همانند تصویر زیر لینکی که به شما داده می شود را در کد بالا به جای ” لینک آدرس نقشه شما “ جایگزین کنید.

google-maps-links

توجه : البته در کد ها می توانید مشخصات زیادی را مانند : اندازه نقشه و… تغییر دهید.

 

*

code

طراحی پوسته وردپرس