Hiện nay có rất nhiều plugin giúp bạn thêm cột, biểu đồ, đồ thị vào bài viết. Tuy nhiên đa số plugin này có cách sử dụng hơi phức tạp đối với các bạn mới làm quen WordPress. Thậm chí có một số plugin yêu cầu người dùng chèn dữ liệu bằng shortcode rối rắm. Dĩ nhiên bạn có thể tạo những biều đồ trong các ứng dụng văn phòng, sau đó chuyển thành hình ảnh rồi chèn vào bài viết. Nhưng biểu đồ hình ảnh thiếu đi tính tương tác khi người đọc rê chuột vào các thông tin trong biểu đồ. Và mỗi khi cần cập nhật dữ liệu thì bạn phải chỉnh sửa nó rồi chuyển lại thành file ảnh. Để khắc phục những hạn chế trên, mình xin giới thiệu với các bạn plugin tạo biểu đồ chuyên nghiệp nhưng sử dụng vô cùng đơn giản.
Nội dung bài viết
Hướng dẫn thêm biểu đồ bằng Visualizer
Đầu tiên bạn cài đặt và kích hoạt plugin Visualizer. Sau đó tạo một bài viết mới hoặc chỉnh sửa bài viết có sẵn. Trong khung soạn thảo, bạn chọn Add Media. Chú ý trong thanh phía bên trái sẽ có thêm mục mới là Visualizations. Bạn nhấn chọn nó để truy cập thư viện Visualizations. Khi mới cài đặt thì thư viện không có gì cả
Tạo biểu đồ từ Google Drive
Để tạo biểu đồ từ Google Drive, bạn phải đăng nhập vào Google Drive và tạo một bảng tính hoặc chỉnh sửa từ cái có sẵn. Bạn nhớ đặt tên cho cột ở hàng đầu tiên và hàng thứ hai là kiểu dữ liệu (data type). Các kiểu dữ liệu được hỗ trợ là string, number, bolean, date, datetime, và timeofday.
Tạo biểu đồ từ file CSV
Thêm biểu đồ từ file CSV cũng gàn giống như trên Google Drive thôi. Bạn cũng tạo một file CSV trong máy tính. Trong phần Upload CSV File, bạn chọn From Computer rồi chọn file CSV trong máy tính. Ví dụ một file CSV dưới đây:
1 2 3 4 5 | Trình duyệt,Khách string,number FF,123 IE,456 Opera,789 |
Mỗi biểu đồ đều có một file CSV mẫu trong phần Upload CSV File, bạn nhấn vào đó để xem cách nhập dữ liệu nhé.
Cập nhật biểu đồ trong WordPress
Những biểu đồ bạn tạo bằng Visualizer đều được lưu trữ trong Media » Visualizer Library.
Đưa biểu đồ vào Sidebar
Visualizers sử dụng shortcode để chèn biểu đồ. Để đưa biểu đồ vào thanh sidebar, bạn truy cập vào Visualizer Library rồi sao chép shortcode ở dưới biểu đồ.