Xu Hướng 2/2024 # Hướng Dẫn Tạo Bảng Chuyên Nghiệp Trong WordPress Với Plugin Tablepress # Top 11 Xem Nhiều

Bạn đang xem bài viết Hướng Dẫn Tạo Bảng Chuyên Nghiệp Trong WordPress Với Plugin Tablepress được cập nhật mới nhất tháng 2 năm 2024 trên website Rafs.edu.vn. Hy vọng những thông tin mà chúng tôi đã chia sẻ là hữu ích với bạn. Nếu nội dung hay, ý nghĩa bạn hãy chia sẻ với bạn bè của mình và luôn theo dõi, ủng hộ chúng tôi để cập nhật những thông tin mới nhất.

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

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.

Có ích cho bạn: Hướng dẫn cài đặt plugin cho WordPress với 3 cách!

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

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.

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.

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

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

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.

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

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.

Đâ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.

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.

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

Đâ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.

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

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.

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.

Có ích cho bạn: Hướng dẫn bạn tạo bảng giá trong WordPress với plugin Easy Pricing Tables.

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.

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 chúng tôi Là giáo viên. Thích nghề sư phạm và đam mê Affiliate Marketing, viết Blog.

0

0

votes

Đánh giá bài viết

Share

Telegram

Email

1

Shares

Hướng Dẫn Tạo Bảng Trong WordPress 1 Cách Chuyên Nghiệp

Bạn ghé qua một Blog nào đó có sử dụng bảng để thống kê hay đánh giá sản phẩm trông rất chuyên nghiệp và tự hỏi họ dùng plugin nào để tạo bảng trong WordPress?.

Hiện nay, rất nhiều plugin có chức năng tạo bảng trong WordPress nhưng theo mình đánh giá thì plugin TablePress là một plugin có chức năng tạo bảng chuyên nghiệp, cụ thể là tính đến thời điểm này số lượng người đánh giá lên tới hơn 3 nghìn và hơn 700.000 website đang activate sử dụng. Bài viết này mình sẽ hướng dẫn chi tiết cho các bạn để có một bảng thống kê chuyên nghiệp.

Tạo bảng trong WordPress với plugin TablePress Tổng quan plugin TablePress

Bạn có thể dễ dàng tạo và quản lý các bảng một cách đơn giản.

Sử dụng Shortcode (tương tự shortcode của Contact form 7) để nhúng bảng vào bài viết hoặc một trang bất kỳ.

Bạn có thể chèn công thức, hình ảnh vào trong bảng cũng như tạo một bảng giá trong đó.

Bổ sung các tính năng như sắp xếp, phân trang, lọc và nhiều tính năng khác cho khách truy cập Blog của bạn.

Các bảng có thể được Import và Export sang nhiều định dạng như: Excel, CSV, HTML và JSON,…

Cấu hình plugin TablePress

Đầu tiên, bạn cần phải tiến hành cài đặt và kích hoạt plugin TablePress.

Sau khi kích hoạt plugin bạn sẽ thấy một menu có tên TablePress trong Dashboard như hình dưới

Trong đó:

All Tables: liệt tất cả các bảng đã được tạo ra bao gồm Id bảng, tên bảng (Table Name), miêu tả bảng (description), tác giả, ngày tạo bảng.

Add New Table: tạo một bảng thống kê mới.

Import a Table: nhập bảng từ các định dạng dữ liệu như: Excel, CSV, HTML và JSON.

Exprot a Table: xuất dữ liệu bảng ra các định dạng: Excel, CSV, HTML và JSON.

Plugin Options: tùy chọn nâng cao của plugin.

About TablePress: giới thiệu về plugin TablePress.

Khi mới cài plugin thì trong mục All Tables sẽ không có dữ liệu do mình chưa có bảng mới nào được tạo ra. Do đó, mình sẽ hướng dẫn tạo một bảng mới bằng cách kích vào Add New Table. Giao diện hiện ra như hình

Trong đó:

Table Name: tên bảng cần tạo

Description: miêu tả bảng cần tạo

Number of Rows: số lượng dòng cần tạo (bạn có thể chỉnh sửa thêm, bớt sau này nên số lượng này chỉ cần tương đối)

Number of Columns: số lượng cột cần tạo (bạn có thể chỉnh sửa thêm, bớt sau này nên số lượng này chỉ cần tương đối)

Sau khi khai báo xong các thông số trên bạn nhấn Add Table sau đó được chuyển sang trang khai báo chi tiết hoặc chỉnh sửa các thông tin trong bảng bao gồm các Tab:

Table Information: bạn có thể sửa đổi tên bảng, mô tả bảng, Id bảng (cần kiểm tra các Id bảng khác tránh trường hợp bị ghi đè các Id bảng đã tạo)

Table Content: nhập các giá trị cần thiết

Table Manipulation: chỉnh sửa việc thêm, bớt, ẩn, xóa, chèn ảnh, chèn link…hàng, cột trong bảng

Table Options: tùy chọn hiển thị của bảng

Features of the DataTables JavaScript library: tùy chỉnh cấu hình cho người dùng

Freview & Save changes: xem trước bảng vừa tạo để chỉnh sửa cho phù hợp sau đó lưu lại

Other Actions: tùy chọn việc sao chép, nhập và xóa dữ liệu bảng

Mục Table Content: Đây là nơi bạn cần nhập các giá trị hay thông số vào trong bảng. Tuy nhiên, nếu bạn biết thêm về code thì có thể tùy biến thay đổi kích thước chữ, độ đậm nhạt hoặc thay đổi màu sắc cho font chữ như ví dụ hình dưới.

Mục Table Manipulation: Bạn có thể tùy chỉnh việc thêm, xóa, gộp ô, ẩn, chèn link, chèn ảnh vào bên trong hàng, cột hoặc có thể chèn mã giảm giá coupon thông qua Advanced Editor.

Trường hợp bạn muốn thêm 1 hàng vào giữa 2 hàng khác (vd: bạn có dòng 1,2,3,4 và muốn chèn 1 hàng vào giữa hàng 2 và hàng 3) thì bạn có thể vào insert trong select rows hoặc add một hàng đó. Nếu nó chưa đúng vị trí bạn có thể kéo thả hàng mới đó vào giữa hàng 2 và hàng 3.

Mục Table Options: Bạn chỉ cần quan tâm tới Table Head Row: Trường hợp bảng thống kê của bạn khá dài thì bạn có thể để dấu tích theo mặc định, người đọc có thể dễ dàng tùy biến hiển thị số hàng trong một trang, sort dữ liệu có trong bảng hoặc có thể dùng chức năng tìm kiếm nhanh một giá trị có trong bảng.

Để làm được điều đó bạn kéo xuống dưới tìm đến mục Features of the DataTables JavaScript library để có thể tùy biến các giá trị.

Ngược lại, bảng thông kê không quá dài bạn nên tắt nó đi để bảng trông đẹp hơn và tất cả các mục tùy biến trong Features of the DataTables JavaScript library sẽ bị mờ đi. Kết quả là trông bảng sẽ đẹp hơn.

Tùy chỉnh nâng cao plugin TablePress

Nếu bạn chưa biết gì về CSS thì có thể vào trang hướng dẫn viết mã CSS cơ bản của tác giả thông qua FAQ. Tuy nhiên, mình cũng hướng dẫn cụ thể cho các bạn để tạo bảng trong WordPress cho Blog mình.

Thay đổi độ rộng của bảng:

.tablepress { width: auto; }

Trong đó: giá trị ” width: auto;” bạn có thể đặt auto để bảng có thể hiển thị tốt trên mọi loại thiết bị hoặc bất kỳ kích thước nào đó chẳng hạn ” width: 720px; “.

Lưu ý: giá trị độ rộng bảng ” width: auto; “là thông số chung cho tất cả các bảng của bạn.

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

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

Trong đó: bạn cần thay đổi giá trị màu trong background-color tùy ý. Ví dụ mình sử dụng mã màu “background-color: greenyellow;” (mình đặt giá trị là ” greenyellow ” còn bạn có thể thay bằng một mã hex bất kỳ như “#01c1a8” chẳng hạn).

Kết quả: Thay đổi màu nền của một hàng bất kỳ:

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

Trong đó: N là Id của bảng cần thay đổi, X là hàng cần thay đổi màu nền, giá trị “#9bcd04 ” là mã màu tùy chọn của bạn.

Lưu ý: Khi bạn có nhiều bảng mà mỗi bảng bạn lại muốn tạo một màu nền cho hàng đầu tiên hoặc bất kỳ hàng nào đó mà không làm ảnh hưởng tới bất kỳ màu nền của một bảng khác ( mình khuyên bạn nên chọn phương pháp này). Bạn phải tắt tùy chọn mặc định trong ” Table Head Row ” thì thay đổi mới được thực hiện.

Trong ví dụ này mình chọn cho N=1 (Id bảng 1), X=1 (hàng đầu tiên của bảng), background-color: #9bcd04;.

Kết quả: Thay đổi font chữ, cỡ chữ và màu chữ:

.tablepress-id-N tbody td { font-family: Arial; font-size: 14px; color: #1515b5; }

Trong đó: N là Id của bảng, font-family: font chữ cần thay đổi, font-size: cỡ chữ bạn tùy chỉnh, color: màu chữ bạn tùy chỉnh

Lưu ý: Bạn có thể tùy chỉnh thay đổi font chữ, cỡ chữ, màu chữ cho bất kỳ bảng nào mà không ảnh hưởng tới giá trị bảng khác

Tuy nhiên trong kết quả bên dưới do màu chữ không thay đổi là do mình đã cấu hình màu chữ trong từng cell của ” Table Content ” nên kết quả có khác so với mã CSS này còn các giá trị như font chữ, kích thước chữ đã thay đổi. Kết quả như hình:

Tạo thêm dòng kẻ phân cách giữa các hàng, cột:

Việc tạo thêm dòng kẻ phân cách giữa các hàng, cột nhìn sẽ chuyên nghiệp hơn rất nhiều so với các ví dụ bên trên mà bất cứ bảng nào bạn tạo ra sẽ cần đến.

.tablepress-id-2 .column-1 { border-style: solid; border-width: 1px; border-color: gray; } .tablepress-id-2 .column-2 { border-style: solid; border-width: 1px; border-color: gray; } .tablepress-id-2 .column-3 { border-style: solid; border-width: 1px; border-color: gray; } .tablepress-id-2 .column-4 { border-style: solid; border-width: 1px; border-color: gray; }

Trong đó: N là Id của bảng, column-1 là giá trị cột thứ nhất (bạn có bao nhiêu cột thì cần thêm bấy nhiêu mã). Như ví dụ trên mình có 4 cột thì mình phải thêm 4 mã như hình trên

Kết quả trông rất đẹp như hình dưới:

Lưu ý: Plugin TablePress cũng có nhược điểm là nếu bạn sử dụng mã tùy chỉnh CSS thì khi tạo thêm mới một bảng nào đó bạn cần phải cấu hình mã CSS cho từng bảng đó. Do vậy với việc bạn sử dụng rất nhiều bảng thì danh sách mã CSS sẽ tăng theo số lượng bảng có trong Blog của bạn.

Lời kết: Vậy là bạn có thể tự tạo bảng trong WordPress cho Blog của mình rồi. Thật đơn giản phải không nào?. Hy vọng bạn có thể tùy biến bảng thống kê theo cách riêng của mình.

Cách Tạo Bảng Trong WordPress

Website chúng tôi có bài Cách tạo bảng trong WordPress – Giao diện viết bài của WordPress đã rất mạnh mẽ. Nó giúp bạn tạo ra nội dung đẹp mà không cần bất kỳ kỹ năng viết code nào hết. Tuy nhiên có một số vấn đề mà editor này không thể làm được. Một trong số chúng tạo tạo bảng trong WordPress. Bài này sẽ hướng dẫn bạn tạo bảng trong WordPress bằng TablePress

Giao diện viết bài của WordPress đã cực mạnh mẽ. Nó giúp bạn tạo nên nội dung đẹp mà không cần bất kỳ nghiệp vụ viết code nào hết. Tuy nhiên có một số vấn đề mà editor này sẽ không thể làm được. Một trong số chúng tạo tạo bảng trong WordPress.

Đôi khi bạn cần một bảng để trình bày dữ liệu của bạn. Bạn cũng có thể có thể tự viết code tạo bảng bằng HTML và CSS, nhưng đây không cần là chọn lựa tối ưu vì nó sẽ tạo nên table WordPress không đẹp lắm.

May mắn là có nhiều plugin tạo bảng trong WordPress cũng đều có thể nhanh chóng tạo table đẹp và nhiều chức năng. Bài này sẽ đi sâu vào một trong những các plugin tạo bảng trong WordPress phổ biến nhất, TablePress. Ngoài ra chúng tôi còn giới thiệu vài cách khác để bạn chọn lựa trong quá trình tạo table WordPress

Tạo bảng trong WordPress với TablePress

TablePress là một plugin WordPress cực kỳ phổ biến. Nó hiện có hơn 500,000 lượt tải và vẫn đang ở mức 5 sao! Và đều vì nguyên nhân tốt cả, một plugin có mức đánh giá cao như vậy cực khó gì có được.

Chúng tôi sẽ lý giải vì sao bạn nên sử dụng TablePress và các bước để bạn cũng có thể create table WordPress độc đáo cho riêng mình.

TablePress được lập trình rất tốt, có hướng dẫn cụ thể và những tính năng hùng mạnh giúp nó trở thành một plugin tạo bảng WordPress tốt nhất. Bạn cũng đều có thể đơn giản tạo, quản lý, và chỉnh sửa bản, mà không cần kiến thức về HTML. Một vài tính năng hùng cường khác là:

Import features. Với TablePress, bạn cũng đều có thể đơn giản tạo bảng trong WordPress từ số 0, nhưng cũng cũng đều có thể import vào bằng file CSV, Excel, HTML và JSON file. Nếu bạn đã có dữ liệu sẵn từ trước, tính năng này sẽ đơn giản hóa quá trình tạo bảng, giúp bạn tiết kiệm thời gian khỏi phải nhập dữ liệu tuần tự vào.

Export features. Sau khi tạo bảng trong WordPress xong và muốn lưu giữ hoặc chuyển dữ liệu bảng đi, TablePress cũng hỗ trợ export bảng sang file CSV, HTML, và JSON. Việc cũng đều có thể di chuyển dữ liệu dễ dàng là điều rất quan trọng vì đến một khi nào đó, có thể bạn cần migrate site.

Formula support. Nếu bạn đang cần tạo bảng như trong Excel, vậy bạn cũng cũng có thể có thể làm vậy với TablePress. Plugin này bổ trợ công thức tính toán, vì vậy bạn không phải tự tính ở ngoài, bạn chỉ cần nhập số liệu vào để bảng cũng đều có thể tự tính được.

Extensions. Cuối cùng, có nhiều add-ons của plugin này để tăng tính năng của nó lên nhiều hơn nữa. Những extension này sẽ thêm các tính năng như tạo responsive table, filter table, chuyển table thành PDF, sắp xếp dòng, và nhiều hơn nữa. Hầu hết các plugin đều miễn phí, có một số premium plugin thì cần cống hiến trước khi download.

Ưu điểm và nhược điểm của TablePress

TablePress là một trong các các plugin tạo bảng trong WordPress tốt nhất trên thị trường. Chúng tôi sẽ đánh giá một số ưu điểm và nhược điểm của nó bên dưới:

Hỗ trợ import và export dữ liệu

Bạn có thể thêm thanh tìm kiếm người dùng trong bất kỳ bảng nào

Bạn có thể phân trang cho bất kỳ table nào

Bạn cũng có thể tạo form mau chóng

Mẫu bảng ban đầu đã rất đẹp, không cần chỉnh sửa cấp cao gì thêm

Có nhiều extension miễn phí hỗ trợ tăng tính năng cho plugin này

Bảng bạn tạo bằng plugin sẽ không repsonsive ngay, tuy nhiên, bạn có thể dùng extension để giúp bảng này trở thành bảng responsive

Styling biểu mẫu của bạn cũng có thể có thể khó khăn nếu bạn không biết làm, và không biết phương pháp sử dụng CSS

Biên tập viên có thể hơi ngỡ ngàng khi dùng ban đầu. Tuy nhiên, sau khi bạn tạo được vài mẫu, bạn sẽ quen cách dùng nó

Create Table WordPress bằng TablePress

Cách trước mắt để tạo table WordPress là cài đặt plugin TablePress plugin. Để cài plugin, chuyển tới mục Plugins › Add New từ WordPress dashboard. Tìm TablePress , cài đặt và kích hoạt plugin đó.

Sau đó chuyển tới TablePress menu ở thanh sidebar bên trái

Để create table mới, bạn chỉ cần nhấn nút Add New . Nó sẽ mở ra trang mới để bạn có thể đặt tên bảng, ghi mô tả, và định số dòng số cột.

Sau khi hoàn tất, nhấn nút Add Table .

Bạn có thể điền tin tức vào bảng của bạn bây giờ. Nhập tin tức tương tự như khi bạn dùng Excel

Ở cuối trang, bạn sẽ được chọn lựa styling để trang điểm cho bảng. Bạn cũng đều có thể thử thay đổi CSS class, nhân đôi dòng, cột, và quản lý việc sắp xếp theo thứ tự, thêm ảnh và link, vâng vâng.

Ki bạn đã điền xong, và tùy chỉnh xong, chỉ cần nhấn nút Save Changes, nó sẽ tạo nên shortcode để bạn thêm vô trang hoặc bài viết.

Nếu muốn xem bảng như làm sao trước lúc xuất bản, chỉ cần nhấn nút Preview . Bạn sẽ không thấy styling vì chúng lệ thuộc vào theme hiện hành của bạn.

Bạn có 2 lựa chọn để thêm bảng WordPress vào post của page của bạn là:

Bất kỳ bao giờ bạn tạo bảng hoặc trang web bạn chỉ cần nhấn nút Insert a Table from TablePress, chọn bảng để thêm vô trang.

Nếu bạn đã có bảng rồi, từ nguồn khác, như là Excel, bạn có thể nhập trực tiếp data vào TablePress.

Để import bảng, bạn di chuyển tới TablePress › Import a Table .

Tại đây bạn cũng có thể chọn địa thế và loại dữ liệu bạn muốn import (qua URL, upload, file trên server, hoặc từ copy/paste). Bạn cũng có thể có thể tạo bảng mới với data của bạn, thay thế dữ liệu từ trong một bảng cũ hoặc thêm dữ liệu vào trong 1 bảng cũ..

Sau khi chọn đúng cái mình muốn thì nhấn nút Import .

Sau lúc nhập dữ liệu vào, bạn giờ đã cũng có thể có thể chỉnh sửa theo ý bạn. Khác biệt là giờ bạn đã thấy bảng đã có sẵn data rồi. Bạn chỉ cần chỉnh sao cho phù hợp cách hiển thị bạn mong muốn nữa là xong.

Cách thêm bảng vào site của bạn cũng như như bước trước. Có thể copy paste shortcode vào post hoặc page, hoặc dùng nút thêm bảng trên thanh toolbar.

Plugin có sẵn công cụ để bạn export bảng WordPress. Bạn chỉ cần di chuyển vào mục TablePress › Export a Table .

Bạn có thể chọn định dạng bạn muốn export, có thể là CSV, HTML, JSON. Nếu bạn chọn CSV, bạn phải chỉ định loại dấu cách nào cho file CSV.

Sau đó, nhấn Download the Export File , vậy là bạn đã có file export table trên máy

Tab cuối cùng giúp bạn cấu hình sâu hơn nữa cho table WordPress. Như bạn thấy, các chọn lựa được tích hợp vào sẵn cũng có thể có thể hơi bị giới hạn. Tuy nhiên, bạn cũng có thể có thể thêm extension qua add-ons.

Để tùy chỉnh thực sự bạn cần thêm vô custom CSS code vào trong ô ở trên. Nếu bạn không biết cách dùng CSS, hãy đọc qua bài chỉ dẫn này, bạn sẽ được thể viết CSS cho plugin sau đó.

Một vài plugin tạo bảng trong WordPress khác

Ngoài TablePress, có nhiều lựa chọn miễn phí và trả phí khác cho plugin tạo bảng. Bên dưới là 5 plugin ưa thích của chúng tôi.

Ultimate Tables là plugin dễ dùng và trực quan. Đặc biệt là lúc bạn chỉ cần tạo một bảng dễ dàng và nhỏ, chẳng càng phải nhập vào một bộ dữ liệu quá lớn.

Trang tạo bảng cũng tương đối dễ dùng. Chỉ cần chọn kích thước của table và bắt đầu nhập dữ liệu vào. Sau khi hoàn tất, bạn có thể copy shortcode vào trang và post để xem lại bảng, không cần thiết tùy chọn preview.

Có một số skins được đính kèm để cấu hình giao diện của bảng, ngoài ra thì không có cách khác. Nó là một bảng không responsive, vì vậy nó sẽ không tự điều chỉnh theo kích thước lớn nhỏ của màn hình.

wpDataTables là một plugin premium, vì vậy nó có nhiều tính năng rất đáng giá. Nó có khả năng để import dữ liệu lớn lớn.

Tuy nhiên, bạn phải đã có dữ liệu từ xưa khi dùng plugin này, bạn chẳng thể tạo bảng trực tiếp trong editor của nó.

Lựa chọn thiết kế giao diện thì nhiều vô kể, và nếu bạn không cần front-end editor, thì plugin đây là dành riêng cho bạn.

JTRT Responsive Tables là một plugin độc đáo hơn để tạo bảng. Nó giúp bạn tạo một bảng HTML5 mà chẳng cần kiến thức về HTML và CSS.

WP Table Manager giúp bạn tạo nên một bảng tính kiểu Excel hoàn chỉnh trong backend của WordPress dashboard của bạn. Nếu bạn đã từng sử dụng Excel để tính toán thì sẽ không gặp bất kỳ khó khăn nào khi sử dụng plugin này.

Nó có 6 themes khác nhau có thể giúp bạn tạo ra một bản độc đáo, để bạn tạo mọi thứ từ con số 9.

Nó là plugin trả phí, tuy vậy rất đáng giá nếu bạn yêu mến Excel, và muốn plugin có thể dục tác y như Excel để tạo bảng và nhúng bảng đó vào nội dung của bạn.

League Table là premium plugin dạng website thể thao. Tuy nhiên bạn có thể tận dụng nó để tạo bất kỳ loại bảng nào.

Nó dễ sử dụng và hoạt động như là Excel. Bạn đặt số dòng và số cột, đặt tên bảng, rồi điền tin tức vào ô. Bạn cũng đều có thể tùy chỉnh các thứ như là sắc màu hoặc logo.

Bạn cũng có thể có thể đặt cấu hình responsive và cách hiển thị cho bảng.

Tuy nhiên, bảng này sẽ không có độ năng import và export, vì thế bạn cần tạo bảng trực tiếp trong plugin.

Từ khóa bài viết:

Bài viết Cách tạo bảng trong WordPress được tổng hợp sưu tầm và biên tập bởi nhiều user – Sửa máy tính PCI – TopVn Mọi ý kiến đóng góp và phản hồi vui lòng gửi Liên Hệ cho chúng tôi để điều chỉnh. Xin cảm ơn.

Top 10 Plugin Tạo Bảng Trong WordPress 2024

Bạn đã bao giờ bạn phải sử dụng ứng dụng excel chưa? Tôi cá là rồi đây là một ứng dụng văn phòng cần thiết đối với bất kỳ ai, và trong bài viết wordpress cũng vậy đôi khi chúng ta cũng cần phải tạo bảng, việc tạo bảng sẽ giúp nội dung bài viết của bạn chuyên nghiệp hơn.

Không những thế khi tạo bảng bạn cũng giúp người đọc của mình đọc hiểu so sánh các dữ liệu tốt hơn và chắc chắn là bạn không thể tự tạo bảng được vì thế mà bài viết này tôi sẽ chia sẻ với các bạn những plugin tạo bảng trong wordpress tốt nhất.

Pluign này hỗ trợ khá nhiều chức năng giúp bạn tùy biến nhập xuất các bảng hoàn toàn dễ dàng chỉ trong vài cú nhấp chuột, bạn có thể tạo table trong bài viết wordpress, tạo bảng so sánh sản phẩm khi làm affiliate makerting online, hay thập chí là bảng thống kê danh sách sản phẩm, tất cả đều sử dụng một cách nhanh chóng.

Để cài đặt plugin TablePress bạn chỉ cần truy cập vào liên kết sau và tải nó về máy.

2. Pricing Table by Supsystic

Pricing Table by Supsystic một plugin tạo bảng thân thiện với người dùng, tính năng nổi bật plugin cho phép bạn chèn một bảng chứa các nội dung bạn biên soạn vào bài viết, các trang hoặc bất kỳ nơi nào trên wordpress. Vì thế mà việc tạo bảng đẹp trong wordpress là vô cùng đơn giản ngay cả khi bạn không biết gì về code.

Chức năng chính của Pricing Table by Supsystic

Cài đặt và sử dụng Pricing Table by Supsystic ngay nào.

3. Pricing Tables WordPress Plugin

Tạo bảng thân thiện với tất cả thiết bị

Trình kéo và thả ngay trong giao diện quản trị

Tạo bảng giá cột không giới hạn số lượng

Hỗ trợ nhiều loại công cụ chuyên dụng

Nút, văn bản, phong cách CSS cho bất kỳ lưới giá nào

Hỗ trợ hình ảnh cột, video và biểu tượng

Tiêu đề tùy chỉnh, danh sách tính năng và kiểu dáng nút

Ví dụ cho bảng giá trong phần quan trị

Bảng so sánh, nhập khẩu, xuất khẩu dữ liệu.

Pricing Tables WordPress Plugin – Easy Pricing Tables Plugin giúp bạn dễ dàng tạo và xuất bản các bảng giá và bảng so sánh đẹp trên trang WordPress của mình. Bạn sẽ có thể thiết lập và xuất bản bảng giá của bạn trong thời gian thực ngay trong phần quản lý của admin.

Chức năng chính của Pricing Table by Supsystic

Download Pricing Tables WordPress Plugin – Easy Pricing Tables miễn phí.

4. Data Tables Generator by Supsystic

Data Stables Generator là một plugin mới được tạo ra bởi Supsystic, cho phép bạn xử lý và quản lý các bảng dữ liệu thân thiện với SEO một cách nhanh chóng và dễ dàng. Plugin có thể cài đặt cấu trúc thông tin và điều chỉnh cho mọi nhu cầu. Nhiều cách để tuỳ chỉnh trực quan và chức năng của các bảng được cải tiến thiết kế nó phù hợp với từng cá nhân hoặc công việc khác nhau. Tìm kiếm, đặt hàng và phân trang là những chức năng giúp mọi người tìm thấy thông tin cần thiết trong giây lát. Bảng cài đặt trực quan cho người dùng chỉnh sửa tiết kiệm thời gian.

Bảng báo giá tuân theo quy chế WordPress

Giao diện Người dùng trực quan, xây dựng bảng giá không bao giờ dễ dàng hơn

Tối ưu hóa tỷ lệ chuyển đổi tích hợp sẵn thực tiễn tốt nhất

Tạo bảng giá không giới hạn

Tùy chỉnh thiết kế bảng giá của bạn Font-size, Color Pickers và Round Borders.

Sử dụng kéo và thả để sắp xếp lại bảng giá cột trong WordPress

Tạo bảng nổi bật bảng giá dễ dàng nhất của bạn

Tùy chỉnh CSS, thêm CSS tùy chỉnh vào Bảng giá

Chức năng chính của Data Tables Generator by Supsystic

Cài đặt và sử dụng Data Tables Generator by Supsystic.

Không yêu cầu mã hoá

Chỉnh sửa bảng và xem trước

Xuất dữ liệu sang CSV, Excel, PDF

Sơ đồ biểu đồ và đồ thị

Hỗ trợ HTML cho các dữ liệu wordpress

Bật tiêu đề bảng và chân trang

Hỗ trợ kiểu chữ “Bold” và “Italic” cho các ô của bảng dữ liệu

Thay đổi màu sắc của các ô và phông chữ

Điều hướng với chức năng tìm kiếm và đặt hàng

Thiết lập phong cách khác nhau được sử dụng cho bất kỳ loại trang web nào

Thân thiện với SEO nội dung của DataTable được thu thập bởi các công cụ tìm kiếm

Xây dựng sơ đồ từ bảng dữ liệu

Tích hợp Google Charts

Tự động nhập từ Google trang tính

Ví dụ về bảng dữ liệu

Với plugin Ultimate Tables bạn có thể tạo và quản lý rất dễ dàng các bảng của bạn từ quản trị wordpress. Bạn có thể chèn bảng vào các trang của bạn, bài viết hoặc trong tiện ích của bảng khác nhau.

Chức năng chính của Data Tables Generator by Supsystic

Cài đặt và sử dụng ultimate tables phiên bản mới nhất.

Bạn có thể tạo các bảng khác nhau.

Quản lý các bảng thay đổi số hàng và cột, sắp xếp lại và xóa.

Bạn có thể nhập văn bản hoặc mã html bên trong các ô.

Chọn từ 3 kiểu dáng hoặc tùy chỉnh.

Tích hợp hộp tìm kiếm trên dữ liệu bảng.

Thông tin về số hàng và mặt hàng.

Phân trang với các tùy chọn trước.

Cấu hình chiều dài và chiều rộng.

Quản lý văn bản trong dữ liệu bảng.

Có thẻ chèn bảng vào bất kỳ nơi nào với các mã shortcode.

Plugin được cập nhật liên tục.

Hướng Dẫn Tạo Blog Với WordPress

Lời mở đầu:

Tôi là người dốt computer vì đã lớn tuổi, không có điều kiện để học “tử tế” từ đầu, nghĩa là “mất căn bản”. Những gì tôi biết là tôi tự tìm tòi, quá lắm thì hỏi “đệ tử”.

Làm 1 blog với wordpres cũng vậy. Tôi đọc tiếng Việt ở cộng đồng WordPress Việt Nam, muốn đâu cái điền ( điên cái đầu) vì bọn trẻ viết cho người khá giỏi computer chứ không phải cho người ngu như tôi.

Ráng dụ dỗ mình cứ đọc đi, đến bài 5 sẽ vỡ cái ngu của bài 1, thì tôi cũng qua cầu đoạn trường! Sau đó, tôi mò mẫm và tự làm. Cuối cùng blog hoàn thành. Mỗi ngày tôi mỗi tự tìm thêm những cái mới ( tôi hay nói là Mò) qua Help ( khi đã hiểu sơ sơ thì xem hay đọc Help rất hữu ích.).

Đến nay, tôi có thể tạo một blog với wordpress khá nhanh.

Vài vị đọc bài ” Dốt computer và học computer ” đã mail hỏi tôi cách làm blog với wordpress.

Dựa trên kinh nghiệm bản thân, viết lại cho cao niên, như tôi, nghĩa là những người không được học về database, về HTML…Tóm lại, chỉ nhắm mắt làm mà thôi, tôi viết loạt bài hướng dẫn này. Vị nào giỏi rồi, làm ơn đi chỗ khác chơi nghe. Tôi viết “chùa” là để giúp cao niên dốt như tôi mà thôi.

Tất nhiên tôi cũng không viết bài hướng dẫn tạo blog với wordpress dành cho cao niên quá i tờ rít. Cao niên, chớ cũng phải biết những cái tối thiểu về window, winword, lướt net, sử dụng mail thành thạo.

Quan trọng: hình chụp minh hoạ cho bài viết, tôi dùng Fire Fox. Ai muốn học, yêu cầu dùng giống tôi. Dùng browser khác, thấy khác rồi la làng là không thấy thì coi chừng bị ăn hèo! Tui “ghét” mấy vị cao niên hay la lên là sao tui hong giống bà?! Làm sao mà giống được? Ông cao niên …thì già, xấu, còn tui là bà cao niên, nhưng chưa già lắm, chưa xấu lắm!! Đùa thôi, tại mấy ông dùng Internet Explorer hay Google Chrome thì có khi nó hiện ra hong giống cái của tui ( Fire Fox)

Sau nữa, bài quan trọng nhất là 1 và 1 bis. Tui cũng “ghét” mấy ông cao niên … hay nhảy cóc, cứ muốn post bài ngay ( cho thiên hạ lé mắt văn như Siêu Quát, thơ như Bạch của mấy ông) nên không làm từng bước gì cả…

Lời khuyên: đọc sơ 13 bài. Để hiểu tổng quát, khái niệm. Gọi là bài chứ mỗi bài ngắn ngủn. Rồi đọc kỹ bài 1, 1 bis và thực tập đúng từng step. Nên in ra để coi cho đỡ mỏi mắt vì sẽ dùng đi dùng lại. Nên có 2 máy: 1 máy để làm, 1 máy chỉ để refresh trang blog của mình để xem nó thay đổi thế nào mỗi khi mình làm xong một điều gì mới.

Trong khi thực tập, trục trặc,thắc mắc thì mail cho tôi [email protected]. Nhưng tôi sẽ không trả lời nếu đã vội vã không chịu đọc hết một lượt mà đã đòi làm đó nghe.

Cách Tạo Website WordPress Đa Ngôn Ngữ Với Plugin Weglot Translate

WordPress multilingual không được hỗ trợ nguyên bản tại lõi WordPress, chỉ plugin mới giúp bạn đến đó (trừ khi bạn chọn tùy chọn nhiều trang). Tuy nhiên plugin hiện có chịu sự thiết lập, sử dụng phức tạp, vấn đề tương thích với giao diện cùng plugin khác, làm chậm website, không có đề xuất nội dung. Đó là lý do tại sao Weglot dịch được xây dựng, phát triển, nhằm mục đích kết hợp đa ngôn ngữ đơn giản.

Tại sao chọn plugin Weglot Translate?

Thiết lập / sử dụng dễ dàng, đơn giản: bạn không cần kỹ năng kỹ thuật hoặc thao tác tệp nguồn

Giải pháp linh hoạt, nhẹ nhàng: không cần tạo kiến ​​trúc kỹ thuật hoặc lưu trữ nội dung mới, mọi thứ đều được lưu trữ, phục vụ bởi Weglot

Tối ưu hóa SEO: nguồn sạch mã với thư mục con chuyên dụng được tạo tự động (/ en / fr / nl, v.v.) sẽ giúp Google thu thập thông tin chính xác, đồng thời theo dõi thẻ SEO ở mọi ngôn ngữ

Nhà cung cấp nội dung, chọn giữa 3 nguồn: (i) dịch máy (cung cấp bởi mặc định lúc đăng ký); (ii) con người (người dùng hoặc thành viên nhóm); (iii) dịch giả chuyên nghiệp (cung cấp dịch vụ chuyên nghiệp)

Vậy giờ, làm cách nào để thêm ngôn ngữ mới, dịch nội dung bên tôi lên website WordPress bên tôi? Ở hướng dẫn này, giả sử bạn có website WordPress.

Bước 1: cài đặt Weglot Translate

Đăng nhập vào Bảng điều khiển quản trị WordPress WordPress bên bạn.

Từ trên cùng bên phải, tìm kiếm Weglot Transerlate ,,.

Nhấp chuột vào Install Now, như hình.

Sau khi cài đặt, nhấp vào kích hoạt “Active Plugin”

Điều hướng đến Weglot tại menu điều hướng bên trái.

Tuy nhiên, để chạy Weglot Translate trên website WordPress bên bạn, bạn phải tạo ột tài khoản trên website bên Weglot để lấy khóa API.

Bước 3: lấy khóa API

Để nhận khóa API từ Weglot, hãy nhấp vào liên kết tại cấu hình hoặc mở trình duyệt bên bạn rồi truy cập https://weglot.com/.

Nhấp vào trên “Sign Up ” vào từ góc trên bên phải hoặc trên “Start now”ngay bây giờ, ở giữa.

Quay trở lại Bảng điều khiển quản trị WordPress WordPress bên bạn.

Điều hướng đến Dịch vụ Weglot trên thanh bên trái rồi khóa Dán API.

Website bên bạn hiện có sẵn bằng ngôn ngữ đã chọn bạn nhấp vào nút trình chuyển đổi trên đó.

Quay trở lại Bảng điều khiển quản trị WordPress WordPress bên bạn.

Điều hướng đến Dịch vụ Weglot ở thanh bên trái rồi nhấp vào Chỉnh sửa bản dịch.

Nó sẽ mở bảng điều khiển bản dịch Weglot bên bạn ở Tab mới.

Hiển thị nội dung bên bạn bằng ngôn ngữ gốc ở bên trái cùng nội dung được dịch ở bên phải

Bạn chỉnh sửa bản dịch, nhập vào trường rồi thay đổi nó

Thay đổi được tự động lưu lại nếu bạn thoát khỏi trường rồi hiển thị trên website bên bạn

Để tìm nội dung, cụm từ hoặc từ cụ thể, bạn điều hướng qua trang bên mình trên menu bên trái

Bạn cũng tìm kiếm được cụm từ hoặc từ cụ thể bằng thanh tìm kiếm

Quay trở lại với Bảng điều khiển quản trị WordPress WordPress bên bạn.

Điều hướng đến Feglot Weglot trên thanh bên trái.

Cuộn xuống từ từ, bạn sẽ thấy tùy chỉnh nút chuyển đổi bên mình.

Thay đổi theo nhu cầu bên bạn.

Hoàn thành!

Cập nhật thông tin chi tiết về Hướng Dẫn Tạo Bảng Chuyên Nghiệp Trong WordPress Với Plugin Tablepress trên website Rafs.edu.vn. Hy vọng nội dung bài viết sẽ đáp ứng được nhu cầu của bạn, chúng tôi sẽ thường xuyên cập nhật mới nội dung để bạn nhận được thông tin nhanh chóng và chính xác nhất. Chúc bạn một ngày tốt lành!