MN
MN

Cách thêm Google Maps vào bài viết WordPress

1. Tổng quan cách chèn Google Maps vào WordPress

Để thêm Google Maps vào bài viết WordPress, bạn có thể sử dụng một số cách khác nhau, như sử dụng plugin hoặc nhúng mã nhúng (embed code) của Google Maps trực tiếp. Dưới đây là hai phương pháp phổ biến:

Cách 1: Sử dụng Plugin

  1. Tìm và Cài Đặt Plugin:
    • Đăng nhập vào trang quản trị WordPress của bạn.
    • Chọn mục “Plugins” và nhấn “Add New”.
    • Tìm kiếm plugin có tên là “WP Google Maps” hoặc một plugin tương tự.
    • Cài đặt và kích hoạt plugin.
  2. Tạo Bản Đồ:
    • Sau khi cài đặt xong, bạn sẽ thấy một mục mới trong trình quản lý WordPress của bạn, thường là “Maps”.
    • Tạo một bản đồ mới và cấu hình các tùy chọn cần thiết.
  3. Nhúng Bản Đồ vào Bài Viết:
    • Điều này thường được thực hiện thông qua một nút hoặc shortcode mà plugin cung cấp.
    • Chèn shortcode hoặc sử dụng nút tương ứng trong trình soạn thảo bài viết để nhúng bản đồ vào bài viết.

Cách 2: Nhúng Mã Nhúng Google Maps Trực Tiếp

  1. Mở Google Maps và Lấy Mã Nhúng:
    • Truy cập Google Maps và tìm địa điểm bạn muốn nhúng.
    • Nhấp vào biểu tượng “Chia sẻ” và chọn “Nhúng bản đồ”.
    • Chọn cài đặt nhúng của bạn và sao chép mã nhúng.
  2. Chèn Mã Nhúng vào Bài Viết:
    • Trong trình soạn thảo bài viết Gutenburg, thêm khối HTML.
    • Dán mã nhúng vào khối HTML trong bài viết.
    • Chỉnh sửa chiều rộng và chiều cao của bản đồ trong thẻ nhúng ví dụ bản đồ dưới đây có kích thước: width=”100%” height=”450″
  3. Lưu và Xuất Bài Viết:
    • Lưu bài viết và xem trước để đảm bảo bản đồ hiển thị đúng.
    • Xuất bài viết để xem trên trang web của bạn.

Lưu ý rằng quá trình này có thể thay đổi tùy thuộc vào phiên bản plugin hoặc các cập nhật mới của Google Maps. Luôn kiểm tra tài liệu hướng dẫn cụ thể của plugin hoặc trang chia sẻ của Google Maps để đảm bảo sự chính xác và hiệu quả.

2. Chi tiết cách lấy mã nhúng của Google Maps

Các bài liên quan khác:

  1. Cách tạo Full Width template với plugin trong WordPress
  2. Cách phân quyền cho user chỉ được phép chỉnh sửa Page do chính họ tạo trong WordPress
  3. Các loại vai trò (role) của người dùng trong WordPress
  4. Cách thêm danh sách các bài viết mới nhất vào một trang WordPress với Guntenberg
  5. Cách tắt logo ReCaptcha v3
  6. Cách tìm ảnh miễn phí, đẹp, pro, hợp pháp cho các bài đăng trên website
  7. Cách tích hợp các dịch vụ của Google vào WordPress bằng “Site Kit by Google – Analytics, Search Console, AdSense, Speed”
  8. Ý nghĩa của tag khi có nhiều bài đăng trong WordPress
  9. Cách tạo một trang để hiển thị các bài viết Blog trong WordPress
  10. Cách tạo một trang chủ trong WordPress
  11. Cách tạo bài kiểm tra trắc nghiệm trong WordPress
  12. Cách hiển thị mã code chuyên nghiệp trong WordPress
  13. Cách chuyển đổi một template html sang một theme
  14. Nên mua một premium theme hay mua theme builder?
  15. Block theme của WordPress là gì?
  16. Cách tạo một form đăng ký trong WordPress
  17. Cách hiển thị trang Đang bảo trì (Maintenance) hoặc Coming Soon trong WordPress
  18. Cấu trúc một theme của WordPress
  19. Cách thêm chức năng đặt chỗ vào website WordPress
  20. Cách đăng bài theo lịch tự động của WordPress
  21. 9 lợi ích của một website mang lại cho chủ cơ sở kinh doanh?
  22. 8 mục đích phổ biến nhất khi viết blog
  23. 12 thể loại blog phổ biến nhất
  24. 10 nguyên tắc để chọn được tên miền có lợi nhất
  25. Cách tạo một ứng dụng từ một trang WordPress bằng React Native
  26. Cách sửa đổi mầu nền của block Mã trong Gutenberg của WordPress
  27. Cách backup website WordPress
  28. Cách giải quyết vấn đề không thấy tab Thùng rác trong Tất cả các bài viết
  29. [Học WordPress] Cách tạo môi trường phát triển cho WordPress
  30. [Học WordPress] Công cụ giúp tạo plugin WordPress
  31. [Học WordPress] Công cụ giúp tạo theme WordPress
  32. [Học WordPress] Cách đổi tên wp-admin trong link đăng nhập của WordPress
  33. [Học WordPress] Cách tạo sitemap trong WordPress
  34. [Học WordPress] Cách thêm một đoạn văn bản ghi chú giống nhau vào nhiều bài đăng của WordPress
  35. [Học WordPress] Cách tạo một trang giới thiệu các sản phẩm trong WordPress không?
  36. [Học WordPress] Cách chặn IP truy cập trong WordPress
  37. [Học WordPress] Cách tích hợp quảng cáo adSense vào WordPress
  38. [Học WordPress] Cách tạo và thêm flavicon cho website trên WordPress
  39. [Học WordPress] Phím tắt để gọi danh sách các block khi soạn thảo trên WordPress
  40. [Học WordPress] Cách dùng phím tắt để thêm một block trên WordPress
  41. [Học WordPress] Cách tích hợp bảo mật hai lớp cho WordPress với Google Authenticator
  42. [Học WordPress] Cách cài đặt bảo mật 2 lớp cho WordPress
  43. [Học WordPress] Cách tắt chức năng đăng ký người dùng mới
  44. [Học WordPress] Cách giới hạn số lần đăng nhập sai trong WordPress
  45. [Học WordPress] Cách hiển thị “Các bài liên quan khác” trong WordPress
  46. [Học WordPress] Cách chọn chuyên mục khi đăng bài viết mới trong WordPress
  47. [Học WordPress] Cách tạo trang Liên hệ trong WordPress với ReCaptcha
  48. [Trải Nghiệm] 6 yếu tố giúp bạn xây dựng một website đáng tin bằng phần mềm WordPress
  49. [Trải Nghiệm] Đánh giá về 3 cách tạo website