Hướng dẫn tạo giao diện trang chi tiết tin tức với Flatsome

Bạn đang tìm cách tối ưu giao diện trang chi tiết tin tức trong theme Flatsome? Bài viết này sẽ hướng dẫn bạn từng bước để tùy chỉnh các yếu tố trong Blog Single Post, giúp bài viết của bạn trở nên thu hút hơn.

Truy cập phần Blog Single Post trong Flatsome

Đăng nhập vào trang quản trị WordPress của bạn.

Trên thanh menu bên trái, chọn Giao diện → Tùy chỉnh giao diện (Customize).

Trong giao diện Tùy chỉnh, bạn sẽ thấy mục Blog.

Chọn Blog Single Post để bắt đầu tùy chỉnh giao diện cho từng bài viết.

Các tùy chỉnh trong Blog Single Post

Khi vào phần Blog Single Post, bạn có thể tùy chỉnh các yếu tố chính cho giao diện bài viết.

Ở phần Blog Post Single Layout chúng ta có thể chọn bố cục hiển thị sidebar bên phải, bên trái hoặc không hiển thị

Ở mục Title Layout

• Top full: Tiêu đề được hiển thị toàn màn hình hoặc trong một khung lớn, thường có thêm hình nền hoặc màu sắc đặc biệt.

• Normal: Đây là bố cục tiêu đề thông thường, nơi tiêu đề xuất hiện ngay phía trên nội dung bài viết

• Inline: Tiêu đề và nội dung xuất hiện liền kề, không có khoảng cách lớn hoặc phần riêng biệt cho tiêu đề.

Bố cục này sẽ giống với bố cục tiêu đề thông thường nhưng tiêu đề và nội dung xuất hiện liền kề, không có khoảng cách lớn giữa hai phần. Điều này giúp tiêu đề và nội dung trông như một khối liền mạch

Trong phần Enable Header Meta của Flatsome bao gồm: ngày đăng, tác giả, danh mục… cho phép bạn bật hoặc tắt hiển thị ngay bên dưới tiêu đề của bài viết

Ở phần Enable Featured Image cho phép bạn bật hoặc tắt việc hiển thị hình ảnh đại diện (featured image) ở đầu mỗi bài viết.

Tại phần Enable Share Icons cho phép bạn bật hoặc tắt các biểu tượng chia sẻ lên mạng xã hội ở cuối mỗi bài viết.

Ở mục Enable Footer Meta cho phép bạn bật hoặc tắt việc hiển thị thông tin meta ở phần chân trang (footer) của bài viết. Những thông tin này thường bao gồm: Danh mục, Thẻ, thông tin tác giả, số lượng bình luận…

Ở mục Enable Blog Author Box cho phép bạn bật hoặc tắt hiển thị hộp tác giả ở cuối mỗi bài viết. Hộp tác giả thường chứa thông tin về người viết bài, giúp người đọc dễ dàng nhận diện và tìm hiểu thêm về tác giả.

Ở mục Enable Next/Prev Navigation của Flatsome cho phép bạn bật hoặc tắt các liên kết điều hướng đến bài viết tiếp theo và bài viết trước đó

Lưu và xuất bản thay đổi

Sau khi tùy chỉnh xong giao diện của bài viết, hãy nhấn Xuất bản.

Truy cập lại trang blog để xem giao diện bài viết sau khi đã được tùy chỉnh. Bạn có thể kiểm tra để đảm bảo mọi phần tử hiển thị đúng như mong muốn.