Browser limitation detected

Facebook browser may limit features like the Menu. For the best experience, please tap (...) and choose 'Open in Browser'.

Photo by Daniel Beilinson / Unsplash
Cách tạo trang curated với TanaFlows

Cách tạo trang curated với TanaFlows

— 3 phút đọc —

Tìm hiểu cách tạo các trang curated với TanaFlows để hiển thị bài viết theo tag.

banner-Cường Thạch
Cường Thạch avatar

Xây dựng website tinh gọn để bắt đầu bán sản phẩm ngay lập tức. Nhà sáng lập bePublish và BrainNode OS,

Các trang curated (curated pages) được xem là một tài sản chiến lược dành cho những ai muốn kiếm tiền từ sự hiện diện số của mình. Những trang được xây dựng chuyên biệt này cho phép kiếm tiền có mục tiêu bằng cách liên kết nội dung với đúng sở thích của độc giả, từ đó tăng mức độ tương tác và sự gắn kết.

Bằng cách quảng bá sản phẩm, dịch vụ hoặc các liên kết affiliate một cách có chiến lược, các trang curated trở thành điểm tập trung để tạo ra thu nhập. Ngoài ra, chúng còn mang lại lợi ích về SEO, tăng lưu lượng truy cập và tiềm năng doanh thu quảng cáo, khiến chúng trở thành công cụ không thể thiếu cho những ai muốn kiếm tiền online.

Bạn có thể tạo số lượng trang curated không giới hạn với tính năng child search (tìm kiếm trong tag) bằng theme TanaFlows theo 4 bước đơn giản dưới đây.


Bước #1: Tạo custom route

Bước đầu tiên là tạo custom route để điều hướng URL và template cho nội dung curated.

Tải route mặc định tại Settings > Labs > Routes và mở bằng Notepad hoặc bất kỳ phần mềm chỉnh sửa nào trên Windows hoặc Mac.

Hoặc bạn có thể tham khảo route mặc định của Ghost dưới đây:

routes:

collections:
  /:
    permalink: /{slug}/
    template: index

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

Ví dụ, nếu bạn muốn tạo trang Tools với URL /tools/, bạn sẽ tạo route như sau:

routes:

collections:
  /:
    permalink: /{slug}/
    filter: tag:-[hash-tools]
    template: index
  /tools/:
    permalink: /{slug}/
    template: grid-layout
    order: featured desc, published_at desc
    filter: tag:[hash-tools]
    data: page.tools

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

Giải thích:

  • filter: tag:-[hash-tools] trong block /: giúp ẩn các bài viết có tag tools khỏi homepage
  • /tools/ là trang curated mới
  • template: grid-layout dùng layout riêng trong theme TanaFlows
  • filter: tag:[hash-tools] lấy toàn bộ bài viết gắn tag #tools
  • order: featured desc, published_at desc ưu tiên bài nổi bật và mới nhất
  • data: page.tools lấy dữ liệu SEO và nội dung từ page /tools/

Sau đó upload route này trong Settings > Labs > Routes.


Bước #2: Tạo page cho custom route

Tạo một page mới cho route /tools/.

Thông tin cần có:

  • URL: /tools/ (bắt buộc)
  • Title: tùy chọn
  • Excerpt: tùy chọn
  • Content: bắt buộc (chèn script child search bằng HTML block ở bước #3)

Bước #3: Tạo child search (tìm kiếm trong tag)

Thêm đoạn script sau vào HTML block:

<script>
  const fuseOptions = {
    keys: [
      { name: 'title', weight: 0.7 },
      { name: 'excerpt', weight: 0.2 },
      { name: 'html', weight: 0.1 }
    ],
    includeScore: true,
    shouldSort: true,
    includeMatches: true,
    findAllMatches: true,
    ignoreLocation: true
  };

  let fuseSearch = '';

  window.onload = () => {
    const api = new GhostContentAPI({
      url: 'https://yourdomain.com',
      key: '[CONTENT API KEY]',
      version: 'v5.0',
    });

    api.posts
      .browse({ limit: 'all', include: 'tags,authors', filter: 'tags:[hash-tools]' })
      .then((posts) => {
        fuseSearch = new Fuse(posts, fuseOptions);
      })
      .catch((err) => console.error(err));
  };
</script>

Thay đổi 3 phần:

  • url: 'https://yourdomain.com' → domain của bạn
  • [CONTENT API KEY] → Content API Key trong Settings > Integration
  • tags:[hash-tools] → tag bạn muốn dùng cho trang curated

Bước #4: Xuất bản bài viết curated

Sau khi có trang /tools/, bạn chỉ cần tạo bài viết mới và gắn tag #tools.


Giải thích thêm về child search trong TanaFlows

Kết quả tìm kiếm sẽ được ưu tiên theo thứ tự:

  • Title
  • Excerpt
  • Content

Điều này có nghĩa là hệ thống không chỉ tìm trong tiêu đề và mô tả, mà còn tìm cả nội dung bài viết, giúp kết quả chính xác và sâu hơn.


Xem demo trang curated

Bạn có thể xem demo thực tế tại:

Tools demo page

Trang này tổng hợp các bài viết gắn tag #tools và hỗ trợ child search trong cùng tag, bao gồm tìm kiếm theo tiêu đề, excerpt và toàn bộ nội dung.

Bình luận

banner-Cường Thạch
Cường Thạch avatar

Xây dựng website tinh gọn để bắt đầu bán sản phẩm ngay lập tức. Nhà sáng lập bePublish và BrainNode OS,

Cộng Đồng TanaFlows

✨ Hãy kết nối và chia sẻ đam mê của bạn ngay trong cộng đồng TanaFlows. Tham gia để cùng nhau tạo nên một sân chơi đầy ý nghĩa.