Thiết Kế Trang Blog của Bạn trong Trình Chỉnh Sửa Giao Diện (Giao Diện OS 3.0)

Trang Blogs và Trang Danh mục Blog cho phép khách hàng duyệt các bài viết của cửa hàng bạn và lọc theo chủ đề, giúp người mua dễ dàng khám phá các câu chuyện, hướng dẫn và cập nhật của thương hiệu bạn. Cả hai trang đều được xây dựng từ cùng một module Blogs trong Trình chỉnh sửa Chủ đề, vì vậy hầu hết các thành phần và cài đặt hoạt động giống nhau trên mỗi trang.

Hướng dẫn này giải thích cách tùy chỉnh Trang Blogs, cấu hình Trang Danh mục Blog và bật các bản tóm tắt văn bản phong phú cho các bản xem trước bài viết blog của bạn.

Thiết kế Trang Blogs

Trang Blogs hiển thị tất cả các bài viết blog của cửa hàng bạn dưới dạng danh sách các thẻ. Để mở nó trong Trình chỉnh sửa Chủ đề:

1. Từ trang quản trị SHOPLINE của bạn, đi tới Cửa hàng trực tuyến > Thiết kế.
2. Tìm chủ đề hiện tại của bạn và nhấp vào nút Thiết kế để vào Trình chỉnh sửa Chủ đề.
3. Trong bộ chọn trang ở trên cùng, chọn Blog, sau đó nhấp vào Mặc định để chỉnh sửa mẫu trang Blogs tiêu chuẩn, hoặc nhấp vào + Tạo mẫu để xây dựng bố cục mới từ đầu.

4. Phía trên phần đầu trang trong menu bên trái, sử dụng trường tìm kiếm hoặc danh sách tiêu đề bài viết blog để chọn bài viết blog muốn xem trước.

   Lưu ý: Danh sách này chỉ có sẵn nếu bạn đã tạo bài viết blog trong module Blogs. Xem "Tạo và Quản lý Bài viết Blog" để biết thêm thông tin.

5. Nhấp vào thành phần Bài viết để thiết kế cách hiển thị mỗi bài viết blog, bao gồm Tiêu đề, Tác giả/Thời gian, Hình ảnh, Nội dung, Chia sẻ, nút 'Quay lại', và phần Đánh giá.

6. Nhấp vào + Thêm thành phần, sau đó tìm kiếm và thêm phần Blogs. Khi đã thêm, bạn có thể cấu hình các cài đặt sau:

   Lưu ý: Phần Blogs là một thành phần, không phải là thứ chỉ dành riêng cho trang Blog. Bạn có thể thêm nó vào hầu hết các trang khác trong Trình chỉnh sửa Chủ đề theo cùng cách — qua + Thêm thành phần — ngoại trừ trang Thanh toán. Bất kỳ cài đặt nào bạn cấu hình ở đây, bao gồm Bật tóm tắt văn bản phong phú, sẽ áp dụng ở bất cứ nơi nào bạn thêm phần Blogs.

   • Blogs: Nhấp vào thành phần Blogs để cấu hình các cài đặt chung cho phần blog, bao gồm:
     • Danh mục blog: Nhấp vào Chọn danh mục blog để lọc danh mục bài đăng xuất hiện trong danh sách.
     • Màu sắc: Chọn một bảng màu cho trang, hoặc nhấp Chỉnh sửa để thay đổi bảng màu hiện có.
     • Bố cục: Điều chỉnh cách danh sách blog được sắp xếp trên trang.
     • CSS tùy chỉnh: Thêm kiểu dáng tùy chỉnh nếu cần.
   • Tiêu đề: Văn bản tiêu đề hiển thị phía trên danh sách blog.
   • Danh sách blog: Vùng chứa tất cả các thẻ bài đăng blog. Nhấp vào để cấu hình:
     • Số lượng blog: Đặt số lượng bài đăng blog hiển thị trong danh sách.
     • Số cột (di động): Đặt số cột hiển thị trên mỗi hàng trên thiết bị di động.
     • Bật cuộn trái-phải trên di động: Cho phép khách hàng vuốt ngang qua các thẻ blog trên di động.
     • Kiểu vuốt trên di động: Chọn cách các thẻ hoạt động khi vuốt trên di động (ví dụ, Đơn giản).
     • Số cột (máy tính để bàn): Đặt số cột hiển thị trên mỗi hàng trên máy tính để bàn.
     • Thẻ blog: Mỗi thẻ riêng lẻ, bao gồm Ảnh bìa và Thông tin blog (Tiêu đề, Nhãn tác giả/ngày, và Tóm tắt).
   • Nút bấm: Bất kỳ nút kêu gọi hành động nào hiển thị bên cạnh danh sách blog.
7. Nhấp Lưu để áp dụng các cài đặt của bạn.

Bật Tổng quan Văn bản Định dạng cho Thẻ Blog

Mặc định, mỗi thẻ blog trên Trang Blogs và Trang Danh mục Blog hiển thị một tổng quan văn bản thuần túy của bài đăng. Bạn có thể chuyển sang tổng quan văn bản định dạng, hiển thị cùng đoạn xem trước đã được định dạng — bao gồm các kiểu như in đậm, in nghiêng và liên kết — giống như trong bài đăng blog.

Để bật tóm tắt văn bản định dạng:

1. Chọn một thành phần Thẻ Blog, sau đó chọn Thông tin Blog > Tóm tắt trên menu bên trái.
2. Trong bảng cài đặt, bật Bật tóm tắt văn bản định dạng.

Khi cài đặt này tắt (mặc định), các tùy chọn sau có sẵn:

• Thẻ Văn bản: Đặt thẻ tiêu đề HTML dùng cho mục đích SEO; điều này không thay đổi cách hiển thị tóm tắt trên trang.
• Bố cục: Điều khiển kiểu văn bản được sử dụng cho tóm tắt.
• Căn chỉnh Văn bản: Căn trái, căn giữa hoặc căn phải cho văn bản tóm tắt.
• Quy tắc Hiển thị: Điều khiển lượng tóm tắt được hiển thị (ví dụ, hiển thị đầy đủ hoặc rút gọn).

Khi cài đặt này bật: 

• Chỉ còn Quy tắc Hiển thị là có sẵn. Tóm tắt được hiển thị bằng cách sử dụng cùng định dạng văn bản định dạng và thẻ SEO áp dụng trong trình chỉnh sửa bài đăng blog.

Thiết kế Trang Danh mục Blog

Trang danh mục blog hoạt động giống như Trang Blogs, nhưng chỉ hiển thị các bài đăng thuộc một danh mục cụ thể.

Để mở nó trong Trình chỉnh sửa Chủ đề:

1. Từ bộ chọn trang, chọn Danh mục Blog từ menu thả xuống.
2. Sử dụng trường tìm kiếm hoặc danh sách các danh mục trong bảng bên trái để chọn danh mục bạn đang chỉnh sửa.
3. Trên menu bên trái, chọn Danh mục Blog để xem và chỉnh sửa các thành phần của nó.

Trang Danh mục Blog chia sẻ cùng các thành phần Thẻ Blog và Thông tin Blog như trang Blogs (Ảnh bìa, Tiêu đề, Nhãn tác giả/ngày và Tóm tắt), bao gồm cả cài đặt Bật tóm tắt văn bản phong phú được mô tả trong "Bật Tóm tắt Văn bản Phong phú cho Thẻ Blog" ở trên. Nó cũng bao gồm một thành phần tên danh mục Blog, hiển thị tiêu đề danh mục ở đầu trang.

Trong bảng cài đặt, bạn cũng có thể cấu hình thêm:

• Bố cục: Chọn Lưới để sắp xếp các thẻ blog theo cột.
• Số cột (máy tính để bàn): Đặt số cột hiển thị trên mỗi hàng; chỉ áp dụng trong bố cục lưới.
• Số blog trên mỗi trang: Sử dụng thanh trượt để đặt số bài đăng hiển thị trước khi phân trang.
• Màu sắc và CSS tùy chỉnh: Giống như trên trang Blogs.