Tùy chỉnh hiển thị archives sidebar WordPress

Giới thiệu về Archives Sidebar WordPress

Archives sidebar (thanh bên chứa các bài viết lưu trữ) là một phần quan trọng của nhiều trang web WordPress, giúp người dùng dễ dàng tìm kiếm và truy cập các bài viết cũ theo tháng hoặc năm. Tuy nhiên, cách hiển thị mặc định của Archives sidebar đôi khi không phù hợp với giao diện và yêu cầu cụ thể của website bạn. Bài viết này sẽ hướng dẫn bạn các cách tùy chỉnh Archives sidebar để nó trở nên hữu ích và thẩm mỹ hơn.

Chúng ta sẽ khám phá các phương pháp tùy chỉnh khác nhau, từ những thay đổi đơn giản thông qua WordPress Dashboard, đến việc sử dụng code để có được sự kiểm soát cao hơn. Mục tiêu là giúp bạn tạo ra một Archives sidebar phù hợp nhất với nhu cầu và phong cách của website WordPress của bạn.

Các Phương Pháp Tùy Chỉnh Archives Sidebar

Có nhiều cách để tùy chỉnh Archives sidebar trong WordPress. Dưới đây là một số phương pháp phổ biến và hiệu quả:

• Sử dụng Widget Archives mặc định của WordPress
• Sử dụng Plugin hỗ trợ tùy chỉnh Archives
• Tùy chỉnh trực tiếp bằng code (functions.php và CSS)

Sử dụng Widget Archives Mặc định của WordPress

Đây là cách đơn giản nhất để thêm và tùy chỉnh Archives sidebar. WordPress cung cấp một widget Archives mặc định cho phép bạn hiển thị danh sách các bài viết theo tháng hoặc năm.

1. Truy cập vào Appearance -> Widgets trong WordPress Dashboard.
2. Tìm widget Archives trong danh sách các widget có sẵn.
3. Kéo và thả widget Archives vào sidebar mà bạn muốn hiển thị.
4. Cấu hình các tùy chọn của widget:
   • Title: Tiêu đề hiển thị cho Archives sidebar (ví dụ: “Lưu trữ”).
   • Display as dropdown: Hiển thị danh sách Archives dưới dạng một dropdown menu.
   • Show post counts: Hiển thị số lượng bài viết trong mỗi tháng/năm.
5. Nhấn nút Save để lưu các thay đổi.

Mặc dù đơn giản, widget Archives mặc định có những hạn chế về khả năng tùy chỉnh giao diện và chức năng. Nếu bạn muốn có nhiều kiểm soát hơn, bạn nên xem xét các phương pháp khác.

Sử dụng Plugin Hỗ trợ Tùy chỉnh Archives

Có rất nhiều plugin WordPress được thiết kế để giúp bạn tùy chỉnh Archives sidebar một cách dễ dàng. Các plugin này thường cung cấp nhiều tùy chọn hơn so với widget mặc định, cho phép bạn thay đổi giao diện, thêm các bộ lọc và chức năng bổ sung.

Một số plugin phổ biến bao gồm:

• Custom Archives Widget: Cho phép bạn tùy chỉnh giao diện và chức năng của Archives widget.
• Archivist Category Excluder: Cho phép bạn loại trừ các category cụ thể khỏi Archives.
• Advanced Post Types Archives: Hỗ trợ tạo archives cho các custom post type.

Để sử dụng plugin:

1. Truy cập vào Plugins -> Add New trong WordPress Dashboard.
2. Tìm kiếm plugin mà bạn muốn sử dụng.
3. Nhấn nút Install Now và sau đó Activate plugin.
4. Truy cập vào Appearance -> Widgets và tìm widget của plugin vừa cài đặt.
5. Kéo và thả widget vào sidebar bạn muốn và cấu hình các tùy chọn theo hướng dẫn của plugin.
6. Nhấn nút Save để lưu các thay đổi.

Plugin là một lựa chọn tốt nếu bạn muốn có nhiều tùy chọn tùy chỉnh mà không cần phải viết code.

Tùy chỉnh Trực tiếp bằng Code (functions.php và CSS)

Phương pháp này đòi hỏi bạn phải có kiến thức về PHP và CSS, nhưng nó cho phép bạn có được sự kiểm soát hoàn toàn đối với Archives sidebar. Bạn có thể tùy chỉnh chức năng và giao diện theo ý muốn.

Tùy chỉnh Chức năng (functions.php)

Bạn có thể sử dụng file functions.php của theme (hoặc một child theme) để tùy chỉnh chức năng của Archives sidebar. Ví dụ, bạn có thể thay đổi cách hiển thị ngày tháng, thêm các bộ lọc hoặc tạo một widget Archives tùy chỉnh.

Ví dụ, để thay đổi định dạng ngày tháng hiển thị trong Archives:

function custom_archive_date_format($archive_title, $before, $after) {
  $date_format = 'F Y'; // Ví dụ: tháng năm (ví dụ: January 2024)
  $archive_title = sprintf( '%s %s %s', $before, date_i18n( $date_format, strtotime( $archive_title ) ), $after );
  return $archive_title;
}
add_filter( 'get_archives_link', 'custom_archive_date_format', 10, 3 );

Đoạn code này sử dụng filter get_archives_link để thay đổi định dạng ngày tháng. Thay đổi giá trị của $date_format để tùy chỉnh định dạng theo ý muốn (ví dụ: 'm/Y', 'Y-m-d', v.v.).

Lưu ý quan trọng: Luôn luôn tạo một child theme trước khi chỉnh sửa file functions.php của theme. Điều này giúp bạn tránh mất các thay đổi khi theme được cập nhật.

Tùy chỉnh Giao diện (CSS)

Bạn có thể sử dụng CSS để tùy chỉnh giao diện của Archives sidebar. Truy cập vào Appearance -> Customize -> Additional CSS trong WordPress Dashboard để thêm CSS tùy chỉnh.

Ví dụ, để thay đổi màu nền và màu chữ của Archives sidebar:

#secondary .widget_archive ul {
  background-color: #f0f0f0;
  padding: 10px;
}

#secondary .widget_archive li a {
  color: #333;
  text-decoration: none;
}

#secondary .widget_archive li a:hover {
  color: #007bff;
}

Đoạn code này sử dụng CSS để thay đổi màu nền của danh sách Archives, màu chữ của các liên kết và màu chữ khi di chuột qua liên kết. Bạn có thể tùy chỉnh các thuộc tính CSS khác để thay đổi giao diện theo ý muốn.

Để tìm các CSS selector phù hợp, bạn có thể sử dụng Developer Tools của trình duyệt (nhấn F12 hoặc chuột phải -> Inspect Element). Điều này cho phép bạn xem cấu trúc HTML và các CSS class đang được sử dụng.

Các Lưu Ý Quan Trọng Khi Tùy Chỉnh Archives Sidebar

Khi tùy chỉnh Archives sidebar, hãy lưu ý các điểm sau:

• Tạo child theme: Luôn luôn tạo child theme trước khi chỉnh sửa các file theme (functions.php, style.css).
• Sao lưu dữ liệu: Sao lưu website của bạn trước khi thực hiện bất kỳ thay đổi lớn nào.
• Kiểm tra kỹ lưỡng: Sau khi thực hiện các thay đổi, hãy kiểm tra kỹ lưỡng để đảm bảo rằng Archives sidebar hiển thị đúng và không gây ra lỗi nào.

Việc tùy chỉnh Archives sidebar là một quá trình thử nghiệm và điều chỉnh. Hãy thử các phương pháp khác nhau để tìm ra cách phù hợp nhất với nhu cầu và phong cách của website của bạn.

Kết luận

Tùy chỉnh Archives sidebar trong WordPress là một cách tuyệt vời để cải thiện trải nghiệm người dùng và làm cho website của bạn trở nên chuyên nghiệp hơn. Với các phương pháp được trình bày trong bài viết này, bạn có thể dễ dàng tùy chỉnh giao diện và chức năng của Archives sidebar để nó phù hợp với nhu cầu và phong cách của website của bạn. Hãy bắt đầu khám phá và tạo ra một Archives sidebar độc đáo và hữu ích!