aa

Tạo trang lưu trữ tùy chỉnh WordPress

4 tháng ago, Hướng dẫn WordPress, 1 Views
Tạo trang lưu trữ tùy chỉnh WordPress

Giới thiệu về Trang Lưu Trữ Tùy Chỉnh trong WordPress

WordPress cung cấp các trang lưu trữ mặc định hiển thị các bài viết của bạn theo danh mục, thẻ, tác giả, và ngày tháng. Tuy nhiên, đôi khi bạn cần tạo một trang lưu trữ tùy chỉnh để hiển thị nội dung theo một cách cụ thể hơn, phù hợp với nhu cầu và thiết kế trang web của bạn. Việc này cho phép bạn kiểm soát hoàn toàn cách thức bài viết được trình bày, cải thiện trải nghiệm người dùng và tối ưu hóa SEO.

Ví dụ, bạn có thể muốn tạo một trang lưu trữ hiển thị các bài viết theo một thứ tự đặc biệt, sử dụng một bố cục lưới (grid layout) thay vì danh sách thông thường, hoặc chỉ hiển thị các bài viết thuộc một danh mục cụ thể và được gắn một thẻ nhất định. Trang lưu trữ tùy chỉnh cho phép bạn thực hiện tất cả những điều này và hơn thế nữa.

Các Cách Tiếp Cận để Tạo Trang Lưu Trữ Tùy Chỉnh

Có một số cách khác nhau để tạo một trang lưu trữ tùy chỉnh trong WordPress, mỗi cách có ưu và nhược điểm riêng. Dưới đây là một số phương pháp phổ biến nhất:

  • Sử dụng Plugin
  • Tạo Template Tùy Chỉnh (Custom Template)
  • Sử dụng Custom Post Type và Template

Sử dụng Plugin

Đây là cách đơn giản nhất và nhanh nhất để tạo một trang lưu trữ tùy chỉnh, đặc biệt nếu bạn không quen thuộc với việc viết code. Có rất nhiều plugin WordPress miễn phí và trả phí có thể giúp bạn tạo các trang lưu trữ tùy chỉnh một cách dễ dàng. Các plugin này thường cung cấp giao diện trực quan, kéo và thả (drag-and-drop) để bạn có thể thiết kế bố cục và chọn các tùy chọn hiển thị mong muốn.

Một số plugin phổ biến để tạo trang lưu trữ tùy chỉnh bao gồm:

  • Elementor Pro
  • Divi Builder
  • Beaver Builder
  • Visual Composer

Ưu điểm:

  • Dễ sử dụng, không cần kiến thức code
  • Nhiều tùy chọn tùy chỉnh
  • Tiết kiệm thời gian

Nhược điểm:

  • Có thể làm chậm trang web nếu sử dụng nhiều plugin
  • Phụ thuộc vào plugin, nếu plugin ngừng hỗ trợ hoặc không tương thích với các bản cập nhật WordPress, trang web của bạn có thể gặp vấn đề
  • Một số plugin cao cấp yêu cầu trả phí

Tạo Template Tùy Chỉnh (Custom Template)

Cách tiếp cận này đòi hỏi bạn phải có một số kiến thức về HTML, CSS và PHP. Bạn sẽ tạo một file template PHP tùy chỉnh và sử dụng nó để hiển thị các bài viết của bạn theo cách bạn muốn. Cách này cung cấp sự linh hoạt cao nhất, cho phép bạn kiểm soát hoàn toàn giao diện và chức năng của trang lưu trữ.

Bước 1: Tạo một file template PHP

Tạo một file PHP mới trong thư mục chủ đề của bạn (thường là wp-content/themes/your-theme/). Đặt tên file theo một quy ước nào đó, ví dụ: archive-custom.php. Thêm đoạn code sau vào đầu file để WordPress nhận diện nó là một template:

<?php
/*
Template Name: Custom Archive Page
*/
?>

Bước 2: Viết code PHP để hiển thị các bài viết

Sử dụng các hàm WordPress như WP_Query để truy vấn và hiển thị các bài viết bạn muốn hiển thị. Bạn có thể tùy chỉnh truy vấn để lọc các bài viết theo danh mục, thẻ, tác giả, ngày tháng, hoặc bất kỳ tiêu chí nào khác.

Ví dụ:

<?php
/*
Template Name: Custom Archive Page
*/

get_header();

$args = array(
  'post_type' => 'post',
  'posts_per_page' => 10, // Số lượng bài viết hiển thị
  'category_name' => 'tin-tuc' // Chỉ hiển thị bài viết thuộc danh mục "tin-tuc"
);

$the_query = new WP_Query( $args );

if ( $the_query->have_posts() ) {
  echo '<ul>';
  while ( $the_query->have_posts() ) {
    $the_query->the_post();
    echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
  }
  echo '</ul>';
  wp_reset_postdata();
} else {
  echo '<p>Không có bài viết nào.</p>';
}

get_footer();

?>

Bước 3: Tạo một trang WordPress và gán template cho trang đó

Trong WordPress, tạo một trang mới (Pages -> Add New). Trong phần “Page Attributes” (thuộc tính trang), chọn template bạn vừa tạo (trong ví dụ này là “Custom Archive Page”) từ menu dropdown “Template”.

Bước 4: Tùy chỉnh CSS để tạo kiểu cho trang

Sử dụng CSS để tạo kiểu cho các phần tử HTML mà bạn đã tạo trong template PHP của mình. Bạn có thể thêm CSS vào file style.css của chủ đề hoặc tạo một file CSS riêng.

Ưu điểm:

  • Linh hoạt cao, kiểm soát hoàn toàn giao diện và chức năng
  • Hiệu suất tốt hơn so với sử dụng plugin
  • Không phụ thuộc vào plugin

Nhược điểm:

  • Yêu cầu kiến thức về HTML, CSS và PHP
  • Tốn nhiều thời gian hơn so với sử dụng plugin
  • Cần bảo trì và cập nhật template khi WordPress cập nhật

Sử dụng Custom Post Type và Template

Nếu bạn muốn tạo một trang lưu trữ cho một loại nội dung cụ thể không phải là bài viết (ví dụ: sản phẩm, dự án, sự kiện), bạn có thể sử dụng Custom Post Type (CPT). CPT cho phép bạn tạo các loại nội dung mới trong WordPress và sau đó tạo các trang lưu trữ tùy chỉnh cho các loại nội dung này.

Bước 1: Tạo Custom Post Type

Bạn có thể sử dụng plugin hoặc code PHP để tạo CPT. Một plugin phổ biến là “Custom Post Type UI”.

Bước 2: Tạo Template Lưu Trữ cho CPT

Tạo một file template PHP có tên archive-{your-custom-post-type}.php (ví dụ: archive-product.php). Trong file này, bạn sẽ sử dụng WP_Query để truy vấn và hiển thị các bài viết thuộc CPT của bạn.

Ví dụ:

<?php
/*
Template Name: Archive Product Page
*/

get_header();

$args = array(
  'post_type' => 'product', // Thay 'product' bằng tên CPT của bạn
  'posts_per_page' => 12
);

$the_query = new WP_Query( $args );

if ( $the_query->have_posts() ) {
  echo '<div class="product-grid">';
  while ( $the_query->have_posts() ) {
    $the_query->the_post();
    echo '<div class="product-item">';
    echo '<a href="' . get_permalink() . '">';
    the_post_thumbnail( 'medium' );
    echo '<h3>' . get_the_title() . '</h3>';
    echo '</a>';
    echo '</div>';
  }
  echo '</div>';
  wp_reset_postdata();
} else {
  echo '<p>Không có sản phẩm nào.</p>';
}

get_footer();

?>

Bước 3: Tùy chỉnh CSS

Sử dụng CSS để tạo kiểu cho trang lưu trữ CPT của bạn.

Ưu điểm:

  • Tổ chức nội dung tốt hơn
  • Linh hoạt cao trong việc hiển thị các loại nội dung khác nhau
  • Tối ưu hóa SEO cho các loại nội dung khác nhau

Nhược điểm:

  • Yêu cầu kiến thức về CPT và template
  • Có thể phức tạp hơn so với các phương pháp khác

Lời khuyên và Lưu ý

  • Sao lưu trang web của bạn trước khi thực hiện bất kỳ thay đổi nào. Điều này sẽ giúp bạn khôi phục trang web nếu có sự cố xảy ra.
  • Sử dụng một chủ đề con (child theme) để tùy chỉnh. Điều này sẽ giúp bạn không bị mất các thay đổi của mình khi chủ đề chính được cập nhật.
  • Tối ưu hóa trang web của bạn để có hiệu suất tốt nhất. Điều này bao gồm việc tối ưu hóa hình ảnh, sử dụng bộ nhớ đệm (caching), và chọn một nhà cung cấp dịch vụ lưu trữ web tốt.
  • Kiểm tra trang lưu trữ tùy chỉnh của bạn trên nhiều thiết bị và trình duyệt khác nhau. Điều này sẽ đảm bảo rằng trang web của bạn hiển thị tốt trên tất cả các thiết bị.

Việc tạo trang lưu trữ tùy chỉnh trong WordPress có thể là một quá trình phức tạp, nhưng nó cũng rất đáng giá nếu bạn muốn kiểm soát hoàn toàn giao diện và chức năng của trang web của mình. Hãy chọn phương pháp phù hợp nhất với trình độ kỹ năng và nhu cầu của bạn, và đừng ngại thử nghiệm để tìm ra giải pháp tốt nhất.

Related Topics by Tag
, , , ,

..