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

0
454

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

Gutenberg

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

Classic Editor

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ả.

Preview - chèn tables vào bài viết cho WordPress

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

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.

wpDataTables menu

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

add new table

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

Create a table linked to an existing data source .

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

Input data source type

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.

create tables - chèn tables vào bài viết cho WordPress

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

wpDataTables - chèn tables vào bài viết cho WordPress

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

Editor - chèn tables vào bài viết cho WordPress

New wpDataTable - chèn tables vào bài viết cho WordPress

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

TablePress - add new

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)

add new table

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

create table

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

Save Changes

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 /]

list table

insert table - chèn tables vào bài viết cho WordPress

Showing tables - chèn tables vào bài viết cho WordPress

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

email-business-leaderboard-blog-v3.png
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments