Bạn có muốn thêm thanh và biểu đồ trong WordPress? Các trợ giúp trực quan như đồ thị, thanh, biểu đồ hình tròn và những thứ khác là một cách hoàn hảo để thêm dữ liệu một cách đẹp mắt với nội dung của bạn. Trong bài này, chúng tôi sẽ chỉ cho bạn cách tạo thanh và biểu đồ trong WordPress với plugin Visualizer WordPress Charts và Graphs.
Vấn đề với thanh và biểu đồ trong WordPress
Có rất nhiều plugin WordPress để thêm các thanh, biểu đồ và đồ thị với nội dung của bạn. Tuy nhiên, khiếu nại phổ biến nhất mà chúng tôi đã nghe từ người dùng của chúng tôi là các plugin này thường là quá phức tạp để sử dụng.
Một số plugin thậm chí mong đợi người dùng thêm dữ liệu bên trong một mã ngắn ở các định dạng cực kỳ phức tạp.
Thay vì sử dụng các plugin này, nhiều người dùng cuối cùng tạo ra biểu đồ trong các ứng dụng văn phòng của họ và chuyển đổi chúng thành một hình ảnh.
Điều này có thể hoạt động nếu bạn đang có kế hoạch không bao giờ thay đổi nó. Tuy nhiên, một hình ảnh không thay thế cho biểu đồ tương tác, nơi dữ liệu hữu ích xuất hiện khi người dùng di chuột qua một phần cụ thể.
Một biểu đồ lý tưởng và giải pháp đồ họa sẽ cho phép bạn:
- Thêm dữ liệu từ nguồn dữ liệu trên máy tính của bạn hoặc trên web.
- Đưa vào biểu đồ, pies, đồ thị và thanh sử dụng dữ liệu của bạn.
- Tạo các biểu đồ thân thiện, tương tác, đầy màu sắc và di động.
- Quan trọng nhất, nó sẽ cho phép bạn cập nhật dữ liệu bất cứ khi nào bạn muốn.
Có nói rằng, chúng ta hãy xem cách Visualizer WordPress Charts và đồ thị plugin giúp bạn làm tất cả điều đó.
Tạo thanh và biểu đồ trong WordPress với Visualizer
Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Visualizer WordPress Charts và Graphs. Để biết thêm chi tiết
Trong khi phiên bản miễn phí hầu như tất cả mọi thứ bạn cần, họ cũng có Visualizer Charts và Graphs Pro bổ sung các tính năng bổ sung cho plugin như thêm dữ liệu trực tiếp sử dụng bảng tính như giao diện và nhập dữ liệu từ các biểu đồ khác.
Chi phí $ 79 cho một giấy phép trang web duy nhất với một năm hỗ trợ chuyên nghiệp và cập nhật.
Chú thích: Hướng dẫn này là về phiên bản miễn phí của plugin.
Khi kích hoạt, bạn cần truy cập Media »Visualizer Library trang. Đây là nơi mà tất cả biểu đồ và biểu đồ của bạn sẽ xuất hiện.
Bạn cần phải nhấp vào nút Thêm mới để thêm biểu đồ đầu tiên của bạn.
Thao tác này sẽ hiển thị cửa sổ bật lên trên màn hình. Bạn sẽ thấy các loại biểu đồ khác nhau có sẵn với plugin. Đơn giản chỉ cần chọn kiểu biểu đồ bạn muốn thêm và nhấp vào nút tiếp theo để tiếp tục.
Bước tiếp theo là thêm nguồn dữ liệu của bạn ở định dạng CSV. Nếu bạn đã lưu dữ liệu của mình dưới dạng bảng tính bằng Excel, Google Trang tính hoặc bất kỳ chương trình nào khác thì bạn chỉ có thể xuất nó dưới dạng tệp CSV.
Bạn có thể tải xuống hoặc lưu tệp tin CSV của mình vào máy tính của mình rồi tải lên bằng cách nhấp vào nút ‘Từ máy tính’.
Tệp CSV của bạn phải có tên cột trong hàng đầu tiên và loại dữ liệu ở hàng thứ hai. Plugin hỗ trợ các kiểu dữ liệu này: chuỗi, số, boolean, ngày, ngày giờ và thời gian trong ngày.
Hãy xem tệp ví dụ này mà chúng tôi đã tạo trong Google Trang tính.
Nếu bạn đang tạo tệp tin CSV bằng cách sử dụng trình chỉnh sửa văn bản, hãy xem ví dụ tệp CSV này:
Trình duyệt, khách truy cập
chuỗi, số
Chrome, 7894
Firefox, 6754
Internet Explorer, 4230
Safari, 2106
Opera, 627
Thêm biểu đồ trong WordPress Sử dụng Bảng tính Google Drive
Nếu bạn đã lưu dữ liệu biểu đồ dưới dạng bảng tính trên ổ đĩa Google, bạn có thể thêm nó vào biểu đồ của bạn mà không xuất nó.
Mở tệp dữ liệu của bạn trong Google Spreadsheets và sau đó nhấp vào Tệp »Xuất bản lên web .
Thao tác này sẽ hiển thị cửa sổ bật lên nơi bạn cần chọn cách bạn muốn xuất bản tài liệu này. Bạn cần chọn Comma Separated Values (.csv) từ trình đơn thả xuống.
Đừng quên nhấp vào nút ‘Xuất bản’.
Bây giờ, bạn sẽ nhìn thấy URL có sẵn công khai của trang tính dưới dạng tệp CSV. Bạn cần phải sao chép URL này và trở lại biểu đồ Visualizer.
Nhấp vào Từ Web và sau đó nhập URL của tệp csv của bảng tính Google của bạn.
Ngay khi bạn nhập URL, plugin sẽ lấy tệp CSV của bạn và sẽ hiển thị bản xem trước trực tiếp biểu đồ của bạn.
Bây giờ bạn có thể nhấp vào nút tạo biểu đồ để lưu biểu đồ của bạn.
Thêm một biểu đồ hoặc đồ thị trong WordPress Bài viết / Trang
Thêm biểu đồ hoặc đồ thị vào các bài viết và trang của WordPress đơn giản như thêm hình ảnh.
Tạo bài đăng / trang mới hoặc chỉnh sửa một trang hiện có mà bạn muốn thêm biểu đồ. Trên màn hình chỉnh sửa, hãy nhấp vào nút Thêm tiện ích phía trên trình chỉnh sửa bài đăng.
Thao tác này sẽ hiển thị cửa sổ bật lên tải lên của WordPress media. Bạn cần nhấp vào tab trực quan từ cột bên trái. Nó sẽ tải tất cả các biểu đồ mà bạn đã tạo và lưu trên trang này.
Nhấp vào biểu tượng chèn bên dưới biểu đồ của bạn. Cửa sổ bật lên sẽ biến mất và bạn sẽ thấy biểu đồ của bạn được thêm vào bài viết WordPress dưới dạng mã ngắn.
Bây giờ bạn có thể lưu bài đăng hoặc trang WordPress của bạn và truy cập trang web của bạn để xem biểu đồ được nhúng vào bài viết WordPress của bạn.
Chỉnh sửa biểu đồ trực quan trong WordPress
Bạn có thể chỉnh sửa và thay đổi biểu đồ bất cứ lúc nào. Đơn giản chỉ cần truy cập Media »Visualizer Library trang. Từ đó bạn có thể nhân bản biểu đồ, xóa nó, hoặc chỉnh sửa các cài đặt hình ảnh của nó.
Cập nhật dữ liệu cho một biểu đồ hiện có mà không thay đổi biểu đồ là khá dễ dàng với Visualizer.
Nếu bạn đã thêm dữ liệu từ bảng tính Google, thì tất cả những gì bạn cần làm là cập nhật dữ liệu trong bảng tính của bạn và đi đến Tệp »Xuất bản lên web và xuất bản lại bảng tính của bạn. Thay đổi của bạn sẽ tự động phản ánh trong biểu đồ của bạn.
Mặt khác, nếu bạn đã tải lên tệp CSV, thì bạn cần phải cập nhật tệp CSV trên máy tính của mình. Sau khi hoàn tất, chọn biểu đồ bạn muốn cập nhật và nhấp vào liên kết chỉnh sửa bên dưới biểu đồ.
Trong phần Tải lên tệp CSV chỉ cần tải lên tệp CSV mới của bạn. Thay đổi trong dữ liệu sẽ tự động phản ánh trong các bài đăng hoặc các trang mà bạn đã chèn biểu đồ đó.
Thêm biểu đồ vào Widget Sidebar của WordPress
Visualizer sử dụng các mã ngắn để chèn các biểu đồ. Đơn giản chỉ cần đi đến Media »Visualizer Library , ở đó bạn sẽ thấy một mã ngắn dưới các biểu đồ của bạn.
Sao chép mã ngắn và đi đến Appearance »Widget . Kéo và thả tiện ích văn bản vào thanh bên và dán mã vạch bên trong tiện ích.
Nếu mã vạch không hoạt động trong tiện ích văn bản, hãy kiểm tra hướng dẫn của chúng tôi về cách sử dụng mã ngắn trong các tiện ích con của WordPress.