Giờ đây bạn có thể đặt bản đồ vào các thiết kế trang của mình bằng Page Builder Sandwich!
Thật kỳ lạ khi lại hào hứng về bản đồ. Bạn chỉ cần lấy URL Google Map rồi nhúng nó. Hoặc có thể tải một plugin bản đồ trực tuyến rồi chèn shortcode. Hoặc có thể trình dựng trang khác của bạn đã có sẵn và bạn có thể thêm bất cứ lúc nào muốn. Nhưng lý do khiến chúng tôi hào hứng là vì chúng tôi đã nâng việc thêm bản đồ lên một tầm cao hoàn toàn mới.
Dưới đây là bản xem trước:
Cách thêm bản đồ nhàm chán kiểu cũ
Đây là cách bạn thêm bản đồ bằng trình dựng trang thông thường:
- Bạn kéo một phần tử bản đồ mới,
- Bạn nhập vĩ độ và kinh độ vào các trường,
- Bạn nhập các giá trị khác vào các trường như chiều cao bản đồ, chiều rộng bản đồ, đánh dấu vào ô kiểu đường xá, v.v.,
- Nhấn xem trước và kiểm tra xem nó trông như thế nào, rồi quyết định rằng bạn cần thay đổi điều gì đó để làm nó trông ấn tượng hơn,
- Quay lại trình dựng trang và thay đổi các giá trị, sau đó lặp lại bước 4 ở trên.
Cách thêm bản đồ theo kiểu Page Builder Sandwich
Bản đồ trên các trang web có tính tương tác – bạn có thể xoay chuyển xung quanh, phóng to và thu nhỏ bản đồ. Vì vậy, chúng tôi nghĩ, tại sao không loại bỏ mọi sự phỏng đoán và chỉ cho phép mọi người tương tác trực tiếp với bản đồ trong khi xây dựng trang của mình?
Đây là cách bạn thêm bản đồ bằng Page Builder Sandwich:
- Bạn thêm một phần tử bản đồ,
- Bạn nhập vĩ độ và kinh độ hoặc địa chỉ nơi bạn muốn đặt tâm bản đồ,
- Bạn di chuyển bản đồ xung quanh và phóng to hoặc thu nhỏ để có được giao diện mong muốn,
- Thêm một số màu sắc ấn tượng vào bản đồ của bạn để phù hợp với phong cách của bạn,
- Nhấn lưu.
Cách của chúng tôi thú vị và trực quan hơn nhiều. Về cơ bản, bạn tương tác với bản đồ theo cách bạn tương tác với Google Map thông thường.
Bản đồ có màu sắc hoặc tạo kiểu bằng SnazzyMaps
Một tính năng tuyệt vời mà chúng tôi đã đưa vào là khả năng tạo sắc thái và tô màu cho bản đồ của bạn, và điều này cực kỳ dễ thực hiện. (Tính năng này chỉ dành cho phiên bản cao cấp). Nếu muốn đổi màu bản đồ, bạn chỉ cần nhấp vào bộ chọn màu của chúng tôi và chọn một màu, bản đồ của bạn sẽ thay đổi ngay lập tức.
Dưới đây là một bản đồ mà chúng tôi đã phủ màu hồng:
Page Builder Sandwich cũng hỗ trợ các bảng màu tinh xảo hơn thông qua SnazzyMaps. Họ có một danh sách khổng lồ các bảng màu do người dùng đóng góp và cho phép bạn tự tạo bảng màu của riêng mình nếu muốn kiểm soát nhiều hơn đối với màu sắc.
Chỉ cần tìm bảng màu bạn thích, sau đó lấy mã và dán vào Page Builder Sandwich. Bảng màu sẽ được áp dụng cho bản đồ của bạn ngay lập tức.
Dưới đây là một bảng màu rất phong cách có tên papuportal dark từ SnazzyMaps:
Đặt bản đồ ở bất cứ nơi nào bạn thích
Còn rất nhiều điều thú vị khác bạn có thể làm với bản đồ – chẳng hạn như thêm chúng vào các hàng có chiều rộng đầy đủ để tạo hiệu ứng ấn tượng hơn. Bạn cũng có thể thêm chúng vào bên trong carousel nếu muốn, hoặc bên trong các tab (một tính năng sắp ra mắt).
Nếu bạn chưa có Page Builder Sandwich, bạn có thể dùng thử phiên bản cao cấp bằng cách nhấp vào liên kết “Live Demo” ở trên.