Cách chèn tables vào bài viết cho WordPress

Bạn đang muốn chèn Tables vào bài viết cho wordpress ? Tuỳ chọn tạo Tables mặc định của Wordpress không đáp ứng được nhu cầu của bạn.

Bạn đang muốn chèn Tables vào bài viết cho wordpress ? Tuỳ chọn tạo Tables mặc định của WordPress không đáp ứng được nhu cầu của bạn. May mắn thay, có rất nhiều cách để bạn có thể nhanh chóng chèn tables đẹp vào bài viết cho WordPress.

Trong bài viết giúp này chúng ta sẽ cùng tìm hiểu cách chèn Tables vào bài viết cho WordPress.

Làm cách nào để chèn tables vào bài viết cho WordPress ?

1. Chèn tables vào bài viết cho WordPress theo cách thủ công (Sử dụng HTML/CSS)

Lợi ích của việc sử dụng HTML/CSS để tạo tables là yếu tố tốc độ tải trang. Do Google xác nhận tốc độ tải trang là một yếu tố xếp hạng tìm kiếm nên bạn có thể tránh ảnh hưởng đến tốc độ trang web bằng cách tạo và chèn Tables bằng mã HTML / CSS.

Trong Trình soạn thảo văn bản của wordpress hãy chuyển sang chế độ text, và nó sẽ cho phép bạn chèn mã HTML/CSS

– Đối với trình soạn thảo Gutenberg bạn có thể chuyển sang chế độ Code Editor theo ảnh dưới đây

– Với Classic Editor các bạn chỉ cần chỉ cần chuyển sang tab Text

Dưới đây là đoạn mã mẫu để thêm bảng vào nội dung WordPress của bạn.

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

Các bạn chỉ cần chèn vào khung soạn thảo và click vào nút Preview để xem thử kết quả.

Tuy nhiên nhược điểm của cách làm này chính là nó yêu cầu bạn phải  có kiến thức về HTML cũng như CSS để có thể tuỳ chỉnh Tables theo đúng mong muốn của mình. Nếu bạn không quá rành về HTML/CSS thì cũng đừng quá lo lắng vì chúng ta có thể sử dụng các plugins để tạo Tables theo ý muốn.

2. Sử dụng plugin chèn tables vào bài viết cho WordPress

Có khá nhiều plugins để tạo bảng cho WordPress. Tuy nhiên, theo chúng tôi có hai plugin tốt nhất bao gồm wpDataTables và TablePress. Các plugin này cung cấp nhiều tính năng để chèn tables vào bài viết cho WordPress.

Việc đầu tiên cần phải làm là chúng ta cần cài đặt plugins và kích hoạt nó. Nếu chưa biết cách bạn có thể xem hướng dẫn cài đặt plugins cho wordpress của chúng tôi.

a. WPDataTables

Sau khi bạn cài đặt và kích hoạt plugin, nhấp vào menu wpDataTables tại bảng điều khiển bên trái.

Tại trang tiếp theo để tạo bảng bạn hãy bấm vào Add New

Sẽ có rất nhiều tuỳ chọn để bạn chọn, tuy nhiên đối với phiên bản miễn phí bạn sẽ chỉ có thể sử dụng tuỳ chọn đầu tiên

Tuỳ chọn này sẽ cho phép bạn tạo Table từ file Excel, CSV, Google Spreadsheet, MySQL query, XML, JSON, serialized PHP array

Sau khi đã chọp kiểu file trong mục Input data source type bạn sẽ cần chọn tiếp Input file path or URL để upload file có chứa nội dung Tables bạn muốn tạo và bấm vào Apply. Ngay sau khi bạn bấm Apply plugins sẽ tạo ra một Tables từ nội dung file CSV bạn đã upload lên.

Quay trở lại trang chính của Menu bạn sẽ thấy Tables đã được tạo và bạn có thể sử dụng Short Code được cung cấp để chèn vào bài viết

Sử dụng Shortcode được cung cấp và chèn vào bài viết bạn muốn tạo Tables

Trên đây chỉ là một số hướng dẫn cơ bản về Plugins này, để tìm hiểu thêm, bạn có thể xem hướng dẫn wpDataTables để biết thêm thông tin về cách tạo bảng bằng plugin wpDataTables WordPress.

b. TablePress

TablePress là một trong những plugin tốt nhất để chèn bảng vào bài viết cho WordPress. Sau khi đã cài đặt và kích hoạt Plugins hãy truy cập menu TablePress -> Add new để bắt đầu tạo bảng

Tại đây bạn có thể tuỳ chỉnh Tên bảng (Table Name), mô tả bảng (Description), số dòng (Number of Rows), số cột (Number of Columns)

Sau khi đã cấu hình xong bạn bấm Add Table và tiếp tục cấu hình bảng theo ý muốn

Sau khi đã thiết lập xong đừng quên kéo xuống cuối trang và bấm Save Changes để lưu cài đặt

Sau đó hay quay lại trang danh sách Table để lấy ID bảng chèn vào bài viết. Cấu trúc shortcode chèn vào bài viết sẽ có dạng như sau:

[table “ltIDgt” not found /]

Kết luận

Hi vọng qua bài viết này sẽ giúp bạn có thêm nhiều lựa chọn để chèn tables vào bài viết cho WordPress theo đúng ý muốn của mình. Nếu có bất kỳ ý kiến đóng góp nào bạn có thể để lại bình luận ở bên dưới. Ngoài ra bạn cũng có thể muốn đọc thêm các chia sẻ về wordpress khác của chúng tôi tai đây