Cách tạo mẫu danh mục trong WordPress
Bạn có muốn tạo bố cục trang danh mục độc đáo trong WordPress không?
Với các trang web WordPress, việc sử dụng các mẫu khác nhau cho danh mục, thẻ, loại bài đăng tùy chỉnh và phân loại là điều phổ biến.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách tạo mẫu danh mục trong WordPress.
Bằng cách tạo mẫu cho danh mục, bạn có thể thêm các tính năng cụ thể trên trang danh mục.
Ví dụ: bạn có thể cho phép người dùng đăng ký danh mục, thêm hình ảnh danh mục, hiển thị mô tả danh mục và chọn bố cục khác nhau cho từng danh mục.
Tại sao tạo mẫu danh mục trong WordPress
WordPress tạo các trang riêng lẻ cho tất cả các danh mục của bạn. Bạn có thể xem chúng bằng cách truy cập một URL như:
https://example.com/category/news/
Hầu hết các chủ đề WordPress phổ biến đều đi kèm với các mẫu dựng sẵn để hiển thị các trang danh mục đẹp mắt. Các mẫu này làm nổi bật tiêu đề danh mục và hiển thị mô tả danh mục bên dưới nó.
Tuy nhiên, một số chủ đề có thể không xử lý tốt vấn đề này hoặc bạn có thể muốn tùy chỉnh các trang danh mục của mình. Đây là nơi bạn cần tạo các mẫu danh mục trong WordPress.
Chúng ta hãy xem cách tạo mẫu danh mục trong WordPress.
Phân cấp mẫu WordPress cho các trang danh mục
WordPress có một hệ thống tạo khuôn mẫu mạnh mẽ cho phép bạn tạo các mẫu khác nhau cho các phần khác nhau trên trang web của mình.
Khi hiển thị bất kỳ trang nào, WordPress sẽ tìm kiếm mẫu theo thứ tự phân cấp được xác định trước.
Để hiển thị một trang danh mục, nó sẽ tìm các mẫu theo thứ tự sau: Category-slug.php → Category-id.php → Category.php → Archive.php → Index.php
Đầu tiên, WordPress sẽ tìm kiếm một mẫu cụ thể cho danh mục cụ thể đó bằng cách sử dụng slug danh mục. Ví dụ: mẫu Category-design.php sẽ được sử dụng để hiển thị danh mục ‘Thiết kế’.
Nếu nó không tìm thấy mẫu sên danh mục, thì WordPress sẽ tìm mẫu có id danh mục, ví dụ: Category-6.php. Sau đó, nó sẽ tìm mẫu danh mục chung thường là Category.php.
Nếu không có mẫu danh mục chung thì WordPress sẽ tìm mẫu lưu trữ chung, chẳng hạn như archive.php. Cuối cùng, nó sẽ sử dụng mẫu index.php để hiển thị danh mục.
Đây là hướng dẫn của chúng tôi về phân cấp mẫu WordPress.
Tạo mẫu danh mục cho chủ đề của bạn trong WordPress
Trước tiên chúng ta hãy xem một mẫu Category.php điển hình.
<?php
/**
* A Simple Category Template
*/
get_header(); ?>
<section id="primary" class="site-content">
<div id="content" role="main">
<?php
// Check if there are any posts to display
if ( have_posts() ) : ?>
<header class="archive-header">
<h1 class="archive-title">Category: <?php single_cat_title( '', false ); ?></h1>
<?php
// Display optional category description
if ( category_description() ) : ?>
<div class="archive-meta"><?php echo category_description(); ?></div>
<?php endif; ?>
</header>
<?php
// The Loop
while ( have_posts() ) : the_post(); ?>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?>
<div class="entry">
<?php the_content(); ?>
<p class="postmetadata"><?php
comments_popup_link( 'No comments yet', '1 comment', '% comments', 'comments-link', 'Comments closed');
?></p>
</div>
<?php endwhile;
else: ?>
<p>Sorry, no posts matched your criteria.</p>
<?php endif; ?>
</div>
</section>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Bây giờ, hãy giả sử rằng bạn có một danh mục có tên là “Thiết kế” với “thiết kế” sên danh mục và bạn muốn hiển thị danh mục này khác với các danh mục khác.
Để làm điều đó, bạn cần tạo một mẫu cho danh mục cụ thể đó. Đi tới Giao diện » Trình chỉnh sửa chủ đề. Từ danh sách các tệp chủ đề ở bên phải của bạn, nhấp vào category.php, nếu bạn không có tệp Category.php ở đó, hãy tìm archive.php.
Nếu bạn không thể tìm thấy một trong hai mẫu này thì rất có thể bạn đang sử dụng Khung chủ đề WordPress và hướng dẫn này có thể không hữu ích cho bạn. Chúng tôi khuyên bạn nên tham khảo khuôn khổ cụ thể mà bạn đang sử dụng.
Nếu bạn tìm thấy các tệp ở trên, hãy sao chép tất cả nội dung của category.php và dán chúng vào trình soạn thảo văn bản như Notepad. Lưu tệp này dưới dạng category-design.php.
Kết nối với dịch vụ lưu trữ WordPress của bạn bằng ứng dụng khách FTP, sau đó truy cập /wp-content/themes/your-current-theme/ và tải tệp Category-design.php lên thư mục chủ đề của bạn.
Bây giờ, mọi thay đổi bạn thực hiện đối với mẫu này sẽ chỉ xuất hiện trên trang lưu trữ của danh mục cụ thể này.
Sử dụng kỹ thuật này, bạn có thể tạo mẫu cho bao nhiêu danh mục tùy thích. Chỉ cần sử dụng Category-{category-slug}.php làm tên tệp. Bạn có thể tìm thấy sên danh mục bằng cách truy cập phần danh mục trong khu vực quản trị WordPress.
Đây là ví dụ về mẫu category-slug.php. Lưu ý rằng chúng tôi đã sử dụng cùng một mẫu với Category.php với một vài thay đổi.
Vì chúng tôi đã biết danh mục mà nó sẽ được sử dụng nên chúng tôi có thể thêm tiêu đề, mô tả hoặc bất kỳ chi tiết nào khác theo cách thủ công. Cũng lưu ý rằng chúng tôi đã sử dụng <?php the_excerpt(); ?> thay vì <?php the_content(); ?>.
Hãy xem lý do tại sao chúng tôi cho rằng việc sử dụng bản tóm tắt hoặc trích đoạn bài đăng thay vì toàn bộ bài đăng là một ý tưởng hay.
<?php
/**
* A Simple Category Template
*/
get_header(); ?>
<section id="primary" class="site-content">
<div id="content" role="main">
<?php
// Check if there are any posts to display
if ( have_posts() ) : ?>
<header class="archive-header">
<?php
// Since this template will only be used for Design category
// we can add category title and description manually.
// or even add images or change the layout
?>
<h1 class="archive-title">Design Articles</h1>
<div class="archive-meta">
Articles and tutorials about design and the web.
</div>
</header>
<?php
// The Loop
while ( have_posts() ) : the_post();
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?>
<div class="entry">
<?php the_excerpt(); ?>
<p class="postmetadata"><?php
comments_popup_link( 'No comments yet', '1 comment', '% comments', 'comments-link', 'Comments closed');
?></p>
</div>
<?php endwhile; // End Loop
else: ?>
<p>Sorry, no posts matched your criteria.</p>
<?php endif; ?>
</div>
</section>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Nếu bạn không muốn sử dụng mẫu sên danh mục thì bạn có thể sử dụng mẫu id danh mục để tạo mẫu cho ID danh mục cụ thể. Đây là cách tìm ID danh mục trong WordPress.
Sử dụng thẻ có điều kiện cho một danh mục
Khi tạo mẫu cho chủ đề của mình, bạn cần xác định xem bạn có thực sự cần một mẫu riêng để làm những gì bạn muốn hay không.
Trong một số trường hợp, những thay đổi bạn muốn thực hiện không quá phức tạp và có thể đạt được bằng cách sử dụng các thẻ có điều kiện bên trong một mẫu chung, như Category.php hoặc thậm chí archive.php.
WordPress hỗ trợ nhiều thẻ có điều kiện mà tác giả chủ đề có thể sử dụng trong mẫu của họ.
Một thẻ có điều kiện như vậy là is_category(). Bằng cách sử dụng thẻ có điều kiện này, bạn có thể thay đổi mẫu của mình để hiển thị đầu ra khác nếu điều kiện phù hợp.
Ví dụ: giả sử bạn có một danh mục dành cho các bài đăng nổi bật có tên là “Nổi bật”.
Bây giờ bạn muốn hiển thị một số thông tin bổ sung trên trang lưu trữ danh mục cho danh mục cụ thể này. Để làm điều đó, hãy thêm mã này vào tệp Category.php ngay sau <?php if ( has_posts() ) : ?>.
<header class="archive-header"> <?php if(is_category( 'Featured' )) : ?> <h1 class="archive-title">Featured Articles:</h1> <?php else: ?> <h1 class="archive-title">Category Archive: <?php single_cat_title(); ?> </h1> <?php endif; ?> </header>
Tạo mẫu danh mục bằng Beaver Themer
Beaver Themer cho phép bạn tạo bố cục cho chủ đề của mình. Bạn có thể chọn các danh mục riêng lẻ mà bạn muốn sử dụng mẫu, sau đó chỉnh sửa mẫu đó bằng công cụ kéo và thả.
Trước tiên, hãy truy cập trang Beaver Builder » Bố cục Themer » Thêm mới.
Bạn sẽ cần đặt tiêu đề cho nó rồi chọn danh mục của mình trong tùy chọn 'Vị trí'.
Từ đó, bạn sẽ có thể sử dụng trình chỉnh sửa kéo và thả của Beaver Builder để tùy chỉnh trang bố cục danh mục theo ý thích của mình.
Khi bạn đã hoàn tất, hãy nhấp vào nút Xong rồi chọn xuất bản để áp dụng mẫu danh mục của bạn.
Bây giờ bạn có thể truy cập trang web của mình để xem mẫu danh mục đang hoạt động.
Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách tạo mẫu danh mục trong WordPress. Bạn cũng có thể muốn xem so sánh của chúng tôi về các trình tạo trang WordPress kéo và thả tốt nhất để tạo bố cục tùy chỉnh và hướng dẫn của chúng tôi về cách tạo trang web thành viên để bạn có thể hạn chế nội dung dựa trên các danh mục.
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 các 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.