Thêm Google Map vào Wordpress


Hiện nay, trong phần giới thiệu về công ty, doanh nghiệp ..v.v trên website của họ ngoài các thông tin như Số Điện Thoại, Email, Địa Chỉ ( dạng text ) thì Google Map cũng là một phần rất quan trọng, nó giúp khách hàng tìm đến địa chỉ của họ một cách nhanh chóng và thuận lợi nhất.


Trong bài viết này, mình sẽ hướng dẫn các bạn cách thêm Google Map vào Wordpress, có thể là 1 bài viết, 1 trang ..v.v

Xem thêm : viết bài seo

Cách 1 : Sử dụng Plugin Inline Google Maps 

( Không khuyến khích sử dụng, vì nó không được cập nhật trong 2 năm rồi )

Xem thêm : dịch vụ thiết kế website wordpress

Cách 2 : Sử dụng Shortcode


Đầu tiên, các bạn thêm đoạn code sau vào file functions.php

1
2
3
4
5
6
7
8
9
10
//Google Maps Shortcode
function do_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""do_googleMaps");
Bây giờ, để thêm Google Map vào bài viết, trang.v.v các bạn chèn shortcode sau vào bài viết, trang đó :

1
[googlemap width="200" height="200" src="[you_url]"]
Các bạn hoàn toàn có thể tùy chỉnh chiều cao, độ rộng mà mình mong muốn.
Ngoài ra, nhớ thay thế you_url thành link map của bạn nhé.

Tùng Ngô
Previous
Next Post »