Cách nhúng Google Sheets vào WordPress – Bạn cần nhúng Google Sheets vào WordPress? Ở bài đăng này, tôi sẽ hướng dẫn bạn cách thêm dữ liệu Google Sheets vào WordPress theo hai cách:
- Biểu đồ trực quan – sử dụng bảng tính Google Sheets tạo biểu đồ thanh, biểu đồ đường, biểu đồ hình tròn, cùng nhiều định dạng khác.
- Bảng – nhúng bảng tính Google Sheets dưới dạng bảng phản hồi, cùng với tính năng hữu ích như tìm kiếm, bộ lọc.
Tôi sẽ chỉ bạn chi tiết cách thực hiện việc này thông qua việc sử dụng plugin Visualizer miễn phí – không yêu cầu mã.
Cách Visualizer giúp bạn nhúng Google Sheets vào WordPress
Tiết lộ đầy đủ – Visualizer là plugin ThemeIsle. Nó đồng ý bạn lấy dữ liệu từ Google Sheets (nguồn khác ) rồi chuyển đổi nó thành biểu đồ or bảng chuyên nghiệp ở website WordPress bạn.
Ngoài việc tạo bảng dữ liệu cơ bản, Visualizer cũng mang đến bạn quyền truy cập vào loạt biểu đồ cùng kiểu bảng. Mọi thứ bạn phải làm là định dạng dữ liệu theo cách plugin hiểu, nó sẽ tạo biểu đồ sẵn sàng cho bạn:
Visualizer cũng giúp bạn gồm bảng với tính năng nâng cao như phân trang, tìm kiếm nội bộ, lọc. Điều đó nghĩa là ngay khi dữ liệu bạn đang nhập đã sử dụng bảng, plugin vẫn giúp bạn khiến nó thân thiện hơn với người dùng.
Với phiên bản cao cấp, bạn thậm chí tự động đồng bộ hóa biểu đồ – khi bạn cập nhật dữ liệu ở Google Sheets, thay đổi đó sẽ tự động đồng bộ hóa với website WordPress.
Cách thêm Google Sheets vào WordPress bằng Visualizer (theo ba bước)
Nếu bạn muốn làm theo hướng dẫn này, bạn sẽ cần hai điều:
- Dữ liệu hiện có tại Google Sheets.
- Visualizer Plugin miễn phí. Bạn sẽ muốn cài đặt, kích hoạt nó trước khi tiếp tục.
Bước 1: Thêm biểu đồ mới và chọn kiểu sẽ sử dụng
Khi plugin hoạt động, bạn sẽ có quyền truy cập vào tab Visualizer mới ở bảng điều khiển. Nếu bạn nhấp vào nó, bạn sẽ thấy danh sách tất cả biểu đồ hiện có. Nhấp vào nút Thêm mới ở trên cùng để bắt đầu:
Trước hết bạn cần làm là chọn kiểu cho dữ liệu Google Sheets. Cái nào bạn nên chọn sẽ phụ thuộc dữ liệu cùng những gì bạn muốn người đọc lấy từ nó:
- Để nhúng bảng dữ liệu, chọn kiểu biểu đồ Bảng.
- Để nhúng biểu đồ trực quan , bạn chọn từ loạt kiểu biểu đồ khác nhau.
Với biểu đồ trực quan, bạn sẽ muốn chọn kiểu sẽ giúp bạn trực quan hóa dữ liệu Google Sheets tốt nhất. CodeinWP có vài mẹo hay về cách chọn kiểu biểu đồ phù hợp với dữ liệu.
Xem thêm: Cách kiếm tiền từ website
Bước 2: Nhập dữ liệu từ Google Sheets
Sử dụng phiên bản Visualizer miễn phí, bạn nhập dữ liệu từ tệp .csv , URL or nhập thủ công. Để thêm Google Sheets vào WordPress, bạn nên chọn tùy chọn Nhập dữ liệu từ URL , chọn Nhập 1 lần :
Giữ tab này mở ngay bây giờ rồi đi đến Google Sheets để lấy dữ liệu. Giả sử bạn có bảng rất đơn giản cho bạn thấy số lượng trái cây khác nhau:
Dữ liệu khá đơn giản để hiểu, nhưng bạn cần cung cấp cho plugin Visualizer thêm chút ngữ cảnh để nó hiểu cách hiển thị. Cuối cùng, plugin hỗ trợ nhiều chuỗi mà nó sử dụng để phân loại dữ liệu, bao gồm:
- chuỗi
- con số
- boolean
- ngày
- ngày giờ
- thời gian trong ngày
Ở ví dụ này, mọi thứ chúng ta cần là chuỗi, số. Bạn cho plugin biết cột nào thể hiện thành phần nào bằng cách thêm hai chuỗi đó ở trên cùng, ngay bên dưới tiêu đề cột:
Giờ dữ liệu đã sẵn sàng để plugin thực hiện công việc. Để tạo URL mà bạn cần cho WordPress, hãy mở menu Google Sheets File rồi chọn Xuất bản lên web :
Ở menu bật lên, chọn Toàn bộ tài liệu cùng giá trị được phân tách bởi dấu phẩy (.csv) , tiếp đó nhấn nút Xuất bản :
Giờ đây, Google Sheets sẽ cung cấp đến bạn liên kết bạn sử dụng để chia sẻ dữ liệu. Sao chép liên kết, quay lại trình hướng dẫn Visualizer ở WordPress. Dán nó vào trường tương ứng:
Nhấp nút Nhập, plugin sẽ tự động tạo bản xem trước biểu đồ or bảng ở bên trái:
Cuối cùng, chọn nút Tạo biểu đồ và Visualizer sẽ lưu biểu đồ vào thư viện của bạn.
Quá trình tương tự ở trên hoạt động đối với bất kỳ biểu đồ, đồ thị hoặc bảng nào mà Visualizer đồng ý bạn tạo. Dưới đây là bảng mặc định, trước khi nhập dữ liệu Google Sheets:
Visualizer cũng đồng ý bạn sắp xếp thành phần ở bảng tùy thuộc vào giá trị ở chúng.
Tại bất kỳ thời điểm nào, bạn kiểm tra biểu đồ, bảng có sẵn nhờ việc điều hướng đến Visualizer> Thư viện biểu đồ :
Nếu bạn muốn sửa đổi bất kỳ trực quan hóa dữ liệu nào bạn tạo bằng cách sử dụng plugin, có nút chỉnh sửa bên dưới mỗi nút.
Bước 3: Hiển thị biểu đồ mới của bạn trong WordPress
Giờ bạn đã nhập thành công dữ liệu Google Sheets vào WordPress, sử dụng nó để tạo biểu đồ or bảng, đã đến lúc xuất bản nó.
Có hai cách bạn thêm trực quan hóa vào bài đăng or trang:
- Mã ngắn
- Khối
Nếu bạn nhìn kỹ, bạn sẽ nhận thấy mã ngắn dưới mỗi bảng or biểu đồ:
Bạn sao chép mã ngắn đó rồi đặt nó bất cứ nơi nào bạn muốn ở website bạn.
Cách tiếp cận thứ hai là mở Trình chỉnh sửa khối, thêm khối Biểu đồ Visualizer vào bài đăng hoặc trang:
Trình chỉnh sửa sẽ hỏi bạn muốn hiển thị biểu đồ hiện tại hay tạo biểu đồ mới không. Nếu bạn chọn tùy chọn cũ, bạn sẽ thấy danh sách tất cả biểu đồ có sẵn:
Khi biểu đồ được đặt vào, bạn chỉnh sửa khối như bất kỳ biểu đồ nào khác. Plugin Visualizer đồng ý bạn tùy chỉnh biểu đồ khi đang di chuyển, gồm bố cục, kiểu dáng:
Mỗi loại biểu đồ có cài đặt riêng, bạn điều chỉnh để tùy chỉnh nó. Chẳng hạn, với bảng, bạn tùy chỉnh tùy chọn phân trang cùng kích hoạt tính đáp ứng để đọc được ở thiết bị di động :
Hãy nhớ nếu bạn đang sử dụng phiên bản plugin miễn phí, biểu đồ cùng bảng không auto cập nhật nếu bạn thay đổi bảng tính nguồn tại Google Sheets. Bạn sẽ cần tạo URL mới bằng Google Sheets nếu bạn muốn thực hiện cập nhật.
Phần kết luận
Bảng tính không gợi cảm, nhưng đại diện trực quan ở chúng chắc chắn có. Sử dụng đúng công cụ, bạn dễ dàng kéo dữ liệu từ Google Sheets sang WordPress, hiển thị nó theo cách mà khách truy cập nắm bắt trong nháy mắt.
Với plugin Visualizer miễn phí, bạn thực hiện quy trình chính xác này theo ba bước:
- Tạo biểu đồ hoặc bảng mới rồi chọn kiểu sẽ sử dụng.
- Nhập dữ liệu từ Google Sheets.
- Chỉnh sửa, hiển thị biểu đồ trong WordPress.
Nếu bạn muốn tự động đồng bộ hóa Google Sheets với WordPress cùng có quyền truy cập tính năng mới khác, bạn nâng cấp lên phiên bản cao cấp thuộc Visualizer.
