Cách hiển thị đoạn trích bài đăng trong chủ đề WordPress

Bạn có muốn tìm hiểu cách hiển thị đoạn trích bài đăng trong chủ đề WordPress của mình không?

Bằng cách hiển thị các đoạn trích bài đăng thay vì toàn bộ bài viết trên blog của bạn, bạn có thể giúp khách truy cập nhanh chóng tìm thấy nội dung thú vị và giảm thời gian tải trang web của bạn.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thêm đoạn trích bài đăng vào chủ đề WordPress của bạn.

Tại sao hiển thị đoạn trích bài đăng trong WordPress?

Theo mặc định, WordPress sẽ hiển thị đầy đủ các bài đăng trên trang chủ, trang blog và các trang lưu trữ trên trang web của bạn. Tuy nhiên, đây không phải là trải nghiệm tốt nhất cho những người dùng muốn duyệt nhanh qua các bài đăng khác nhau và tìm bài đăng họ muốn đọc trước.

Nó cũng có thể có nghĩa là phải cuộn nhiều, đây là một vấn đề lớn đối với người dùng điện thoại thông minh và máy tính bảng.

Khi bạn xuất bản nhiều bài đăng hơn, WordPress cũng có thể chia blog của bạn thành nhiều trang bằng cách phân trang. Khi các bài đăng cũ hơn của bạn bị đẩy sang các trang khác, chúng thường sẽ nhận được ít lượt xem hơn và ít tương tác hơn.

Vì lý do này, thay vào đó, nhiều chủ sở hữu blog hiển thị các đoạn trích bài đăng trên trang lưu trữ và chỉ mục blog của họ. Vì chỉ một phần của mỗi bài viết được tải nên điều này có thể tăng tốc độ và hiệu suất WordPress của bạn.

WordPress có hỗ trợ tích hợp cho các đoạn trích bài đăng, nhưng không phải chủ đề nào cũng sử dụng tính năng này.

Như đã nói, hãy chỉ cho bạn cách hiển thị đoạn trích bài đăng trong bất kỳ chủ đề WordPress nào.

Cách kiểm tra xem chủ đề WordPress của bạn có hỗ trợ trích đoạn bài đăng không

Hầu hết các chủ đề WordPress phổ biến đều có cài đặt cho phép bạn hiển thị đoạn trích bài đăng thay vì toàn bộ bài đăng.

Để xem chủ đề của bạn có hỗ trợ trích đoạn bài đăng hay không, hãy đi tới Giao diện » Tùy chỉnh trong bảng điều khiển WordPress.

Vị trí của các cài đặt này sẽ khác nhau tùy thuộc vào chủ đề WordPress của bạn, nhưng bạn cần tìm bất kỳ cài đặt nào có nhãn ‘Blog’.

Ví dụ: nếu bạn đang sử dụng chủ đề Astra WordPress, thì bạn cần chọn ‘Blog’ và sau đó nhấp vào ‘Blog/Archive.’

Sau đó, bạn có thể cuộn xuống phần ‘Đăng nội dung’ và nhấp vào ‘Trích đoạn’.

Nếu chủ đề của bạn có tùy chọn 'Cài đặt chủ đề' hoặc 'Đăng cài đặt chung' thì bạn cũng có thể bật trích đoạn bài đăng trong các phần này.

Khi bạn đã hoàn thành việc đó, chỉ cần nhấp vào nút 'Xuất bản'. Bây giờ, nếu bạn truy cập blog, kho lưu trữ hoặc trang chủ, bạn sẽ thấy danh sách các đoạn trích blog thay vì các bài đăng đầy đủ.

Nếu chủ đề của bạn không có hỗ trợ tích hợp cho các đoạn trích bài đăng thì bạn sẽ cần thêm nó. Chỉ cần sử dụng các liên kết nhanh bên dưới để chuyển sang phương pháp bạn muốn sử dụng:

Phương pháp 1: Thêm đoạn trích bài đăng vào WordPress bằng mã (Dễ dàng)

Nếu chủ đề WordPress của bạn không hỗ trợ trích đoạn bài đăng theo mặc định thì bạn luôn có thể thêm tính năng này theo cách thủ công.

Bạn có thể chỉnh sửa trực tiếp các tệp chủ đề WordPress của mình, nhưng thay vào đó, chúng tôi khuyên bạn nên tạo một chủ đề con. Bằng cách đó, khi cập nhật chủ đề WordPress của mình, bạn sẽ không mất những thay đổi mình đã thực hiện.

Để biết thêm chi tiết, hãy xem hướng dẫn dành cho người mới bắt đầu của chúng tôi về cách tạo chủ đề con WordPress.

Sau khi tạo chủ đề con, bạn sẽ cần tìm mẫu kiểm soát từng trang nơi bạn muốn hiển thị đoạn trích bài đăng. Đối với hầu hết các chủ đề, đây sẽ là home.php, content.php, category.php và archive.php >.

Để được trợ giúp tìm đúng tệp, hãy xem hướng dẫn dành cho người mới bắt đầu của chúng tôi về phân cấp mẫu WordPress.

Sau đó, bạn chỉ cần tìm đoạn mã sau trong mỗi tệp:

<?php the_content(); ?>

Sau đó, thay thế mã này bằng thẻ the_excerpt:

<?php the_excerpt(); ?>

Khi đã xong, hãy lưu tệp và sau đó kiểm tra trang web của bạn. Bây giờ bạn sẽ thấy các đoạn trích của bài viết nơi từng có toàn bộ bài viết.

Thay đổi độ dài đoạn trích mặc định của WordPress

Theo mặc định, WordPress sẽ hiển thị 55 từ đầu tiên của mỗi bài đăng và sau đó thêm dấu chấm lửng (…) để hiển thị rằng có nhiều nội dung hơn.

Bạn có thể thay đổi điều này để hiển thị nhiều hoặc ít từ hơn bằng cách thêm mã vào trang web WordPress của mình. Mặc dù có thể chỉnh sửa trực tiếp các tệp chủ đề nhưng việc này có thể phức tạp.

Một lỗi đơn giản cũng có thể gây ra nhiều lỗi WordPress phổ biến và thậm chí có thể làm hỏng hoàn toàn trang web của bạn.

Vì lý do đó, chúng tôi khuyên bạn nên sử dụng WPCode. Nó giúp bạn dễ dàng thêm các đoạn mã trong WordPress mà không cần phải chỉnh sửa các tệp chủ đề của mình. Bằng cách đó, bạn có thể cập nhật hoặc thay đổi chủ đề của mình mà không làm mất mã tùy chỉnh.

Trước tiên, bạn sẽ cần cài đặt và kích hoạt plugin WPCode miễn phí. Để biết thêm thông tin, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, hãy chuyển đến Đoạn mã » + Thêm đoạn mã.

Trên màn hình tiếp theo, hãy di chuột qua tùy chọn ‘Thêm mã tùy chỉnh của bạn (Đoạn mã mới)’ và nhấp vào nút ‘Sử dụng đoạn mã’ khi nó xuất hiện.

Trên màn hình tiếp theo, nhập tiêu đề cho đoạn mã. Đây chỉ là để bạn tham khảo, vì vậy bạn có thể sử dụng bất cứ điều gì bạn muốn.

Sau đó, mở menu thả xuống 'Loại mã' và chọn 'Đoạn mã PHP'.

Khi đã xong, chỉ cần dán đoạn mã sau vào trình chỉnh sửa mã:

return 100;
}
add_filter('excerpt_length', 'new_excerpt_length');

// Changing excerpt more
function new_excerpt_more($more) {
return '...';
}
add_filter('excerpt_more', 'new_excerpt_more');

Mã này thay đổi độ dài đoạn trích bài viết thành 100 ký tự. Bạn có thể thay đổi '100' thành bất kỳ số nào bạn muốn.

Sau khi dán mã, hãy chuyển nút chuyển từ 'Không hoạt động' sang 'Hoạt động' ở góc trên cùng bên phải rồi nhấp vào nút 'Lưu đoạn mã'.

Để biết thêm mẹo về cách tinh chỉnh đoạn trích bài đăng của bạn, vui lòng xem hướng dẫn của chúng tôi về cách tùy chỉnh đoạn trích WordPress không cần mã.

Phương pháp 2: Thêm đoạn trích bài đăng bằng Trình chỉnh sửa trang web đầy đủ (Chỉ chặn chủ đề)

Nếu đang sử dụng một trong những chủ đề WordPress chặn mới hơn thì bạn có thể thêm đoạn trích bài đăng bằng trình chỉnh sửa trang web đầy đủ.

Để bắt đầu, hãy đi tới Giao diện » Trình chỉnh sửa trong trang tổng quan WordPress.

Theo mặc định, trình chỉnh sửa trang đầy đủ hiển thị mẫu trang chủ của chủ đề nhưng bạn có thể thêm đoạn trích vào bất kỳ mẫu nào.

Trong menu bên trái, chỉ cần nhấp vào ‘Mẫu.’

Bây giờ bạn sẽ thấy danh sách tất cả các mẫu tạo nên chủ đề WordPress của bạn. Tùy thuộc vào chủ đề của bạn, bạn có thể muốn thêm đoạn trích vào kho lưu trữ, chỉ mục, tìm kiếm hoặc mẫu tương tự.

Chỉ cần tìm mẫu mà bạn muốn chỉnh sửa và nhấp vào mẫu đó.

WordPress bây giờ sẽ hiển thị bản xem trước của mẫu này.

Để tiếp tục và chỉnh sửa mẫu, hãy nhấp vào biểu tượng bút chì nhỏ.

Bây giờ, hãy nhấp vào biểu tượng '+'.

Trong bảng tìm kiếm xuất hiện, nhập 'Đoạn trích bài'.

Khi khối bên phải xuất hiện, hãy kéo và thả khối đó vào bố cục của bạn.

Bạn có thể lặp lại quá trình này để thêm nhiều đoạn trích bài đăng vào mẫu.

Để tinh chỉnh hình thức của đoạn trích, chỉ cần nhấp để chọn khối Đăng đoạn trích.

Trong menu bên phải, bạn có thể bắt đầu bằng cách chọn xem liên kết 'Đọc thêm' có xuất hiện trên cùng dòng với đoạn trích hay không bằng cách sử dụng nút chuyển đổi 'Hiển thị liên kết trên dòng mới'.

Khi đã xong, hãy chọn tab ‘Styles’. Tại đây, bạn có thể thay đổi màu văn bản, thêm màu nền, thay đổi kích thước phông chữ, v.v.

Khi bạn thực hiện thay đổi, bản xem trước trực tiếp sẽ tự động cập nhật nên bạn có thể thử các cài đặt khác nhau để xem cài đặt nào trông đẹp nhất.

Khi bạn hài lòng với cách thiết lập đoạn trích bài đăng, hãy nhấp vào nút ‘Lưu’ để thực hiện các thay đổi của bạn.

Bạn có muốn hiển thị đoạn trích bài viết trên nhiều trang và bài viết hơn không? Sau đó, chỉ cần lặp lại các bước trên, nhưng lần này hãy chọn mẫu mới từ menu bên trái.

Phương pháp 3: Thêm đoạn trích bài đăng vào WordPress bằng Trình tạo chủ đề (Nâng cao)

Nếu bạn muốn kiểm soát hoàn toàn giao diện của kho lưu trữ, trang blog, trang chủ và phần còn lại của trang web thì bạn có thể tạo một chủ đề tùy chỉnh.

Điều này cho phép bạn thiết kế các trang của riêng mình và hiển thị các đoạn trích ở bất kỳ đâu trên trang web của bạn.

SeedProd là plugin xây dựng chủ đề WordPress tốt nhất cho phép bạn dễ dàng tạo chủ đề WordPress tùy chỉnh mà không cần viết bất kỳ mã nào. Nó cũng có khối Bài viết được tạo sẵn mà bạn có thể kéo và thả vào bất kỳ trang nào.

Lưu ý: Có một plugin SeedProd miễn phí cho phép bạn tạo các trang chế độ bảo trì và sắp ra mắt đẹp mắt, bất kể ngân sách của bạn là bao nhiêu. Tuy nhiên, bạn sẽ cần gói SeedProd Pro hoặc Elite để mở khóa trình tạo chủ đề.

Trước tiên, bạn cần cài đặt và kích hoạt plugin SeedProd. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt, hãy truy cập trang seedProd » Cài đặt và nhập mã cấp phép của plugin. Bạn có thể tìm thấy thông tin này trong tài khoản của mình trên trang web SeedProd.

Sau khi nhập mã cấp phép, bạn đã sẵn sàng tạo chủ đề WordPress tùy chỉnh bằng trình tạo chủ đề SeedProd.

Trước tiên, bạn cần truy cập trang SeedProd » Trình tạo chủ đề.

Tại đây, bạn có thể sử dụng một trong các bộ công cụ và mẫu trang web SeedProd được tạo sẵn làm điểm bắt đầu hoặc tạo mẫu theo cách thủ công từ đầu.

Chúng tôi khuyên bạn nên bắt đầu với một chủ đề hiện có vì nó sẽ tự động tạo tất cả các tệp mẫu cần thiết và giúp bạn có một khởi đầu thuận lợi.

Như đã nói, hãy nhấp vào nút ‘Bộ mẫu chủ đề’.

Bây giờ bạn có thể chọn bất kỳ mẫu nào có sẵn.

Tất cả các chủ đề này đều có thể tùy chỉnh hoàn toàn, vì vậy bạn có thể tinh chỉnh chúng để phù hợp hoàn hảo với blog hoặc trang web WordPress của mình.

Sau khi chọn chủ đề, SeedProd sẽ tự động tạo tất cả các mẫu chủ đề bạn cần.

Bạn có thể coi đây là phiên bản nháp của chủ đề WordPress tùy chỉnh của mình.

Bây giờ bạn có thể tùy chỉnh từng mẫu bằng trình chỉnh sửa kéo và thả của SeedProd.

Vì chúng tôi muốn thêm các đoạn trích bài đăng vào trang web của mình, hãy di chuột qua mẫu ‘Chỉ mục blog, Lưu trữ, Tìm kiếm’ và nhấp vào liên kết ‘Chỉnh sửa thiết kế’ khi nó xuất hiện.

Thao tác này sẽ tải trình tạo kéo và thả SeedProd.

Ở bên phải, bạn sẽ thấy bản xem trước của mẫu. Theo mặc định, mẫu trang blog sẽ hiển thị tiêu đề, lưu trữ, tiêu đề và tất cả bài đăng của bạn.

Phía bên trái hiển thị một menu có tất cả các khối khác nhau mà bạn có thể sử dụng.

Bạn có thể thêm các khối mới bằng cách kéo chúng vào trang và sau đó sắp xếp lại chúng bằng cách kéo chúng lên và xuống bằng chuột.

Bạn có thể tùy chỉnh bất kỳ khối nào bằng cách nhấp vào nó và sau đó sử dụng cài đặt trong menu bên trái. Khi bạn thực hiện thay đổi, bản xem trước SeedProd sẽ tự động cập nhật để hiển thị những thay đổi đó đang hoạt động.

Vì chúng tôi muốn tùy chỉnh các đoạn trích của bài đăng, chỉ cần nhấp để chọn khối ‘Bài đăng’ trong bản xem trước trực tiếp.

Sau khi thực hiện việc đó, hãy chọn nội dung bạn muốn hiển thị trong khối này bằng cách sử dụng cài đặt trong menu bên trái.

Ví dụ: bạn có thể thay đổi bố cục cột, hiển thị phân trang, hiển thị hình ảnh nổi bật và thay đổi thẻ tiêu đề.

Để hiển thị đoạn trích bài đăng, chỉ cần nhấp vào nút chuyển đổi ‘Hiển thị đoạn trích’ để nó chuyển sang màu cam.

Sau khi hoàn thành việc đó, bạn có thể thay đổi số lượng ký tự SeedProd hiển thị trong đoạn trích bằng cách nhập một số mới vào 'Độ dài đoạn trích'.

SeedProd cũng có thể thêm liên kết ‘Đọc thêm’ vào mỗi đoạn trích, điều này sẽ khuyến khích người đọc mở toàn bộ bài viết.

Bạn có thể thêm hoặc xóa liên kết này bằng cách sử dụng nút chuyển đổi 'Hiển thị đọc thêm'.

Bạn cũng có thể thay thế văn bản 'Đọc thêm' bằng tin nhắn của riêng bạn bằng cách nhập vào trường 'Đọc thêm văn bản'.

Khi bạn hài lòng với cách thiết lập đoạn trích bài đăng, hãy nhấp vào nút ‘Lưu’ ở góc trên bên phải màn hình của bạn.

Giờ đây, bạn có thể tùy chỉnh các mẫu SeedProd khác bằng cách truy cập seedProd » Trình tạo chủ đề và làm theo quy trình tương tự được mô tả ở trên.

Để hiển thị đoạn trích bài đăng cho khách truy cập, trước tiên bạn cần bật chủ đề SeedProd của mình. Để thực hiện việc này, hãy truy cập seedProd » Trình tạo chủ đềrồi nhấp vào nút chuyển đổi 'Bật chủ đề SeedProd' để nó hiển thị 'Có'.

Bây giờ, nếu bạn truy cập bất kỳ trang blog nào của mình, bạn sẽ thấy các đoạn trích bài đăng trực tiếp.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách hiển thị đoạn trích bài đăng trong chủ đề WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách kiếm tiền trực tuyến bằng cách viết blog bằng WordPress và các chuyên gia của chúng tôi chọn ra các plugin và công cụ SEO WordPress tốt nhất mà bạn nên sử dụng.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.