Hướng dẫn tạo giao diện trang danh mục tin tức với Flatsome

Flatsome là một trong những theme WordPress phổ biến nhất, đặc biệt được ưa chuộng nhờ tính năng tùy chỉnh giao diện linh hoạt. Trong bài viết này, chúng ta sẽ đi qua từng bước để tạo giao diện trang danh mục tin tức với Flatsome, giúp bạn tối ưu trang web và nâng cao trải nghiệm người dùng.

Đăng nhập vào trang quản trị WordPress

Bắt đầu bằng cách đăng nhập vào trang quản trị WordPress của bạn. Đây là bước đầu tiên để bạn có thể tiếp cận và tùy chỉnh mọi cài đặt trong website.

Thêm danh mục tin tức

• Truy cập vào Bài viết -> Danh mục.
• Ở phần Thêm danh mục, đặt tên cho danh mục tin tức của bạn, ví dụ: “Tin tức”. Sau đó nhấn Thêm danh mục.

Tạo menu hiển thị danh mục tin tức

Để danh mục tin tức có thể hiển thị trên menu trang chủ, bạn cần thêm nó vào hệ thống menu:

• Truy cập vào Giao diện -> Menu.
• Tại đây, nhấn vào phần Danh mục để hiện ra các danh mục bạn đã tạo. Tick chọn danh mục “Tin tức”, sau đó nhấn Thêm vào menu.
• Điều chỉnh vị trí danh mục “Tin tức” trên menu theo ý muốn và nhấn Lưu menu.

Hiển thị danh mục tin tức trên trang chủ

Quay lại trang chủ và chọn mục “Tin tức” trên menu. Đây sẽ là nơi hiển thị tất cả các bài viết thuộc danh mục mà bạn đã tạo. Giao diện này ban đầu sẽ là mặc định từ theme, nhưng bạn hoàn toàn có thể chỉnh sửa để tạo phong cách riêng.

Tùy chỉnh giao diện danh mục tin tức với Flatsome

Flatsome cho phép bạn tùy chỉnh giao diện trang danh mục một cách dễ dàng:

• Vào Tùy chỉnh trong trang quản trị.
• Hover chuột lên trang để hiện phần Blog Layout, nhấn vào đó để mở giao diện chỉnh sửa.

Tùy chỉnh Sidebar cho trang danh mục

Trong phần Blog Sidebar, bạn có thể tùy chỉnh vị trí của thanh sidebar sao cho phù hợp với giao diện:

• Bên trái: Nếu bạn muốn sidebar hiển thị ở bên trái.
• Bên phải: Nếu bạn muốn sidebar hiển thị ở bên phải.
• Không hiển thị: Loại bỏ sidebar nếu bạn muốn trang rộng hơn.

Tùy chỉnh bố cục bài viết

Phần Posts Layout là nơi bạn có thể tùy chỉnh bố cục của các bài viết trên trang danh mục:

• Chọn cách hiển thị bài viết theo hàng hoặc lưới.
• Tùy chỉnh số cột bài viết để hiển thị tối ưu nhất cho giao diện.

Điều chỉnh hiệu ứng cho bài viết

Tại mục Depth và Depth:hover, bạn có thể thêm hiệu ứng bóng khi hover vào bài viết. Điều này giúp làm nổi bật và tăng tính trực quan cho các bài viết.

Tùy chỉnh tiêu đề và căn lề tiêu đề

• Post Title Style: Chọn vị trí hiển thị tiêu đề bài viết.
• Posts Title Align: Điều chỉnh căn lề tiêu đề theo hướng trái, phải hoặc giữa.

Xuất bản thay đổi

Sau khi hoàn tất tất cả các tùy chỉnh, đừng quên nhấn Xuất bản để lưu và áp dụng những thay đổi cho giao diện danh mục tin tức của bạn.

Xóa dòng chữ “Category Archives” trên trang danh mục

Nếu bạn muốn loại bỏ dòng chữ “Category Archives” thường xuất hiện trên đầu trang danh mục:

• Truy cập vào Giao diện -> Sửa tệp tin giao diện (Theme File Editor).
• Kéo xuống dưới tìm mục template-parts.
• Chọn posts -> partials và mở file archive-title.php.
• Tìm dòng chữ “Category Archives: %s” và xóa phần “Category Archives:”.

Cập nhật tệp và hoàn thành

Sau khi chỉnh sửa file PHP, nhấn Cập nhật tập tin và quay lại trang danh mục tin tức để kiểm tra thay đổi. Giao diện của bạn giờ đã tối ưu và không còn hiển thị dòng chữ không mong muốn.

Với các bước hướng dẫn chi tiết trên, bạn đã có thể dễ dàng tạo và tùy chỉnh giao diện trang danh mục tin tức trên website WordPress sử dụng theme Flatsome. Tùy chỉnh giao diện không chỉ giúp trang web trở nên đẹp mắt, chuyên nghiệp mà còn mang lại trải nghiệm tốt hơn cho người dùng. Chúc bạn thành công!

Video hướng dẫn tạo giao diện danh mục tin tức