Cách 1: Bạn copy cả phần khoanh màu xanh phía dưới rồi chuyển sang chế độ HTML và paste vào chỗ bạn muốn hiển thị. (Có thể bỏ một số cái không cần thiết trong đoạn code đó)
Cách 2: Sử dụng shortcode
Để duy trì blog nên mình có làm aff cho 1 số bên hosting. Nhưng dù aff mình cũng chọn 1 số nhà cung cấp uy tín về chất lượng và support nên các bạn cứ yên tâm nhé.
Nếu có mua hosting mà có trong list dưới đây các bạn click vào link trước khi mua để ủng hộ mình nhé. Mình cảm ơn nhiều
- Azdigi: Giá rẻ thì dùng gói Pro Gold Hosting còn chất lượng hơn thì em khuyên dùng Business Hosting. Có điều kiện thì lên VPS nhé
- Tino hosting
- iNet
- Nước ngoài thì Vultr
Trước tiên các bạn cần thêm shortcode sau vào file function.php
//Google Maps
function fn_googleMaps($atts, $content = null) {
extract(shortcode_atts(array(
"width" => '640',
"height" => '480',
"src" => ''
), $atts));
return '<iframe src="'.$src.'&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="'.$width.'" height="'.$height.'"></iframe>';
}
add_shortcode("googlemap", "fn_googleMaps");
Hướng dẫn Sử dụng:
Đang ở màn hình đăng bài bạn chọn chế độ HTML và thêm đoạn code sau vào vị trí muốn hiển thị nhé.
[ googlemap width="600" height"360" src="urlhere"]
Trong đó:
url: Là link đến map của bạn
width: là độ rộng nếu không có trị số này thì sẽ lấy giá trị mặc định như code phía trên đã cho.
Height: chiều cao. nếu xóa bỏ cũng sẽ lấy giá trị mặc định.
Chú ý: Link map lấy như sau. Như trong hình phần dc đánh dấu đó.
Copy link đó thay vào chữ urlhere ở trên nhé. (Nhớ là paste code này khi ở chế độ HTML nhé)
DEMO:
- Bình luận
