Hướng dẫn tạo bảng chuyên nghiệp trong WordPress với plugin TablePress

Chào các bạn, mình thấy rất nhiều bạn đang lúng túng không biết tạo bảng trong WordPress. Chủ đề này rất cần cho mọi người nên mình đóng góp bài viết tạo bảng này tại NgocDenRoi.com

Bạn đang gặp khó khăn với việc tạo bảng trong WordPres? Trong bài viết này, chia sẻ với bạn một cách mà bất kỳ bạn nào cũng làm được. Đó là tạo bảng bằng plugin TablePress.

Trong tất cả những plugin tạo bảng miễn phí, TablePress là ứng cử viên sáng giá nhất.

TablePress cung cấp cho bạn khả năng tạo bạn một cách dễ dàng và chuyên nghiệp. Tuyệt vời hơn, plugin này hoàn toàn miễn phí. TablePress tích hợp khả năng tạo bảng và những hiệu ứng có sẵn rất tuyệt. Bạn có thể chèn chữ (text) và chèn nút (button)… Đặc biệt, nếu bạn biết thêm chút CSS thì mọi tuỳ biến trở nên linh hoạt và bắt mắt với bảng.

Không nói nhiều nữa, vào ngay vấn đề chính trong bài viết này.

Bước 1: Tìm và kích hoạt plugin

Bằng cách từ Dashboard >> Plugin >> Add New để bắt đầu tìm và thêm plugin mới.

huong dan tao bang trong wordpress

Tìm với từ khoá “tablepress” trong ô keyword. Bạn chọn plugin “TablePress” được đánh dấu ngay bên dưới. Tiến hành cài đặt và kích hoạt plugin.

tao bang voi plugin tablepress

Bước 2: Thêm bảng

Bằng cách từ Dashboard >> TablePress >> Add New Table để thêm một bảng mới tinh.

Lưu ý: Plugin này cho phép bạn Import và Export dữ liệu từ một bảng đã tạo. Giúp bạn giảm bớt thời gian và công sức cấu hình bảng cho những bảng tương tự nội dung.

huong dan tao bang bang plugin tablepress

Bước 3: Cấu hình bảng

Trong đó:

  • Table Name: Tên bảng. Giúp bạn phân biệt các bảng đã tạo (Phần này không hiển thị trong bảng).
  • Description (optional): Mô tả về bảng (Phần này không hiển thị trong bảng).
  • Number of Rows: Số hàng hiển thị trong bảng.
  • Number of Columns: Số cột hiển thị trong bảng.

Sau khi bạn thiết lập các thông số cần thiết, bạn click “Add Table” để thêm bảng mới.

tao bang voi plugin

Bước 4: Thêm thông tin cho bảng

Có 2 cách thêm thông tin cho bảng.

Cách 1: Click vào ô và thêm trực tiếp thông tin vào bảng.

Cách 2: Click vào “Advanced Editor” và click vào một ô bất kỳ để thêm thông tin vào bảng.

cach tao bang chuyen nghiep trong wordpress

Trong ví dụ này, mình demo bảng thông tin người nhận quà tặng Beginer Miễn Phí từ vothanhdien.com.

Gồm 5 cột và 5 hàng.

Bạn hoàn toàn có thể thêm cột hoặc hàng bất kỳ từ bước này mà không cần phải tạo bảng và thay số hàng, số cột như lúc ban đầu.

huong dan tao bang

Trước khi lưu, bạn click “Preview” để xem trước bảng vừa tạo. Nếu đã ưng ý thì sang phần bên dưới.

huong dan cach tao bang

Xong xuôi hết, bạn tiến hành lưu bảng bằng cách click vào “Save Changes”.

tao bang chuyen nghiep tren wordpress

Bước 5: Thêm bảng vào trong bài viết.

Bạn để ý trong phần “Table Information”, copy shortcode “[table id=2 /]”.

them bang vao bai viet tren wordpress

Tạo một bài post mới. Sau đó paste shortcode đã copy bên trên vào trong bài viết, nơi mà bạn muốn hiển thị bảng.

Publish bài viết và thưởng thức thành quả đạt được.

them bang vao bai viet

Đây là thành quả đạt được sau khi đã làm quần quật 😀 Đùa vậy thôi, chỉ qua vài bước đơn giản, bất kỳ bạn nào cũng làm được phải không nào. Với những hiệu ứng được cung cấp sẵn, bạn hoàn toàn tạo được bảng chuyển nghiệp và khoa học. Nếu bạn không đòi hỏi cao về bảng thì như vậy bạn đã tạo được bảng thành công.

tao bang chuyen nghiep

Bước 6: Tuỳ biến bảng bằng CSS

Như đã đề cập bên trên, nếu bạn có chút kiến thức về CSS, việc tuỳ biến bảng trong TablPress hoàn toàn đơn giản.

Bạn truy cập vào https://tablepress.org/faq/

Để biết thêm về tuỳ biến css trong plugin này.

Click “Styling, Layout, and CSS”, trong này hướng dẫn cụ thể những tuỳ biến CSS với từng cột và hàng.

Hơn nữa, truy cập vào https://www.w3schools.com/ để biết code CSS về text và border…

Từ “Table Options” click vào “Custom CSS” để tuỳ biến CSS trong bảng.

tao bang bang css

Đây là code CSS mà mình dùng để tuỳ biến bảng cho sinh động hơn. Bạn hoàn toàn có thể tuỳ biến theo cách của riêng bạn.

tuy bien bang trong wordpress bang css

Đây là thành quả đã tuỳ biến với hàng và cột.

tao bangg voi plugin tabepress

Tất nhiên rồi, bạn hoàn toàn có thể tuỳ biến CSS text với một ô bất kỳ để làm sinh động và nổi bật thông tin cần nhấn mạnh trong đoạn text.

Đây là thành quả tuỳ biến CSS text trong một ô bất kỳ trong bảng.

tao bang tren wordpres voi plugin tablepress

Thật đơn giản phải không nào. Mình chắc chắn rằng, dù bạn không biết tý tẹo nào về CSS, qua bài viết bạn cũng tuỳ biến được bảng theo ý thích.

Lời kết

Tóm lại, bạn đang cần một giản pháp tối ưu và chuyên nghiệp cho việc tạo bảng nên chọn plugin TablePress. Với TablePres cho phép bạn tạo bảng nhanh chóng và ngoài ra còn cho phép blogger tuỳ biến CSS mạnh mẽ. Đặc biệt, plugin hoàn toàn miễn phí.

Theo mình, plugin này rất đáng để dùng. Còn chần chừ gì nữa mà không thử ngay.

Hy vọng, qua bài viết giúp giải đáp vấn đề tạo bảng trong WordPress.

Như thường lệ, nếu bạn có bất kỳ câu hỏi nào thì đừng ngần ngại comment bên dưới để được hỗ trợ nhanh nhất có thể.

Bài viết được đóng góp bởi Võ Thanh Điền. Người sáng lập và biên tập chính tại vothanhdien.com. Là giáo viên. Thích nghề sư phạm và đam mê Affiliate Marketing, viết Blog.

Tham gia vào cộng đồng 5000+ blogger chuyên nghiệp!

Đăng ký thành công! Vui lòng kiểm tra email để xác nhận tham gia!

Xảy ra lỗi! Vui lòng thử lại!

22 Comments

Bình luận của bạn

Bí mật giúp bạn xây dựng cỗ máy ATM tại nhà!

ebook mien phi

Đăng ký thành công! Vui lòng kiểm tra email để xác nhận và tải về eBook!

Xảy ra lỗi! Vui lòng thử lại!