[Blog WordPress] Cách nhúng bản đồ Google Maps vào blog wordpress

0
266
Hướng dẫn sử dụng wordpress blog để kiếm tiền online
Hướng dẫn sử dụng wordpress blog để kiếm tiền online
Hướng dẫn sử dụng wordpress blog để kiếm tiền online
Hướng dẫn sử dụng wordpress blog để kiếm tiền online

Bạn đã có địa chỉ và muốn nhúng bản đồ Google Maps vào blog wordpress để khách hàng dễ tìm đường tới shop. Dưới đây là 2 cách đơn giản để bạn thực hiện điều đó, chỉ tốn khoảng 2 phút mà thôi.

Để thực hiện nhúng (chèn) địa điểm của mình trên Google Maps vào blog wordpress, cách làm là chúng ta hãy qua Google Maps để xác định vị trí đó, sau đó lấy mã nhúng để chèn vào blog.

Tuy nhiên, sẽ có 2 trường hợp xảy ra như sau:

  • Địa điểm của bạn đã được xác minh và hiển thị trên Google Maps
  • Địa điểm của bạn hoàn toàn chưa có trên Google Maps, mà bạn chỉ mới có địa chỉ và ước chừng vị trí đó trên bản đồ.

Với mỗi trường hợp trên, chúng ta sẽ có cách thực hiện khác nhau. Hãy thực hiện theo hướng dẫn dưới đây của tôi cho từng trường hợp để chèn bản đồ google maps vào blog của bạn nhé.

1. Trường hợp 1: Địa điểm đã có trên Google Maps và đã được hiển thị công khai

Với trường hợp này thì khá dễ dàng, bạn chỉ cần thực hiện theo từng bước dưới đây để chèn địa điểm của mình trên Google Maps vào blog của bạn.

+ Bước 1: Truy cập vào trang Google Maps tại: maps.google.com, sau đó tìm địa điểm bạn muốn chèn vào.

Giả sử tôi muốn chèn địa điểm là Sân bay Tân Sơn Nhất vào blog wordpress của tôi, tôi sẽ lên Google Maps vào gõ tên Sân bay Tân Sơn Nhất, sau đó chọn đúng địa điểm tôi cần chèn. Nó sẽ hiện ra như dưới hình, bạn hãy nhấn vào nút Chia sẻ để lấy mã nhúng.

Cách nhúng bản đồ Google Maps vào blog wordpress

+ Bước 2: Ở cửa sổ tiếp theo hiện ra, bạn hãy nhấn chọn tab Nhúng bản đồ, sau đó nhấn vào nút SAO CHÉP HTML

Cách nhúng bản đồ Google Maps vào blog wordpress

+ Bước 3: Trở lại blog wordpress của bạn. Dán mã html vừa sao chép được vào vị trí muốn chèn. Bạn cũng có thể điều chỉnh kích thước hiển thị của bản đồ cho phù hợp với blog của mình. Tuy nhiên theo tôi thì nên để mặc định.

Cách nhúng bản đồ Google Maps vào blog wordpress

+ Bước 4: Nhấn Đăng bài viết để chiêm ngưỡng thành quả nhé.

Cách nhúng bản đồ Google Maps vào blog wordpress

2. Trường hợp 2: Địa điểm của bạn hoàn toàn chưa có trên Google Maps, mà bạn chỉ mới có địa chỉ và ước chừng vị trí đó trên bản đồ.

Với trường hợp này, bạn cần thực hiện nhiều hơn một vài thao tác để lấy mã nhúng chèn vào blog. Nó không khó nhưng mà bạn cần phải để ý và làm đúng hướng dẫn dưới đây của tôi nhé.

Giả sử, tôi có một shop bán hàng tại địa chỉ 27/5 Nguyễn Thái Bình, phường 4, quận Tân Bình, TPHCM. Để chèn địa điểm này vào blog wordpress, tôi sẽ làm các bước như sau:

+ Bước 1: Truy cập vào trang Google Maps tại: maps.google.com, sau đó gõ địa chỉ 27/5 Nguyễn Thái Bình, phường 4, quận Tân Bình, TPHCM vào ô tìm kiếm thử xem có ra đúng địa điểm bạn mong muốn hay không. Nếu google nhận đúng thì xin chúc mừng bạn. Công việc đơn giản của bạn là quay lại thực hiện các bước giống như ở trường hợp 1 thôi, vào Chia sẻ, lấy mã nhúng rồi dán vào blog wordpress là xong.

Tuy nhiên ở trường hợp này, địa chỉ tôi muốn tìm kiếm lại bị Google maps chỉ sai. Vì thế tôi phải điều chỉnh lại.

Cách nhúng bản đồ Google Maps vào blog wordpress

Tôi sẽ tìm đến đúng vị trí tôi cần gắn, sau đó click chuột phải, chọn “Đây là gì ?

Cách nhúng bản đồ Google Maps vào blog wordpress

Google Maps sẽ gợi ý địa chỉ này cho bạn, nhưng tôi tin chắc là nó không đúng, vì nếu đúng thì mình nhập vào tìm kiếm nó đã ra đúng rồi. Bạn không cần quan tâm đâu, chỉ cần bạn biết chắc địa chỉ này là đúng vị trí shop của mình là được.

Sau đó, bạn click vào dòng tọa độ để Google hiện ra cái nút địa điểm màu đỏ.

Cách nhúng bản đồ Google Maps vào blog wordpress

Về đến bước này thì bạn thấy quen thuộc rồi đúng không nào, bạn thực hiện lại các thao tác tương tự như trường hợp 1 thôi nhỉ. Nhưng tôi cứ hướng dẫn cho đầy đủ, sợ bạn lại lúng túng bước tiếp theo.

+ Bước 2: Nhấn vào nút Chia sẻ để qua trang lấy mã nhúng

Cách nhúng bản đồ Google Maps vào blog wordpress

+ Bước 3: Ở cửa sổ tiếp theo hiện ra, bạn hãy nhấn chọn tab Nhúng bản đồ, sau đó nhấn vào nút SAO CHÉP HTML

Cách nhúng bản đồ Google Maps vào blog wordpress

+ Bước 4: Trở lại blog wordpress của bạn. Dán mã html vừa sao chép được vào vị trí muốn chèn. Bạn cũng có thể điều chỉnh kích thước hiển thị của bản đồ cho phù hợp với blog của mình. Tuy nhiên theo tôi thì nên để mặc định.

Cách nhúng bản đồ Google Maps vào blog wordpress

+ Bước 5: Nhấn Đăng bài viết để chiêm ngưỡng thành quả nhé.

Vậy là tôi vừa hướng dẫn cho bạn 2 cách để có thể chèn bản đồ google maps vào blog wordpress. Rất đơn giản đúng không nào.

Hãy đón xem bài hướng dẫn tiếp theo của tôi về blog wordpress nhé, còn rất nhiều thủ thuật mà tôi sẽ public dần dần để bạn có thể làm chủ blog wordpress và kiếm được tiền từ nó.

Xem toàn bộ các bài hướng dẫn liên quan đến blog wordpress của tôi tại:

https://duydai.net/wordpress/blog-wordpress

Nếu gặp khó khăn gì, hoặc có gì thắc mắc, đừng ngại inbox cho tôi qua facebook hoặc zalo để tôi hỗ trợ bạn nhé. Bộ nút liên hệ rất TO ở dưới màn hình đấy, bạn thấy nó rồi phải không.

Hẹn gặp bạn ở các bài hướng dẫn tiếp theo.

Nguyễn Duy Đại

LEAVE A REPLY

Please enter your comment!
Please enter your name here