Cách thêm nội dung theo thẻ trong bài đăng và trang WordPress

Thêm nội dung theo thẻ trong các bài đăng và trang WordPress

Bạn có muốn chia các bài đăng của mình thành các tab để tiết kiệm dung lượng và giúp người dùng dễ dàng tìm thấy những gì họ đang tìm kiếm không?

Thêm nội dung theo thẻ giúp bạn thêm thông tin về sản phẩm và dịch vụ của mình. Nó cũng cho phép người dùng tìm tất cả các chi tiết ở một nơi duy nhất thay vì đi đến một trang khác.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thêm nội dung theo thẻ vào các bài đăng và trang WordPress.

Thêm nội dung theo thẻ trong các bài đăng và trang WordPress

Khi nào bạn nên sử dụng nội dung theo thẻ trong WordPress?

Sử dụng các tab cho phép bạn thêm nhiều chi tiết hơn trong một khoảng không gian nhỏ hoặc chia nhỏ các khối nội dung lớn để có trải nghiệm người dùng và tổ chức tốt hơn.

Giả sử bạn có một cửa hàng trực tuyến . Bạn có thể thêm các tab để mô tả sản phẩm, đánh giá, thông số kỹ thuật, v.v. Sự tách biệt này giúp cung cấp tất cả thông tin chi tiết cho khách hàng của bạn ở một nơi và làm cho trang có tính tương tác.

Tương tự, bạn có thể xem nội dung theo thẻ trên các trang plugin WordPress.org . Trang được chia thành các phần khác nhau bằng cách sử dụng các tab như thông tin chi tiết, đánh giá, cài đặt, hỗ trợ và phát triển.

Xem trước nội dung theo thẻ

Nội dung được gắn thẻ giúp giữ chân mọi người trên trang web WordPress của bạn . Bạn không cần phải đưa mọi người đến một trang khác để có được tất cả các chi tiết họ cần về sản phẩm và dịch vụ của bạn.

Điều đó nói rằng, hãy xem cách bạn có thể thêm nội dung theo thẻ vào các trang và bài đăng WordPress.

Dưới đây là 2 phương pháp chúng tôi sẽ sử dụng để thực hiện việc này:

  • Thêm nội dung theo thẻ bằng cách sử dụng trình tạo trang đích
  • Thêm nội dung theo thẻ bằng plugin WordPress

Phương pháp 1: Thêm nội dung theo thẻ bằng Trình tạo trang đích

Cách tốt nhất để thêm nội dung theo thẻ trong WordPress là sử dụng SeedProd . Đó là trang đích và trình tạo trang web WordPress tốt nhất. SeedProd thân thiện với người mới bắt đầu và đi kèm với trình tạo kéo và thả, các mẫu tạo sẵn và nhiều tùy chọn tùy chỉnh.

Đối với hướng dẫn này, chúng tôi sẽ sử dụng giấy phép SeedProd Pro vì nó bao gồm các khối nâng cao để thêm nội dung theo thẻ. Ngoài ra còn có phiên bản SeedProd Lite mà bạn có thể sử dụng miễn phí.

Trước tiên, bạn cần cài đặt và kích hoạt plugin SeedProd. Nếu bạn cần trợ giúp, vui lòng xem hướng dẫn của chúng tôi về cách cài đặt plugin WordPress .

Sau khi kích hoạt, bạn sẽ được chuyển hướng đến màn hình chào mừng SeedProd trong bảng điều khiển WordPress của mình. Hãy tiếp tục và nhập khóa cấp phép của bạn, bạn có thể tìm thấy khóa này trong khu vực tài khoản SeedProd của mình.

Mã bản quyền SeedProd

Tiếp theo, bạn có thể truy cập SeedProd » Landing Pages từ bảng quản trị WordPress của mình.

Sau đó, chỉ cần nhấp vào nút ‘Tạo Trang đích Mới’.

Thêm một trang đích SeedProd mới

Từ đây, SeedProd sẽ hiển thị cho bạn nhiều mẫu trang đích để lựa chọn.

Hãy tiếp tục và chọn một mẫu mà bạn muốn sử dụng. Chỉ cần di chuột qua mẫu và nhấp vào biểu tượng dấu tích màu cam.

Chọn một mẫu trang đích

Bây giờ, một cửa sổ bật lên sẽ mở ra nơi bạn cần nhập tiêu đề cho trang của mình vào trường ‘Tên trang’ và sên liên kết cố định trong ‘URL trang’.

Sau đó, chỉ cần nhấp vào nút ‘Lưu và Bắt đầu Chỉnh sửa Trang’.

Nhập tên cho trang của bạn

Thao tác này sẽ khởi chạy trình tạo kéo và thả SeedProd. Giờ đây, bạn có thể thêm các khối khác nhau vào mẫu của mình và chỉnh sửa các phần tử hiện có.

Để thêm nội dung theo thẻ, chỉ cần kéo khối ‘Tab’ bên dưới phần Nâng cao và thả nó vào mẫu trang.

Thêm khối tab vào mẫu

Tiếp theo, bạn có thể tùy chỉnh khối tab trong SeedProd.

Chẳng hạn, bạn có thể nhấp vào nút ‘Thêm mục mới’ để thêm bao nhiêu tab tùy thích. Ngoài ra, còn có các tùy chọn để chỉnh sửa kích thước phông chữ, khoảng cách giữa các văn bản và căn chỉnh cho nội dung trong mỗi tab.

Thêm các mục mới vào khối tab

Tiếp theo, bạn có thể nhấp vào bất kỳ tab nào để chỉnh sửa thêm và thêm chi tiết.

Chẳng hạn, bạn có thể thay đổi tiêu đề cho từng tab, thêm nội dung và thay đổi biểu tượng tab.

Thêm nội dung và thay đổi nhãn tab

Bên cạnh đó, SeedProd cũng cung cấp các tùy chọn tùy chỉnh nâng cao.

Chỉ cần nhấp vào tab ‘Nâng cao’ trong menu bên trái của bạn. Tại đây, bạn có thể thay đổi bố cục tab, kiểu chữ, màu sắc, màu nền , đường viền, v.v.

Chỉnh sửa cài đặt nâng cao cho khối tab

Khi bạn đã thực hiện các thay đổi đối với khối tab và tùy chỉnh trang đích của mình, đừng quên nhấp vào nút ‘Lưu’ màu lục ở trên cùng.

Sau đó, bạn có thể chuyển đến tab ‘Cài đặt trang’.

Xuất bản trang nội dung theo thẻ của bạn

Tiếp theo, bạn có thể nhấp vào nút chuyển đổi ‘Trạng thái Trang’ và thay đổi trạng thái từ Bản nháp sang Xuất bản.

Bạn có thể nhấp vào nút ‘Lưu’ để lưu các thay đổi của mình và đóng trình tạo trang.

Bây giờ, chỉ cần truy cập trang web của bạn để xem trang WordPress nội dung được gắn thẻ đang hoạt động.

Bản xem trước trang đích nội dung được gắn thẻ

Phương pháp 2: Thêm nội dung theo thẻ bằng plugin WordPress

Nếu bạn không muốn sử dụng trình tạo trang đích thì bạn có thể sử dụng plugin WordPress chuyên dụng để thêm nội dung theo thẻ vào bài đăng và trang của mình.

Trước tiên, bạn cần cài đặt và kích hoạt plugin Tabs Responsive

Sau khi kích hoạt, bạn có thể truy cập Tabs Responsive »Add New Tabs từ bảng điều khiển WordPress của bạn và bắt đầu bằng cách nhập tên cho các tab của bạn.

Nhập tên cho tab của bạn

Tiếp theo, bạn có thể cuộn xuống để thêm bao nhiêu tab tùy thích bằng cách nhấp vào nút ‘Thêm tab mới’ màu đỏ.

Ngoài ra, bạn có thể chỉnh sửa từng tab riêng lẻ bằng cách thay đổi tiêu đề, thêm mô tả, sử dụng biểu tượng tab khác và chỉnh sửa vị trí biểu tượng.

Chỉnh sửa cài đặt tab và thêm chi tiết

Bên cạnh đó, plugin cũng cung cấp ‘Cài đặt tab’ khác nhau trong menu bên phải của bạn.

Chẳng hạn, bạn có thể chọn có hiển thị tiêu đề tab hay không, chọn các tùy chọn khác nhau cho tiêu đề và biểu tượng, thay đổi vị trí biểu tượng, hiển thị đường viền tab, chọn màu văn bản , v.v.

Chỉnh sửa cài đặt tab và thêm chi tiết

Khi bạn đã thực hiện các thay đổi, giờ đây bạn có thể sử dụng các tab trong bất kỳ bài đăng blog hoặc trang nào bằng cách sử dụng mã ngắn do plugin tạo.

Chỉ cần nhấp vào nút ‘Xuất bản’.

Xuất bản các tab của bạn

Tiếp theo, bạn có thể thêm các tab trên bất kỳ trang hoặc bài đăng nào bằng [TABS_R id=130]mã ngắn. Chỉ cần đảm bảo thay thế số ID trong mã ngắn bằng số ID tab của bạn.

Bạn có thể dễ dàng tìm thấy ID tab và mã ngắn bằng cách đi tới Tab Responsive » Tất cả các tab và sao chép mã bên dưới cột Tab Shortcode.

Tìm số ID cho nội dung được gắn thẻ

Tiếp theo, bạn chỉ cần thêm một bài đăng mới hoặc chỉnh sửa một bài đăng hiện có.

Khi bạn đang ở trong trình chỉnh sửa nội dung, hãy tiếp tục và thêm một khối mã ngắn để nhập mã ngắn.

Thêm một khối mã ngắn

Sau đó, bạn có thể xem trước bài đăng trên blog hoặc trang của mình. Nếu mọi thứ đều ổn, bạn có thể nhấp vào nút ‘Xuất bản’ hoặc ‘Cập nhật’ để lưu các tab trong bài đăng của mình.

Bây giờ, hãy truy cập trang web của bạn để xem nội dung được gắn thẻ đang hoạt động.

Bản xem trước plugin nội dung theo thẻ

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm nội dung theo thẻ vào các bài đăng và trang WordPress. Bạn cũng có thể xem hướng dẫn của chúng tôi về WooC Commerce được thực hiện đơn giản và cách chọn phần mềm thiết kế web tốt nhất .

Theo dõi
Thông báo của
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
xem truyen kệ sắt v lỗ code learn