Hướng dẫn thêm bảng trong WordPress cho người mới

Việc sử dụng bảng để hiển thị thông tin là một cách hiệu quả để so sánh, phân loại dữ liệu. Bên cạnh đó nó còn làm cho việc tiếp cận độc giả của bạn trở nên dễ dàng hơn. Các bảng có thể giúp cho việc so sánh các sản phẩm, dịch vụ hoặc đưa ra các số liệu thống kê quan trọng với bố cục rõ ràng, dễ hiểu. Nhưng nếu bạn là người mới thì làm thế nào để có thể thêm các bảng một cách chuyên nghiệp vào WordPress?

Nếu bạn có kiến thức về lập trình thì việc này không có gì là to tát cả. Tuy nhiên nếu bạn là người mới thì tốt nhất nên sử dụng phương án dùng plugin để chèn bảng. Và plugin tôi muốn giới thiệu đến bạn trong bài viết này có tên là TablePress. Đây là một plugin phổ biến (với hơn 600,000 lượt cài đặt tính đến hiện tại) giúp bạn có thể tạo bảng đẹp trong WordPress. Chúng ta cùng tìm hiểu các tính năng của nó và sau đó từng bước chèn bảng vào trang web của bạn.

Sau khi đọc xong bài viết này bạn sẽ có thể dễ dàng sử dụng plugin TablePress thêm bảng vào WordPress một cách chuyên nghiệp.

Tổng quan về plugin TablePress

TalbePress

TablePress là một plugin miễn phí cho phép bạn thêm bảng một cách dễ dàng trong WordPress mà không cần phải biết về code. Thay vào đó, bạn sẽ sử dụng một giao diện người dùng tương tự như trên Excel để tạo và quản lý các bảng.

Trước khi đi vào tìm hiểu cách làm thế nào để thêm bảng trong WordPress, chúng ta hãy cùng xem qua các tính năng chính  đã giúp cho TablePress trở nên nổi bật hơn các đối thủ khác trong việc chèn bảng vào website. Dưới đây là một số tính năng nổi bật khác của plugin TablePress:

  • Giao diện trực quan với tính năng kéo thả.
  • Sử dụng shortcode để nhúng bảng vào bất kỳ bài viết, trang.
  • Dễ dàng chỉnh sửa các bảng mà không cần chỉnh sửa code.
  • Thêm các tính năng như sắp xếp và lọc dữ liệu để phục vụ cho nhu cầu của độc giả.
  • Trích xuất và nhập các định dạng từ các tập tin Excel, CSV, HTML và JSON.
  • Có khả năng mở rộng các tính năng bổ sung từ chính tác giả Tobias Bäthge.

Cài đặt plugin TablePress

Vì là một plugin miễn phí nên bạn có thể dễ dàng tìm thấy TablePress trên kho plugin chính chủ của WordPress. Để thiết lập, sử dụng trước tiên bạn phải cài đặt và kích hoạt nó. Nếu bạn là người mới chưa biết cách cài đặt và kích hoạt plugin hãy đọc bài viết này để biết cách cài đặt, kích hoạt và quản lý plugin trong WordPress.

Sau khi bạn đã cài đặt và kích hoạt, bạn sẽ nhìn thấy một menu mới có tên là TablePress ở thanh bên của WordPress Dashboard.

TablePress menu

Thêm một bảng mới

Để thêm một bảng mới trong WordPress, bạn nhấp vào liên kết TablePress » Add New Table. Một cửa sổ sẽ hiện ra giống như hình bên dưới.

Add table to WordPress

Tất cả những việc bạn cần làm là:

  • Đặt tên cho bảng mới
  • Mô tả nội dung của bảng mới (Không bắt buộc).
  • Nhập số hàng, số cột của bảng

Sau đó nhấp vào nút Add Table ở phía bên dưới góc trái của màn hình.

Chỉnh sửa bảng mới

Trang Edit Table cung cấp cho bạn các tùy chỉnh để chỉnh sửa nội dung và cấu trúc của bảng mới. Bao gồm các tùy chọn chèn văn bản, hình ảnh hoặc liên kết cũng như xóa, ẩn cột và hàng.

Dưới đây là cách bạn có thể sử dụng chỉnh sửa để tùy chỉnh cho bảng mới của mình:

Thêm nội dung cho bảng

Lăn chuột xuống phần Table Content. Tại đây bạn có thể thêm các nội dung bằng cách nhập trực tiếp vào bảng.

Table Content

Bạn cũng có thể dễ dàng sắp xếp lại bảng bằng cách kéo thả các cột và hàng.

Chèn hình ảnh

Nếu bạn muốn chèn hình ảnh vào bảng của mình, lăn chuột đến mục Table Manipulation:

  • Nhấp vào nút Insert Image
  • Sau đó nhấp trực tiếp vào nơi bạn muốn chèn hình ảnh.

Insert Image to TablePress

Thư viện hình ảnh trên website của bạn sẽ hiện ra. Bạn duyệt và tìm hình ảnh mà mình muốn chèn hoặc tải lên hình ảnh mới. Sau đó nhấp vào nút Insert into Table.

add media to table

Để xem thử hình ảnh hiển thị trong bảng như thế nào hãy nhấp vào nút Preview ở phía trên của trang.

Chèn liên kết

Bạn cũng có thể chèn liên kết vào bảng của mình. Để làm điều đó, nhấp vào nút Insert Link trong phần Table Manipulation. Sau đó nhấp vào vị trí mà bạn muốn chèn liên kết.

Một cửa sổ nhỏ sẽ xuất hiện. Tại đây bạn có thể dùng giao diện WordPress để cấu hình cho liên kết của mình.

insert link to table

Cuối cùng nhấp vào nút Add Link. Giờ bạn đã chèn liên kết vào bảng của mình

Chỉnh sửa cấu trúc của bảng

TablePress cho phép bạn dễ dàng chỉnh sửa cấu trúc của bảng. Trong phần Table Manipulation bạn sẽ nhìn thấy rất nhiều tùy chọn cho phép bạn gộp ô, ẩn hoặc thêm hàng cũng như nhân bản, chèn và xóa các hàng.

Để sửa đổi bảng, bạn chỉ cần nhấp vào hàng mà mình muốn thay đổi. Sau đó chọn các tác vụ thích hợp. Ví dụ bên dưới tôi chọn Hide Selected Rows để ẩn đi hàng đã chọn.

Sau khi đã hoàn tất và hài lòng với các chỉnh sửa của mình, bạn nhấp vào nút Save Changes ở phía bên dưới để lưu lại.

Chỉnh sửa lại bảng

Nếu bạn muốn chỉnh sửa lại các bảng mà mình đã tạo, nhấp vào liên kết TablePress » All Tables.

Giờ bạn có thể chọn bảng mà mình muốn chỉnh sửa và chỉnh sửa như bước trên.

Chèn bảng vào trang hoặc bài viết

Sau khi bạn đã tạo các bảng, việc còn lại là chèn nó vào trang hoặc bài viết trên trang web WordPress của mình.

Để chèn bảng vào bài viết/trang, mở bài viết/trang đã có hoặc tạo mới bài viết/trang mà bạn muốn hiển thị bảng. Sau đó nhấp vào biểu tượng TablePress trên thanh công cụ của trình soạn thảo.

insert table shortcode in post

Chọn bảng bạn muốn chèn vào bài viết/trang. Sau đó nhấp vào nút Insert Shortcode để chèn.

insert a talbe from tablepress

Lúc này bạn sẽ nhìn thấy shortcode của bảng đã được chèn vào nội dung của bài viết/trang.

Nhấp vào nút Preview để xem trước, nếu bạn thấy hài lòng hãy lưu lại.

Trích nhập bảng

Nếu bạn đã có sẵn bảng được tạo từ Excel hay Google Sheet, bạn có thể trích nhập nó vào plugin TablePress.

Để nhập một bảng bạn nhấp vào liên kết TablePress » Import a Table. Tại trang này, bạn chọn nguồn để nhập.

import table in tablepress

Sau khi nhấp vào nút Import, bạn sẽ được chuyển đến trang chỉnh sửa giống như lúc bạn tạo mới bảng.

Khi chỉnh sửa xong, bạn sao chép mã shortcode đã được gán cho bản để chèn vào bài viết/trang.

Trích xuất bảng

Như đã được đề cập ở trên, plugin TablePress tích hợp tính năng trích xuất các bảng của bạn. Việc trích xuất này rất đơn giản.

Bạn nhấp vào liên kết TablePress  Export a Table. Tại đây bạn có thể chọn bảng mà mình muốn trích xuất cũng như định dạng của nó (CSV, HTML, hoặc JSON). Nếu bạn chọn định dạng trích xuất là CSV như mặc định, bạn có thể chọn dấu phân cách cho CSV là dấu phảy (,), hoặc dấu chấm phẩy (;) hay bộ lập bảng (/t).

export table in tablepress1

Sau khi bạn đã chọn các bảng cần trích xuất, định dạng tập tin, định dạng phân cách cũng như nén các bảng hãy nhấp vào nút Download Export File để tải tập tin đã được trích xuất.

Plugin Options

Trang Plugin Options có rất ít các tùy chọn. Plugin TablePress nó có giao diện dễ dùng, tích hợp tính năng trích xuất dữ liệu tiện lợi nhưng tính năng tùy biến tích hợp theo rất hạn chế (Mặc dù có thể mở rộng bằng các add-on).

Như bạn có thể nhìn thấy ở hình bên dưới

tablepress plugin option

Để thực hiện các tùy chỉnh về định dạng kiểu cho bảng, bạn cần nhập mã CSS vào khung văn bảng Custom CSS. Nếu bạn không biết về CSS cũng đừng quá lo lắng vì tác giả đã có những hướng dẫn về cách viết các mã CSS cơ bản. Chẳng hạn như thay đổi màu nền, làm nổi bật các ô nào đó…

Các ví dụ về tùy chỉnh CSS trong Plugin Options

Định dạng kiểu, bố cục và CSS

Để thêm mã CSS bạn nhấp vào liên kết TablePress » Plugin Options. Tại đây bạn nhập mã CSS vào. Chúng sẽ ghi đè lên định dạng kiểu mặc định mà không cần phải chỉnh sửa trực tiếp. Tùy chọn này có điểm mạnh là nó sẽ không gây nguy hiểm cho các tập tin của bạn nhưng nhược điểm là nó sẽ mất khi có bản cập nhập mới.

Thay đổi màu nền của một hàng nào đó

Đôi khi bạn muốn thay đổi màu nền cho một hàng nào đó để làm cho nó nổi bật hơn. Bạn có thể sử dụng mã CSS để làm điều đó và mã CSS có dạng như sau:

.tablepress-id-N .row-X td {
background-color: #ff0000;
}

Trong đó N là id của bảng, X là hàng muốn đổi màu nền, #ff0000 là giá trị của màu nền.

Bạn chỉ cần nhập đoạn mã trên vào trường Custom CSS trên trang Plugin Option.

Thay đổi màu nền cho hàng đầu của bảng

Bạn có thể thay đổi màu nền cho hàng đầu của bảng bằng cách sử dụng mã CSS (Chỉ cần thêm mã CSS vào Custome CSS trong “Plugin Option”)

.tablepress thead th,
.tablepress tfoot th {
background-color: #ff0000;
}

Thay đổi font chữ, cỡ chữ và màu chữ

Bạn có thể thay đổi font chữ, cỡ chữ và màu chữ cho bảng của mình bằng cách sử dụng mã CSS sau:

 .tablepress-id-N tbody td {
font-family: Tahoma;
font-size: 14px;
color: #ff0000;
}

Bạn thay N bằng số id của bảng. Thuộc tính font-family là font chữ, font-size là cỡ chữ, color là màu chữ.

Ở trên là các ví dụ điển hình về định dạng kiểu. Bạn có thể tìm hiểu thêm các định dạng kiểu khác cho bảng của mình tại đây.

Lời kết

Không còn nghi ngờ gì nữa, plugin TablePress là một trong những plugin tạo bảng chuyên nghiệp và thân thiện nhất hiện nay. Nó có những tính năng tuyệt vời nhưng cũng có một số hạn chế. Sau một thời gian tìm hiểu và trải nghiệm, dưới đây là một số ưu, khuyết điểm của plugin TablePress theo đánh giá của cá nhân tôi.

Ưu điểm

  • Hiển thị bảng lên trang web rất đẹp
  • Giao diện đơn giản, dễ dùng và thân thiện với người mới
  • Trích xuất và nhập nhiều định dạng: CSV, HTML, JSON, và Excel
  • Có thể tạo nhiều loại bảng theo các loại dữ liệu khác nhau.
  • Các bảng có thể được phân trang theo số hàng được quy định.
  • Có nhiều plugin mở rộng tính năng cho nó một cách miễn phí.
  • Có thể áp dụng công thức tính toán như trong Excel

Nhược điểm

  • Tùy chỉnh định dạng kiểu được tích hợp khá hạn chế.
  • Mất nhiều thời gian để sử dụng trình chỉnh sửa nâng cao.

Tôi hy vọng rằng sau khi đọc xong bài viết này bạn sẽ có thể hiểu rõ hơn về cách sử dụng tất cả các tính năng mà TablePress cung cấp để tạo bảng đẹp trong WordPress. Nếu bạn có bất kỳ thắc mắc nào hãy để lại bình luận bên dưới. Ngoài ra nếu bạn có nhiều kinh nghiệm trong việc sử dụng các plugin để tạo bảng trong WordPress hãy chia sẽ cùng tôi.

Nếu bạn thấy bài viết hữu ích đừng quên Like và Share!

Hẹn gặp lại bạn trong các bài viết tiếp theo.

Đăng ký nhận bài viết mới nhất

Hãy đăng ký nhận tin để nhận được những nội dung thú vị và tuyệt vời!

Để lại bình luận

Plugins Themes Thủ thuật
Hướng dẫn tạo mục lục cho bài viết trong wordpress
Hướng dẫn tạo mục lục cho bài viết trong WordPress
Brute Force Attack là gì cách bảo vệ website của bạn trước các cuộc tấn công brute force attack
Hướng dẫn bảo vệ website của bạn khỏi Brute Force Attack
Hướng dẫn thêm xác thực hai yếu tố miễn phí cho WordPress
Keyword Research SEO Offpage SEO Onpage
Từ khoá và website của bạn
Xây dựng Website chuẩn SEO
Xây dựng Website chuẩn SEO
Hướng dẫn chi tiết WordPress SEO
Hướng dẫn chi tiết WordPress SEO cho người mới
Ajax Bootstrap HTML/CSS JavaScript Joomla jQuery PHP/MySQL
Cách đặt tên miền
Tên miền là gì? Cách chọn tên miền cho blog WordPress
Thay đổi tên miền cho website wordpress
Hướng dẫn thay đổi tên miền cho website WordPress
Sự khác nhau giữa tên miền và Web Hosting
Sự khác nhau giữa tên miền và Web Hosting
Amazon Nichesite Google Adsense Product Lauch Social Marketing Viết Blog Youtube Partner
Thêm Google Adsense vào trang web WordPress
Hướng dẫn thêm Google Adsense vào trang web WordPress
Hướng dẫn đăng ký tài khoảnClickbank khi bị chặn ở Việt Nam
Hướng dẫn đăng ký tài khoản Clickbank khi bị chặn tại Việt Nam
Kiếm tiền từ blog WordPress
Kiếm tiền từ blog WordPress như thế nào?