Xoá chữ Category Archives trong theme Flatsome

Hướng dẫn tùy chỉnh hoặc xóa chữ "Category Archives" trên theme Flatsome

Khi sử dụng theme Flatsome cho website WordPress, mặc định các trang danh mục (category) thường hiển thị tiêu đề kèm theo tiền tố "Category Archives:". Điều này đôi khi gây bất tiện về mặt thẩm mỹ hoặc không phù hợp với ngôn ngữ hiển thị của website. Dưới đây là 3 phương pháp thực chiến giúp bạn xử lý vấn đề này một cách chuyên nghiệp.

Cách 1: Sử dụng plugin Loco Translate (Khuyên dùng)

Đây là phương pháp an toàn và hiệu quả nhất nếu bạn muốn thay đổi ngôn ngữ hiển thị thay vì xóa bỏ hoàn toàn. Việc sử dụng plugin giúp tránh can thiệp trực tiếp vào mã nguồn của theme.

• Cài đặt và kích hoạt plugin Loco Translate.
• Truy cập vào phần quản lý của plugin, tìm đến theme Flatsome.
• Tìm kiếm cụm từ "Category Archives:" trong danh sách dịch thuật.
• Tại đây, bạn có thể nhập nội dung mới (ví dụ: "Chuyên mục:") hoặc để trống nếu muốn xóa bỏ hoàn toàn.
• Lưu lại thay đổi để áp dụng lên toàn bộ website.

Cách 2: Can thiệp trực tiếp vào file template (Dành cho Child Theme)

Nếu bạn muốn kiểm soát sâu hơn về cấu trúc hiển thị, bạn có thể chỉnh sửa trực tiếp file template. Lưu ý quan trọng: Luôn thực hiện trên Child Theme để tránh mất dữ liệu khi cập nhật theme gốc.

Đường dẫn file gốc cần chỉnh sửa: flatsome/template-parts/posts/partials/archive-title.php

Các bước thực hiện:

1. Copy file archive-title.php từ thư mục theme gốc sang thư mục tương ứng trong Child Theme: child-theme/template-parts/posts/partials/archive-title.php.
2. Mở file này bằng trình soạn thảo code.
3. Tìm dòng chứa biến hiển thị tiêu đề và tùy chỉnh hoặc xóa bỏ đoạn text "Category Archives" theo ý muốn.

Cách này cũng cho phép bạn tùy chỉnh linh hoạt các tiêu đề khác như Tag Archives, Search Results, Author Archives hay các định dạng thời gian khác.

Cách 3: Sử dụng CSS để ẩn tiêu đề

Nếu bạn chỉ muốn ẩn tiêu đề này một cách nhanh chóng mà không cần thay đổi cấu trúc file, bạn có thể sử dụng CSS. Hãy truy cập vào Flatsome > Advanced > Custom CSS và thêm đoạn mã sau:

.blog-archive h1.page-title {
    display: none;
}

Lưu ý: Phương pháp này sẽ ẩn toàn bộ tiêu đề trang (bao gồm cả tên danh mục). Hãy cân nhắc kỹ trước khi sử dụng để đảm bảo trải nghiệm người dùng (UX) trên website của bạn không bị ảnh hưởng.

Việc lựa chọn phương pháp nào phụ thuộc vào nhu cầu cụ thể của dự án. Nếu bạn cần hỗ trợ tối ưu hóa giao diện hoặc tùy chỉnh chuyên sâu trên nền tảng Flatsome, đội ngũ kỹ thuật tại STAR WAR Digital Solutions luôn sẵn sàng đồng hành cùng doanh nghiệp của bạn. Liên hệ với chúng tôi để được tư vấn các giải pháp kỹ thuật tối ưu nhất.