Ngày nay, việc trình bày dữ liệu một cách sinh động và dễ hiểu là yếu tố quan trọng để thu hút và giữ chân người đọc. WordPress là một trong những nền tảng quản lý nội dung phổ biến nhất, cho phép người dùng dễ dàng thêm thêm bar và chart trong WordPress. Điều này không chỉ giúp website trở nên sinh động, hấp dẫn hơn mà còn giúp thông tin được truyền tải một cách trực quan và hiệu quả. Trong bài viết này, hãy cùng Vietnix khám phá các lợi ích và cách thức để tích hợp bar và chart vào website WordPress của bạn.
Những vấn đề với bar và chart trong WordPress
Có rất nhiều plugin để thêm bar (thanh thông tin), chart (biểu đồ) và graph (đồ thị) vào nội dung của bạn. Tuy nhiên, những plugin này thường quá phức tạp để sử dụng. Một số plugin thậm chí yêu cầu người dùng thêm dữ liệu bên trong một shortcode theo các định dạng cực kỳ phức tạp.
Thay vì sử dụng những plugin này, nhiều người dùng cuối cùng lại tạo biểu đồ trong ứng dụng văn phòng của họ và chuyển chúng thành hình ảnh cho trang web WordPress của họ. Điều này có thể hoạt động nếu bạn không bao giờ dự định thay đổi. Tuy nhiên, một hình ảnh không thể thay thế cho một biểu đồ tương tác, nơi mà dữ liệu hữu ích xuất hiện khi người dùng nhấp vào một phần cụ thể.
Một giải pháp lý tưởng của biểu đồ và đồ thị sẽ cho phép:
- Thêm dữ liệu từ một nguồn dữ liệu trên máy tính hoặc website.
- Điền dữ liệu vào các biểu đồ, đồ thị tròn, đồ thị và thanh thông tin sử dụng dữ liệu.
- Tạo ra những biểu đồ đẹp mắt, có tính tương tác, đầy màu sắc và thân thiện với di động.
- Cho phép cập nhật dữ liệu bất cứ khi nào bạn muốn.
Việc thêm một biểu đồ với Visualizer sẽ giúp bạn cải thiện SEO, tăng sự tương tác của người dùng, và thậm chí làm cho dữ liệu của bạn dễ hiểu hơn.
2 bước thêm bar và chart trong WordPress chuẩn
1. Cài đặt và thiết lập plugin Visualizer
Bạn có thể dễ dàng thêm bar và chart trong WordPress bằng cách sử dụng plugin Visualizer. Đây là plugin trực quan dữ liệu tốt nhất dành cho WordPress trên thị trường, cho phép bạn tạo ra các hiển thị dữ liệu tương tác cho website. Đồng thời, plugin này còn có một gói dịch vụ miễn phí mà bạn có thể sử dụng để tạo thanh thông tin và biểu đồ.
Đầu tiên là cài đặt và kích hoạt plugin Visualizer WordPress Charts and Graphs. Nếu gặp khó khăn trong quá trình thao tác, bạn có thể tham khảo video hướng dẫn sau của Vietnix:
Sau khi kích hoạt, truy cập Visualizer > Add New Chart từ bảng điều khiển WordPress. Tiếp đến, chọn loại biểu đồ bạn muốn tạo, chẳng hạn như bảng, biểu đồ tròn, biểu đồ đường hoặc biểu đồ thanh. Sau đó, nhấp vào button “Next“.
Điều này sẽ đưa bạn đến bước tiếp theo, ở đó bạn phải nhấp vào button “Choose File” để nhập dữ liệu bảng tính Excel từ máy tính. Nếu đã lưu bảng tính Excel hoặc Google của mình dưới dạng file CSV, bạn có thể nhập bằng cách mở rộng tab “Import data from URL“. Khi bạn đã làm điều đó, hãy nhấp vào button “Import from CSV“. Sau đó, bạn có thể nhập URL file CSV của mình để nhúng file đó.
Hãy nhớ rằng file CSV phải có tên cột trong hàng đầu và kiểu dữ liệu trong hàng thứ hai. Plugin hỗ trợ các loại dữ liệu sau: chuỗi (string), số (number), boolean, ngày (date), thời gian (time date) và thời gian trong ngày (time of day).
Hãy xem xét file ví dụ đã tạo trong Google Sheets sau đây để hiểu rõ hơn:
Nếu bạn đang tạo một file CSV bằng trình chỉnh sửa văn bản, hãy ví dụ về nội dung sau:
- Daily Activities,Time.
- string,numbers.
- Work, 8.
- Sleep, 7.
- Eat, 3.
- Watch TV, 2.
- Commute, 1.
Tuy nhiên, nếu bạn đã lưu dữ liệu biểu đồ của mình dưới dạng bảng tính trên Google Drive, bạn có thể thêm vào biểu đồ mà không cần xuất ra. Đầu tiên, mở file dữ liệu trong Google Spreadsheets, sau đó nhấp vào liên kết File > Share > Publish to the web.
Điều này sẽ hiển thị một pop up, bạn phải chọn cách công bố tài liệu này. Chỉ cần chọn tùy chọn Comma Separated Values (.csv) từ menu thả xuống và nhấp vào button “Publish“.
Bây giờ bạn sẽ thấy URL công khai của bảng tính dưới dạng file CSV. Bạn cần sao chép URL này và quay lại biểu đồ Visualizer, sau đó thêm URL này vào file “Import from CSV“.
Khi bạn nhập URL, plugin sẽ truy xuất file CSV và hiển thị một bản xem trước trực tiếp của biểu đồ. Bây giờ, bạn có thể chuyển sang tab “Settings” ở phía trên để cấu hình các thiết lập chung như kiểu chữ, định dạng số, kích thước và vị trí, cài đặt kích thước và nhiều thiết lập khác. Khi bạn hoàn thành, hãy nhấp vào button “Create” ở dưới cùng để tạo biểu đồ.
Ngoài những thông tin liên quan đến cách thêm bar và chart, bạn có thể tham khảo:
2. Cách thêm bar và chart trong WordPress bằng plugin
Thêm bar và chart vào trang WordPress của bạn cũng đơn giản như việc thêm hình ảnh. Đầu tiên, mở một trang/bài đăng mới hoặc cũ mà bạn muốn thêm biểu đồ tròn. Sau đó, nhấp vào button “Add Block (+)” ở góc trên bên trái của màn hình. Điều này sẽ mở menu block, tiếp theo bạn cần tìm và thêm block Visualizer Chart. Sau khi làm điều đó, nhấp vào button “Display an Existing Chart“.
Điều này sẽ mở một pop up mới trong block, nơi bạn phải chọn biểu đồ tròn mà bạn vừa tạo. Cuối cùng, nhấp vào button “Publish” hoặc “Update” để lưu cài đặt. Bây giờ, bạn có thể truy cập trang WordPress của mình để xem biểu đồ tròn hoạt động.
Chỉnh sửa biểu đồ trực quan
Bạn có thể chỉnh sửa và thay đổi biểu đồ của mình bất cứ lúc nào. Chỉ cần truy cập vào Visualizer > Chart Library từ bảng điều khiển WordPress. Lúc này bạn có thể nhân bản một biểu đồ, xóa hoặc chỉnh sửa các cài đặt hình ảnh sử dụng các biểu tượng dưới tên biểu đồ.
Cập nhật dữ liệu cho một biểu đồ hiện có mà không thay đổi biểu đồ cũng rất dễ dàng với Visualizer. Nếu bạn đã thêm dữ liệu từ một bảng tính Google, thì bạn chỉ cần cập nhật dữ liệu trong bảng tính, sau đó điều hướng đến File > Share > Publish to the web và xuất bản lại bảng tính.
Các thay đổi của bạn sẽ tự động được phản ánh trong biểu đồ. Tuy nhiên, nếu bạn đã tải lên một file CSV, thì bạn cần cập nhật file CSV trên máy tính của mình. Sau khi hoàn thành, chọn biểu đồ muốn cập nhật và nhấp vào liên kết chỉnh sửa dưới biểu đồ. Trong phần “Import CSV file“, chỉ cần tải lên file CSV mới. Các thay đổi trong dữ liệu sẽ tự động được phản ánh trong các bài đăng hoặc trang đã chèn biểu đồ đó.
Ngoài các nội dung trên, có thể bạn quan tâm:
Lời kết
Vietnix hy vọng bài viết này đã giúp bạn thêm bar và chart trong WordPress dễ dàng. Đồng thời, bạn cũng có thể tham khảo thêm các bài viết khác tại Vietnix như cách tăng tương tác của người dùng với Swifty Bar nhanh chóng hoặc hướng dẫn cách tạo sơ đồ tổ chức công ty bằng WordPress, để tối ưu cho website tốt hơn. Chúc bạn thành công!