Bảng biểu và đồ thị quan trọng hơn chúng ta nghĩ khi xây dựng website , vì chúng giúp việc hiển thị giá cả, gói dịch vụ, định hướng phát triển của công ty và nhiều thông tin khác trở nên dễ dàng hơn rất nhiều

Việc tìm kiếm một bảng sau khi tạo có thể rất tốn thời gian vì chúng ta phải sao chép/dán shortcode , nhưng sẽ ra sao nếu có một khối chức năng chuyên dụng để tìm tất cả các bảng của bạn? WP Table Manager cho phép bạn làm điều đó với trình chỉnh sửa Gutenberg dễ sử dụng của WordPress.

WP Table Manager bổ sung các khối vào trình soạn thảo Gutenberg cho phép bạn thêm các bảng này với hộp tìm kiếm trực tiếp vào khối.

Tạo bảng WordPress với plugin này dành cho Gutenberg

Trong bài viết này, chúng ta sẽ sử dụng WP Table Manager để tạo bảng so sánh giá. Trước hết, chúng ta sẽ xem cách tạo bảng.

Trước tiên, hãy vào Trình quản lý bảng > Tất cả bảng , trong phần này, nhấp vào + Tạo mới > Bảng , thao tác này sẽ mở trình chỉnh sửa bảng, chúng ta có thể sử dụng một theme để mọi thứ dễ dàng hơn, vì vậy hãy chọn một chủ đề, nhấp vào Theme > Chọn Theme .

Bạn sẽ thấy tất cả các tùy chọn theme, vì vậy chúng ta sẽ chọn chủ đề phù hợp với bảng so sánh giá.

Bây giờ hãy nhấp vào OK (lưu ý rằng tất cả dữ liệu trong bảng sẽ bị xóa).

Vì chúng ta đã thêm theme, nên hầu như toàn bộ công việc đã hoàn thành.

Chúng ta chỉ cần thực hiện một vài điều chỉnh đơn giản và điều chỉnh bảng cho phù hợp với nhu cầu của mình. Tôi sẽ xóa nhiều hàng và chỉnh sửa nhiều hàng khác. Việc chỉnh sửa chỉ cần nhấp vào hàng đó và bắt đầu nhập liệu như khi sử dụng Excel.

Để xóa, chỉ cần nhấp vào các hàng, nhấp chuột phải, rồi chọn Xóa .

Giờ nếu bạn muốn chỉnh sửa ô, chỉ cần nhấp vào ô đó, một trình chỉnh sửa nâng cao sẽ mở ra cho phép bạn tùy chỉnh nội dung theo ý muốn.

Nếu muốn tùy chỉnh bảng thêm, chúng ta có thể thay đổi màu sắc, chỉ cần nhấp vào ô và sử dụng các công cụ ở trên để thay đổi màu của các ô mình muốn.

Chúng ta không cần lưu bảng vì nó sẽ được tự động lưu mỗi khi có thay đổi.

Giờ chúng ta đã tạo xong bảng, chúng ta có thể thêm nó vào bài viết bằng cách sử dụng khối Trình chỉnh sửa Gutenberg.

Vào mục Bài viết > Thêm bài viết mới , bạn sẽ thấy trình soạn thảo Gutenberg, chúng ta sẽ chọn WP Table Manager .

Thao tác này sẽ thêm một trường tìm kiếm hiển thị các danh mục và bảng, và bạn có thể thêm bảng chỉ bằng cách nhấp vào bảng đó.

Bảng sẽ được thêm vào, và giờ đây, bạn chỉ cần đăng bài viết đó lên và bảng sẽ xuất hiện, dễ dàng như việc nhấp vào bảng và đăng bài viết/trang.

Vậy là xong, chúng ta đã tạo và đăng tải bảng giá chỉ trong chưa đầy 10 phút, thật dễ dàng phải không?

Sử dụng WP Table Manager trong WordPress để tạo biểu đồ

Vâng, chúng ta cũng sẽ có tùy chọn tạo biểu đồ từ các bảng, và một tin tốt nữa là phần biểu đồ có một khối Gutenberg riêng biệt, vì vậy bạn sẽ có thể dễ dàng tìm thấy biểu đồ khi tạo bài đăng của mình.

Bây giờ, để tạo biểu đồ, hãy vào Trình quản lý bảng > Tất cả bảng . Chúng ta cần tạo một bảng với dữ liệu mà chúng ta muốn hiển thị trong biểu đồ. Bảng này chứa thông tin cần thiết để tạo biểu đồ này.

Một cách làm tốt là tạo một danh mục cho mỗi loại bảng mà chúng ta muốn tạo, ví dụ, ở đây chúng ta đã tạo một danh mục có tên là: “Biểu đồ”.

Việc tạo danh mục rất dễ dàng, để làm điều này hãy nhấp vào + Tạo mới > Danh mục .

Cuối cùng, nhập tiêu đề danh mục, chọn danh mục cha (nếu đây là danh mục con) và nhấp vào Xong .

Bây giờ chúng ta hãy chuyển đến bảng mà chúng ta muốn tạo biểu đồ, chúng ta đã thêm một bảng dựa trên dân số của 5 quốc gia.

Để tạo biểu đồ, chúng ta cần chọn các ô muốn thêm vào biểu đồ và nhấp vào Biểu đồ > Tạo biểu đồ từ dữ liệu.

 Bây giờ, chúng ta sẽ xem biểu đồ được tạo bằng menu bên phải, nơi chúng ta có thể thấy các công cụ để tùy chỉnh biểu đồ.

Chúng ta sẽ sử dụng biểu đồ hình tròn cho ví dụ này.

Ở phía dưới cùng của bảng điều khiển bên phải, chúng ta có thể chọn màu cho từng trường để màu sắc phù hợp với theme mà chúng ta đang sử dụng.

Bây giờ chúng ta đã tạo/tùy chỉnh biểu đồ xong, hãy vào Bài viết > Thêm mới để tạo bài viết và thêm biểu đồ mới mà chúng ta vừa tạo.

Trên trình soạn thảo Gutenberg, hãy tìm khối “WP Table Manager Chart” và thêm nó vào bài viết.

Thao tác này sẽ mở một ô tìm kiếm, nơi bạn có thể xem tất cả các biểu đồ hiện có.

Như bạn thấy, nó sẽ hiển thị tất cả các danh mục, bảng và biểu đồ có sẵn, đó là lý do tại sao chúng ta nên sắp xếp mọi thứ theo danh mục. Bây giờ hãy nhấp vào biểu đồ mà bạn muốn thêm, trong trường hợp này là "Biểu đồ dân số".

Như bạn thấy, shortcode sẽ được tự động thêm vào, vì vậy bạn chỉ cần xuất bản nó và mọi thứ sẽ hoàn tất.

Nhưng bây giờ, nếu chúng ta muốn cập nhật dữ liệu trong biểu đồ thì sao? Chúng ta có cần tạo một biểu đồ mới không? Câu trả lời là không! Bạn chỉ cần chỉnh sửa dữ liệu trong bảng và biểu đồ sẽ tự động được cập nhật.

Trong ví dụ này, dân số của Tuvalu là 11147 người, như bạn có thể thấy trong hình ảnh, vì vậy hãy thay đổi dân số thành 20000 người và kiểm tra lại biểu đồ.

Bây giờ biểu đồ đã được cập nhật, hãy kiểm tra lại.

Và đúng vậy, điều kỳ diệu đã xảy ra, chúng ta đã tạo ra một biểu đồ động có thể dễ dàng thay đổi chỉ bằng cách thay đổi dữ liệu bên trong bảng.

Ngoài ra, bảng từ cơ sở dữ liệu trong WordPress

Ngoài ra còn có tùy chọn tạo bảng từ cơ sở dữ liệu và bảng này sẽ tự động được cập nhật khi có thay đổi trong cơ sở dữ liệu của bạn. Vì vậy, nếu bạn có thông tin được lưu trữ trong cơ sở dữ liệu và muốn tạo bảng/biểu đồ dựa trên thông tin đó, chỉ cần nhấp vào + Tạo mới > Bảng cơ sở dữ liệu

Thao tác này sẽ chuyển hướng bạn đến một trang hiển thị tất cả các bảng có trong cơ sở dữ liệu của bạn, để bạn có thể chọn bảng với các cột mong muốn, và WP Table Manager sẽ tự động tạo bảng.

Sau đó, bạn có thể chọn các cột mà bạn muốn thêm vào bảng, ví dụ, ở đây chúng ta sẽ chỉ chọn loại bình luận và email của tác giả.

Cuối cùng, chọn tiêu đề cho mỗi cột và thêm các quy tắc để tạo bảng.

Bây giờ, hãy nhấp vào Tạo bảng và bảng sẽ được tạo tự động, hãy nhớ rằng có các điều kiện mà chúng ta có thể thêm vào, ví dụ: chỉ hiển thị một biến nếu email của tác giả là “Địa chỉ email này đang được bảo vệ khỏi phần mềm gửi thư rác. Bạn cần bật JavaScript để xem địa chỉ này.”.

Chúng ta có thể thêm bao nhiêu quy tắc tùy thích, chỉ cần nhấp vào “Thêm” và một ô mới sẽ được thêm vào để thiết lập quy tắc mới.

Và giờ bạn có thể thấy việc tạo bảng từ cơ sở dữ liệu dễ dàng như thế nào.

Thiết kế mới của chúng tôi sẽ giúp mọi thứ trở nên dễ dàng hơn nữa!

Bắt đầu tạo bảng với WP Table Manager

Giờ bạn đã biết việc tạo và quản lý bảng bằng WP Table Manager , còn chờ gì nữa? Hãy truy cập vào đây và mua gói thành viên để bắt đầu phục vụ tất cả các bảng này một cách chuyên nghiệp nhất.