Làm cách nào để xem tất cả các bài đăng trong WordPress?

Ngoài việc tạo ra nội dung hấp dẫn và sâu sắc, các blogger WordPress phải liên tục làm việc để giữ chân độc giả của họ. Một cách để làm điều đó là tạo các trang chứa tất cả các bài đăng của bạn, với những bài mới nhất ở trên cùng hoặc với các bài đăng của bạn được sắp xếp theo một thứ tự cụ thể. Bằng cách đó, bạn đang đảm bảo rằng độc giả của mình, sau khi xem xong một bài viết mà họ yêu thích, có thể tìm thêm nội dung liên quan. Lợi ích khá rõ ràng – bài đăng của bạn sẽ có nhiều lượt xem hơn, mang lại cho bạn phạm vi tiếp cận lớn hơn và khả năng đạt được doanh thu lớn hơn từ quảng cáo và liên kết liên kết

Hiển thị tất cả các bài viết trên một trang

Có nhiều phương pháp khác nhau mà bạn có thể sử dụng để hiển thị các bài đăng trên trang trong WordPress. Chúng tôi sẽ chỉ ra một số cách mà chúng tôi thấy hữu ích nhất. Bạn nên thử tất cả các đề xuất của chúng tôi cho đến khi bạn tìm thấy đề xuất phù hợp nhất với nhu cầu của mình. Do đó, nếu bạn muốn bỏ qua một phương pháp cụ thể, trong bài viết này, chúng tôi sẽ đề cập đến các cách sau để tạo trang blog WordPress

• Sử dụng trang Bài đăng mặc định của WordPress

• Sử dụng các mẫu trang blog theo chủ đề cụ thể

• Sử dụng plugin

• Tạo mẫu blog tùy chỉnh của bạn

Cách tạo một trang blog WordPress bằng các tùy chọn mặc định

Một trong những chức năng mặc định của WordPress là hiển thị các bài đăng mới nhất của bạn trên trang chủ của bạn. Tuy nhiên, người dùng thường muốn phân biệt giữa trang chủ của họ và trang chứa các bài đăng. Điều này có thể dễ dàng thiết lập vì nó là một trong những tùy chọn mặc định của WordPress, nằm trong phần Cài đặt

Điều kiện tiên quyết cho phương pháp này là có một trang trống (không có nội dung trước đó), trang này sẽ dùng để hiển thị tất cả các bài đăng của bạn. Nếu bạn không có trang như vậy, hãy tạo nó bằng cách điều hướng đến Trang > Thêm mới. Thêm một tên thích hợp vào trang (e. g. Blog) và nhấn nút Xuất bản

Khi bạn đã tạo trang, hãy điều hướng đến Cài đặt > Đọc. Trong Màn hình trang chủ của bạn, chọn tùy chọn cho Trang tĩnh. Điều này sẽ cho phép bạn chọn một trang làm trang chủ và một trang khác làm trang Bài đăng của bạn. Tùy chọn thứ hai là những gì chúng tôi quan tâm. Bạn sẽ sử dụng trang trống mà bạn đã tạo trước đó và đặt nó làm trang Bài đăng của mình bằng cách tìm và chọn nó từ menu thả xuống. Sau đó, nhấn nút Lưu thay đổi bên dưới

Điều này sẽ hiển thị tất cả các bài đăng WordPress trên một trang đó và chúng sẽ được cách điệu dựa trên chủ đề bạn đang sử dụng. Một cài đặt bổ sung mà bạn nên biết là các trang Blog hiển thị nhiều nhất tùy chọn, có thể nhìn thấy trên ảnh chụp màn hình ở trên. Giá trị mặc định của nó được đặt thành 10, nghĩa là nó sẽ hiển thị tối đa 10 bài đăng trên một trang. Do đó, nếu trang web của bạn có hơn 10 bài đăng, trang blog WordPress mới tạo của bạn sẽ có tính năng phân trang ở gần cuối, cho phép người đọc xem có bao nhiêu trang nội dung trong blog của bạn

Tuy nhiên, nếu bạn không muốn có tính năng phân trang và thay vào đó muốn hiển thị tất cả các bài đăng trên trang blog WordPress của mình, bạn có thể làm điều đó. Chỉ cần chèn một số lớn hơn số bài đăng hiện tại của bạn trên trang web. Tuy nhiên, hãy cân nhắc rằng điều này có hai nhược điểm nghiêm trọng. Một số lượng lớn các bài đăng sẽ làm tăng thời gian tải trang blog của bạn, cũng như làm cho trang rất dài và khó cuộn qua

Sau khi bạn điều chỉnh số lượng bài đăng sẽ được hiển thị trên mỗi trang, bạn đã hoàn tất. Điều duy nhất còn lại là kiểm tra trang Bài viết của bạn. Tùy thuộc vào chủ đề bạn đang sử dụng, nó có thể trông giống như ảnh chụp màn hình bên dưới

Tuy nhiên, nếu bạn nhận thấy rằng thiết kế của trang Bài đăng của bạn không hấp dẫn, chúng tôi khuyên bạn nên bỏ chọn trang bạn chọn làm trang Bài đăng và thử một số đề xuất khác của chúng tôi bên dưới

Cách tạo trang blog WordPress bằng các mẫu trang blog theo chủ đề cụ thể

Nếu bạn không muốn sử dụng chức năng trang Bài đăng WordPress hoặc không thích thiết kế của nó, bạn nên xem chủ đề bạn đang sử dụng có mẫu trang phù hợp với nhu cầu của bạn không. Các chủ đề thường sẽ bao gồm các mẫu trang liên quan đến blog, vì vậy bạn nên điều tra xem chủ đề bạn hiện đang sử dụng có gặp trường hợp này không.

Kiểm tra điều này thật dễ dàng. Bạn chỉ cần nhấp để chỉnh sửa một trang và sau đó tìm phần Thuộc tính trang ở bên phải màn hình. Khi bạn nhấp vào danh sách thả xuống bên cạnh Mẫu. tùy chọn, bạn sẽ thấy danh sách các mẫu trang có sẵn trong chủ đề của mình. Tìm các mẫu có chứa từ Blog. Trong trường hợp bạn thấy có nhiều mẫu có sẵn, hãy đảm bảo kiểm tra tất cả chúng để tìm ra mẫu hấp dẫn nhất đối với bạn. Bạn có thể làm điều đó đơn giản bằng cách chọn một mẫu và nhấn nút Cập nhật để cập nhật trang

Sau đó, hãy kiểm tra trang sẽ chứa tất cả các bài đăng WordPress của bạn. Tùy thuộc vào chủ đề bạn đang sử dụng, nó có thể trông giống như ảnh chụp màn hình bên dưới của chúng tôi

Lặp lại quy trình tương tự cho tất cả các mẫu trang liên quan đến blog có sẵn trong chủ đề của bạn cho đến khi bạn tìm thấy mẫu mình thích. Tuy nhiên, nếu chủ đề của bạn không có mẫu trang phù hợp hoặc bạn không hài lòng với giao diện của mẫu trang bạn đã kiểm tra, hãy thử một trong những đề xuất khác của chúng tôi

Addon Qi cao cấp

Hiển thị tất cả các bài đăng trên blog của bạn bằng plugin

Một trong những lợi thế lớn nhất của WordPress là rất nhiều plugin mà nó đã phát triển cho hầu hết mọi mục đích. Do đó, để giải quyết vấn đề hoặc thêm một tính năng, bạn sẽ thường cần điều tra và kiểm tra một số plugin nhất định

Đầu tiên, hãy xem liệu các plugin bạn đã kích hoạt trên trang web của mình có chứa tùy chọn hoặc mã ngắn có thể giúp hiển thị tất cả các bài đăng WordPress của bạn trên một trang hay không. Quá trình này rất khác nhau dựa trên các plugin bạn đang sử dụng, vì vậy chúng tôi không thể cung cấp cho bạn bất kỳ hướng dẫn chung nào về vấn đề này. Nếu bạn không thể tìm thấy tùy chọn hoặc mã ngắn phù hợp, hãy khám phá các plugin WordPress có sẵn

Hiển thị bài đăng của bạn trong Elementor bằng plugin

Nếu bạn là người dùng Elementor, bạn có thể muốn xem Qi Addons cho Elementor, bộ sưu tập widget lớn nhất cho nhiều mục đích khác nhau. Một trong số đó là tiện ích Danh sách blog, một công cụ nhỏ hữu ích để sắp xếp các bài đăng trên blog của bạn thành danh sách và hiển thị chúng trên trang của bạn

Sau khi bạn cài đặt và kích hoạt plugin, chỉ cần chọn phần tử Danh sách blog từ menu, thêm nó vào bất cứ đâu bạn thấy phù hợp và tùy chỉnh nó theo ý thích của bạn



Lưu ý rằng với plugin này, bạn cũng có thể sử dụng bất kỳ tiện ích nào trong số hơn 150 tiện ích khác đi kèm với nó, không chỉ Danh sách blog. Nó đi kèm với các tùy chọn viết blog và kiểu chữ mở rộng, cũng như giới thiệu các tiện ích bổ sung, SEO và các yếu tố kinh doanh, v.v.

Hiển thị bài đăng của bạn trong Gutenberg bằng plugin

Đối với những người thích Gutenberg, chúng tôi có một giải pháp phong cách và hữu ích tương tự. Qi Blocks for Gutenberg là một bộ sưu tập gồm hơn 80 khối độc quyền của Gutenberg và khối bạn sẽ cần cho chủ đề của bài viết này là Danh sách blog. Sau khi cài đặt plugin (có phiên bản miễn phí và cao cấp, và khối Danh sách blog trong số những cái miễn phí), bạn sẽ nhận được một loạt các khối để bổ sung cho các khối Gutenberg mặc định của mình. Thêm Danh sách Blog vào trang của bạn và tiến hành tạo kiểu cho nó bằng các tùy chọn khối trực quan và thân thiện với người mới bắt đầu

Khối này cho phép bạn đặt hình ảnh, ngày xuất bản, danh mục, thông tin tác giả, v.v. Bạn có thể thay đổi màu sắc, phông chữ, thêm hoặc xóa các nút và nhãn, v.v.

Hiển thị bài đăng của bạn bằng WP Hiển thị bài đăng

Nếu không có tùy chọn nào ở trên phù hợp với bạn (điều mà chúng tôi nghi ngờ), bạn có thể thử dùng WP Show Posts. Plugin này hoạt động bằng cách tạo một mã ngắn mà bạn có thể đăng ở bất cứ đâu bạn muốn hiển thị các bài đăng trên blog của mình. Bạn có thể đặt tiêu đề, chọn phân loại để hiển thị, đặt phân trang và thay đổi số lượng bài đăng trên mỗi trang

Bạn có thể đi qua các tab tùy chọn còn lại để điều chỉnh các tùy chọn phù hợp với mình. Trong số những thứ khác, các tab này bao gồm các tùy chọn liên quan đến số lượng cột và khoảng cách giữa các cột, liệu bài đăng có chứa hình ảnh nổi bật của nó hay không, cũng như căn chỉnh và vị trí của hình ảnh đó. Có các tùy chọn liên quan đến độ dài của đoạn trích, khả năng đổi tên nút Đọc thêm, lựa chọn thêm siêu dữ liệu có liên quan (tác giả, ngày tháng, danh mục), cũng như loại trừ một số bài đăng (theo ID hoặc tác giả) và điều chỉnh thứ tự

Kiểm tra cẩn thận và điều chỉnh các tùy chọn này. Khi bạn hoàn tất, nhấn nút Xuất bản ở phần bên phải của màn hình. Sau đó, sao chép mã ngắn từ phần Sử dụng ở bên phải

Bạn cần dán mã ngắn này vào trong trang của mình. Tùy thuộc vào trình tạo trang bạn đang sử dụng, quy trình này có thể khác nhau. Trong Gutenberg, bạn sẽ sử dụng khối Shortcode. Trong Elementor, bạn sẽ cần phần tử Trình soạn thảo văn bản và trong WPBakery, hãy sử dụng phần tử Khối văn bản

Sau khi chèn mã ngắn bằng trình tạo trang ưa thích của bạn, hãy kiểm tra trang. Tùy thuộc vào thiết kế bạn đã chọn và các tùy chọn được đặt trong plugin, trang của bạn có thể trông giống với ảnh chụp màn hình của chúng tôi

Cách tạo mẫu blog tùy chỉnh của bạn

Nếu bạn đã thử các đề xuất trước đây của chúng tôi nhưng không thích trang kết quả, thì cách tốt nhất cho bạn là sử dụng mã để tạo trang blog WordPress của mình. Tuy nhiên, chúng tôi không khuyên điều này cho bất kỳ người dùng WordPress mới nào, vì nó yêu cầu kiến ​​thức mã hóa đáng kể, cũng như việc sử dụng FTP. Nhưng nếu bạn quyết định thử phương pháp này, chúng tôi khuyên bạn nên sao lưu trang web của mình trước khi thử tạo một mẫu tùy chỉnh. Hãy nhớ rằng bất kỳ lỗi mã hóa nào cũng có thể phá vỡ trang web của bạn

Bước đầu tiên để tạo một mẫu trang tùy chỉnh là tạo một tệp mới ở vị trí thích hợp và đặt tên cho nó một cách thích hợp. Để làm như vậy, hãy kết nối với máy chủ của bạn bằng thông tin đăng nhập FTP của bạn và điều hướng đến thư mục WordPress gốc của bạn. Sau đó, điều hướng đến thư mục của chủ đề bạn hiện đang sử dụng, tôi. e. thư mục /wp-content/themes/theme-name/. Nhấp chuột phải vào thư mục đó trong khi đảm bảo không nhấp vào bất kỳ tệp nào của các thư mục con được tìm thấy ở đó. Sau đó, nhấp vào tùy chọn Tạo tệp mới từ menu xuất hiện

Tên tệp phải được viết thường, có dấu. phần mở rộng php ở cuối. Trong trường hợp có nhiều từ, thay vì khoảng trắng, hãy sử dụng dấu gạch nối (-) giữa các từ. Ý nghĩa, đặt tên tệp theo định dạng sau. tên tệp của bạn. php, sau đó bạn nhấn nút Ok

Điều này sẽ tạo ra một khoảng trống. php nơi bạn cần thêm mã thích hợp cho mẫu trang của mình

Để tạo một mẫu trang hiển thị tất cả các bài đăng, bạn chỉ cần triển khai Vòng lặp WordPress. Vì mã hóa một mẫu trang từ đầu có thể khá khó khăn, bạn luôn có thể sử dụng mã từ trang. php của chủ đề của bạn làm đường cơ sở, sau đó điều chỉnh nó theo nhu cầu của bạn. Ngoài ra, bạn cũng có thể sử dụng mẫu trang mà chúng tôi đã tạo cho bài viết này

<?php
/*
Template Name: Blog posts template
*/
$blog_posts = new WP_Query( array( 'post_type' => 'post', 'post_status’' => 'publish', 'posts_per_page' => -1 ) );
get_header();
?>
<div class = "page-container">
<div class = "main-content">
<?php if ( $blog_posts->have_posts() ) : ?>
<div class = "blog-posts">
<?php while ( $blog_posts->have_posts() ) : $blog_posts->the_post(); ?>
<article id = "post-<?php the_ID(); ?>">
<a href = "<?php the_permalink(); ?>">
<?php if ( has_post_thumbnail() ) { 
the_post_thumbnail( get_the_ID(), 'full' );
} ?>
<h2 class = "post-title"><?php the_title(); ?></h2>
</a>
<div class = "post-category">
<?php the_category(', '); ?>
</div>
<div class = "post-excerpt">
<?php wp_kses_post( the_excerpt() ) ?>
</div>
<span class = "post-read-more">
<a itemprop = "url" href = "<?php the_permalink(); ?>" target = "_blank">
<?php echo esc_html__( 'Read more', 'theme-domain' ) ?>
</a>
</span> 
</article>
<?php endwhile; ?>
</div> 
<?php else: ?>
<p class = "no-blog-posts">
<?php esc_html_e('Sorry, no posts matched your criteria.', 'theme-domain'); ?> 
</p>
<?php endif; 
wp_reset_postdata(); ?>
</div>
<div class = "sidebar-content">
<?php get_sidebar(); ?>
</div>
</div>
<?php get_footer(); ?>

Vì mã này có vẻ đáng sợ đối với người dùng WordPress ít kinh nghiệm hơn, chúng tôi sẽ cố gắng giải thích cẩn thận về mã này

Đầu tiên, bằng cách bắt đầu tệp bằng một nhận xét nêu rõ tên mẫu, chúng tôi đảm bảo rằng đó là một mẫu toàn cầu có thể được chọn từ bảng điều khiển bằng cách sử dụng phần Thuộc tính trang trên bất kỳ trang nào. Chỉ cần chọn mẫu có tên chính xác đó. Do đó, hãy đảm bảo thêm một tên rõ ràng mà sau này bạn sẽ nhận ra

/*
Template Name: Blog posts template
*/

Đối với các hàm get_header() và get_footer() ở đầu và cuối mã, chúng dùng để bao gồm mẫu đầu trang và chân trang của chủ đề trên trang mẫu của bạn. Điều này đưa chúng ta đến phần chính của mã

Bằng cách sử dụng đoạn mã sau

$blog_posts = new WP_Query( array( 'post_type' => 'post', 'post_status’' => 'publish', 'posts_per_page' => -1 ) );

chúng tôi chỉ lưu trữ dữ liệu trên tất cả các bài đăng đã xuất bản của chúng tôi trong biến $blog_posts. Chúng tôi đã làm như vậy bằng cách sử dụng lớp WP_Query. Trong trường hợp bạn không quen thuộc với lớp này, chúng tôi thực sự khuyên bạn nên nghiên cứu liên kết mà chúng tôi đã đưa vào và đặc biệt chú ý đến các tham số mà nó chấp nhận

Bây giờ, chúng ta hãy chia nhỏ mã còn lại từng bước. Đầu tiên, nhìn vào cấu trúc mã, bạn có thể thấy rằng trang có hai phần. Đó là nội dung chính và thanh bên, với div bao bọc cả hai phần. Chúng tôi đã thêm các lớp tùy chỉnh vào các thành phần HTML tương ứng vì nó sẽ giúp tùy chỉnh CSS, nếu chúng tôi cần nó ở cuối. Đối với thanh bên, nó sẽ hiển thị các tiện ích trong khu vực tiện ích mặc định có tên là Thanh bên, bạn có thể tìm và chỉnh sửa trong Giao diện > Tiện ích. Điều này đạt được bằng cách sử dụng hàm get_sidebar()

<div class = "page-container">
<div class = "main-content">
// Main content code goes here
</div>
<div class = "sidebar-content">
<?php get_sidebar(); ?>
</div>
</div>

Hãy để chúng tôi tìm hiểu sâu hơn về mã được chứa trong nội dung chính (phần có lớp là nội dung chính). Nó cũng có thể được đơn giản hóa và xem xét theo cách được đưa ra dưới đây

<?php if ( $blog_posts->have_posts() ) : ?>
<div class = "blog-posts">
<?php while ( $blog_posts->have_posts() ) : $blog_posts->the_post(); ?>
<!-- Loop content goes here -->
<?php endwhile; ?>
</div> 
<?php else: ?>
<p class = "no-blog-posts">
<?php esc_html_e('Sorry, no posts matched your criteria.', 'theme-domain'); ?> 
</p>
<?php endif; 
wp_reset_postdata(); ?>

Trên thực tế, đây là Vòng lặp WordPress đã nói ở trên. Nói một cách đơn giản, nếu có các bài đăng trong biến $blog_posts, phần đầu tiên của mã sẽ được thực thi. Nếu không, một đoạn văn có nội dung “Xin lỗi, không có bài đăng nào phù hợp với tiêu chí của bạn” sẽ được hiển thị. Và, cuối cùng, chúng tôi đang khôi phục $post toàn cầu cho bài đăng trong truy vấn chính

Đối với phần mã đầu tiên, nó chứa một div với lớp tùy chỉnh “blog-posts” có nội dung được tạo dựa trên bài đăng hiện tại trong vòng lặp while bên trong

Để kết thúc việc xây dựng mã mẫu của chúng tôi, chúng tôi sẽ chạm vào phần cuối cùng của nội dung bên trong

Sử dụng vòng lặp WordPress trong mẫu trang tùy chỉnh của chúng tôi, chúng tôi có thể tạo một phần bài viết riêng cho mỗi bài đăng trên blog của chúng tôi. Phần bài viết đó chứa một liên kết, danh mục, đoạn trích và nút Đọc thêm tương ứng với từng bài đăng cụ thể. Liên kết bao quanh hai mục—hình ảnh nổi bật của bài đăng và tiêu đề của nó. Tuy nhiên, nếu bài đăng không có hình ảnh nổi bật thì chỉ có tiêu đề được hiển thị

<article id = "post-<?php the_ID(); ?>">
<a href = "<?php the_permalink(); ?>">
<?php if ( has_post_thumbnail() ) { 
the_post_thumbnail( get_the_ID(), 'full' );
} ?>
<h2 class = "post-title"><?php the_title(); ?></h2> 
</a>
<div class = "post-category">
<?php the_category(', '); ?>
</div>
<div class = "post-excerpt">
<?php wp_kses_post( the_excerpt() ) ?>
</div>
<span class = "post-read-more">
<a itemprop = "url" href = "<?php the_permalink(); ?>" target = "_blank">
<?php echo esc_html__( 'Read more', 'theme-domain' ) ?>
</a>
</span> 
</article>

Chúng tôi hy vọng bạn sẽ thấy mẫu mà chúng tôi đưa vào bài viết rõ ràng hơn nhiều vì giờ đây chúng tôi đã giải thích mẫu đó theo chế độ xem “từ trên xuống”. Bạn có thể điều chỉnh mã theo nhu cầu của mình bằng cách thêm, xóa hoặc hoán đổi các phần khác nhau của mã

Sau khi chỉnh sửa xong, bạn có thể chèn mã vào tệp bạn đã tạo trước đó. Điều này cũng được thực hiện thông qua FTP. Nhấp chuột phải vào tệp bạn đã tạo trước đó và chọn tùy chọn Xem/Chỉnh sửa

Mở tệp bằng bất kỳ trình soạn thảo văn bản nào và chèn mã bạn đã tạo. Sau đó, lưu các thay đổi và tải tệp trở lại máy chủ, do đó sẽ ghi đè tệp hiện tại, trống,

Sau khi bạn hoàn thành việc tạo mẫu, bạn sẽ cần kiểm tra xem nội dung được tạo bởi mẫu này trông như thế nào trên trang web. Để làm như vậy, hãy tạo một trang mới trên trang web của bạn và chỉ định mẫu trang tùy chỉnh của bạn cho trang đó bằng phần Thuộc tính trang ở bên phải. Sau đó, kiểm tra giao diện người dùng của trang. Mặc dù nó sẽ hoạt động, nhưng rất có thể bạn sẽ cần tạo CSS bổ sung để điều chỉnh màn hình. Bạn có thể thêm CSS tùy chỉnh trong Giao diện > Tùy chỉnh > CSS bổ sung hoặc thậm chí đưa nó vào hàng đợi bằng hàm wp_enqueue_style

Đây là giao diện của mẫu cho trang blog WordPress mà chúng tôi đã đưa vào với một chút CSS bổ sung

Chủ đề Qode. Chọn hàng đầu

Cầu

Chủ đề WordPress đa mục đích sáng tạo

X-tốc-khôm

Một chủ đề đa khái niệm thực sự

Bắt đầu làm đi

Chủ đề kinh doanh khởi nghiệp mới

suy nghĩ cuối cùng

Cung cấp cho người đọc quyền truy cập dễ dàng vào bài đăng của bạn có thể mang lại nhiều lợi ích. Từ việc tạo ra giá trị để mọi người có thể kết nối với bạn hoặc thương hiệu của bạn để tăng thứ hạng SEO của bạn hoặc bất cứ điều gì ở giữa. Và bạn có thể đạt được điều này bằng cách tạo một trang hiển thị tất cả các bài đăng của mình để người dùng chọn nội dung và bạn có thể tổ chức trang web của mình tốt hơn. Sau đó, bạn có thể khám phá việc hiển thị các bài đăng phổ biến nhất của mình trước hoặc thử hiển thị các bài đăng ngẫu nhiên để thu hút sự quan tâm của độc giả. Chúng tôi mời bạn thử sử dụng bất kỳ phương pháp nào chúng tôi đã nêu trong bài viết và xem mỗi phương pháp có thể đóng góp như thế nào cho trang web WordPress của bạn. Cuối cùng, hãy nhớ đánh dấu bài viết này, vì nó chắc chắn sẽ hữu ích cho những nỗ lực viết blog trong tương lai của bạn

Tại sao bài viết WordPress của tôi không hiển thị?

Bài đăng WordPress của tôi ở đâu?