Khanh Hoang - Kenn
Kenn is a user experience designer and front end developer who enjoys creating beautiful and usable web and mobile experiences.
Việc học drupal nâng cao rất đơn giản.Trang web của bạn sẽ hấp dẫn hơn nếu được trang bị thêm những công cụ hữu ích. Chúng ta thường dễ bắt gặp ứng dụng google map được đưa vào khá nhiều trong các trang web. Thông thường bạn sẽ phải đăng kí API để sử dụng nó. Nhưng ở đây tôi sẽ hướng dẫn các bạn cách đưa Google map (Bản đồ google) vào trang drupal theo cách đơn giản.
Lưu ý: Trang của bạn nên cài đặt trình soạn thảo TinyMce để thao tác với code html tốt hơn, tham khảo cách cài đặt TinyMCE tại đây .
Bước 1: Các bạn vào trang googlemap: https://maps.google.com/ và tìm đến địa điểm mặc định bạn sẽ sử dụng trong trang của mình, ở đây tôi chọn là Huế, Việt Nam
Bước 2: Các bạn kích như hình dưới để lấy code googlemap.
Bước 3: Tạo 1 bài viết mới (hoặc 1 module mới) , vào Content -> Add Content -> Article với tiêu đề là Google map.
Bước 4: Dán đoạn code html vào đây , thay đổi chiều cao và độ rộng theo ý của bạn. Nhấn Update để chèn code vào bài viết.
Lưu ý: Trong phần Text format của bài viết bạn phải chọn là Full HTML
Lưu bài viết lại.
Kết quả đây:
Các bạn có thể tạo 1 menu mới dẫn link tới bài viết:Chọn Structure->Menus-> chọn add links trong phần Main menu
Nhấn Save và kết quả trên menu của chúng ta có 1 link dẫn tới google map như thế này