How to create curated pages with TanaFlows

Nội dung này chưa có sẵn trong ngôn ngữ của bạn.

Check out Demo Curated Page ⬇️

Tools ghostfam.win

This demo page gathers posts tagged #tools, employing a child search within #tool. It indexes titles, excerpts, and full content for search returns.

Curated pages prove to be a strategic asset for those looking to monetize their digital presence. These specially crafted pages offer targeted monetization by aligning content with audience interests, ensuring increased engagement and interaction.

By strategically promoting products, services, or affiliate links, curated pages become a focal point for generating income. Moreover, their impact extends to improved SEO, increased traffic, and potential ad revenue, making them an indispensable tool for individuals seeking to make money online.

You will be able to create unlimited curated pages with child search (search within tag) using TanaFlows theme by following the 4 simple steps below.

Curated Page

Step 1: Design a custom route

The first step is to create a custom route to rule the URL and template for curated content.

Download the default route at Setting > Labs > Routes and open it to edit with notepad or any software you have in Window or Mac.

Download the default route

Or you can reference the default route of ghost below

routes:

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

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

Let’s say I want to create a Tools Page with the URL /tools/. Below is the custom route I will create

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}/

I add filter: tag:-[hash-tools] at block /:

...
  /:
    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
...

That means my curated page will have:

URL /tools/
Use template grid-layout in theme TanaFlows (only theme TanaFlows)
Gather all article with tag #tools (hash-tools) in order priority featured posts.
Get data (SEO meta, content, etc) from the page has URL /tools/
Moreover, my blog page (home page) will hidden any article with tag #tools as well.

Reference and customize any page you want.

Upload the edited route at Setting > Labs > Routes

Re-upload edited route

Step 2: Create a new page for custom route

You made the custom route as above, next you need to create a new page that serve for that route: Tools Page with URL /tools/

The page will have:

URL: require* /tools/ (because you made the custom route as step #1)
Title: Whatever you want
Excerpt: Whatever you want
Content: require* a custom script for child search. use HTML block (see custom script at step #3)

Step 3: Make the child search (search within tag)

Child search need a custom script as below

<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 = () => {
    // setup Content API
    const api = new GhostContentAPI({
      url: 'https://yourdomain.com',
      key: '[CONTENT API KEY]',
      version: 'v5.0',
    });

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

Notice this block

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

    // fetch posts
    api.posts
      .browse({ limit: 'all', include: 'tags,authors', filter: 'tags:[hash-tools]' })
...

You need replace 3 code pharses:

url: https://yourdomain.com into your own domain without / at the end.
[CONTENT API KEY] use your Content API Key. Get Content API Key at Setting > Integration > Custom > Add new
tags:[hash-tools] use your own tag which you want to search within (child search).