Browser limitation detected

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

Photo by Michael Olsen / Unsplash
So erstellst du kuratierte Seiten mit TanaFlows

So erstellst du kuratierte Seiten mit TanaFlows

— 2 Min. Lesezeit —

Erfahre, wie du mit TanaFlows kuratierte Seiten erstellst, die Artikel nach Tags anzeigen.

banner-Cuong Thach
Cuong Thach avatar

Erstellen Sie eine schlanke Website und verkaufen Sie Ihre Produkte sofort. Gründer von bePublish und BrainNode OS.


Kuratierten Seiten erweisen sich als strategisches Asset für alle, die ihre digitale Präsenz monetarisieren möchten. Diese speziell gestalteten Seiten ermöglichen eine gezielte Monetarisierung, indem sie Inhalte mit den Interessen der Zielgruppe abstimmen und so mehr Engagement und Interaktion fördern.

Durch die strategische Bewerbung von Produkten, Dienstleistungen oder Affiliate-Links werden kuratierte Seiten zu einem zentralen Knotenpunkt für die Generierung von Einkommen. Darüber hinaus wirken sie sich positiv auf SEO, Traffic-Steigerung und potenzielle Werbeeinnahmen aus und sind damit ein unverzichtbares Werkzeug für alle, die online Geld verdienen möchten.

Mit dem TanaFlows-Theme kannst du unbegrenzt viele kuratierte Seiten mit Child Search (Suche innerhalb eines Tags) erstellen, indem du die folgenden 4 einfachen Schritte befolgst.


Schritt #1: Custom Route erstellen

Der erste Schritt besteht darin, eine benutzerdefinierte Route zu erstellen, die URL und Template für kuratierte Inhalte definiert.

Lade die Standard-Route unter Settings > Labs > Routes herunter und öffne sie mit Notepad oder einer beliebigen Software auf Windows oder Mac.

Oder nutze die Standard-Route von Ghost als Referenz:

routes:

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

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

Standard-Route in Ghost

Angenommen, du möchtest eine Tools-Seite mit der URL /tools/ erstellen. Dann sieht die Custom Route so aus:

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

Ich füge hinzu:

filter: tag:-[hash-tools]

im Block /: und erstelle einen neuen Block:

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

Das bedeutet:

  • URL: /tools/
  • Template: grid-layout (nur im TanaFlows-Theme)
  • Alle Artikel mit Tag #tools werden gesammelt
  • Sortierung nach Featured-Priorität
  • SEO- und Seitendaten kommen von /tools/
  • Posts mit #tools werden von der Startseite ausgeschlossen

Schritt #2: Neue Seite für die Route erstellen

Nach der Route musst du eine Seite erstellen:

  • URL (Pflicht): /tools/
  • Titel: frei wählbar
  • Excerpt: frei wählbar
  • Inhalt: Pflicht – Custom Script für Child Search (HTML Block, siehe Schritt #3)

Schritt #3: Child Search erstellen (Suche innerhalb eines Tags)

Child Search benötigt ein Custom Script:

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

    // Posts abrufen
    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>

Beachte diesen Block:

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]' })

Du musst 3 Werte ersetzen:

  • url: 'https://yourdomain.com' → deine Domain (ohne / am Ende)
  • [CONTENT API KEY] → dein Content API Key (zu finden unter Settings > Integrations > Custom > Add new)
  • tags:[hash-tools] → dein gewünschtes Tag für Child Search

Danach speichern und die Tools-Seite veröffentlichen.


Schritt #4: Kuratierte Posts veröffentlichen

Jetzt ist die Seite /tools/ öffentlich verfügbar.
Als nächstes musst du Inhalte hinzufügen:

  • Erstelle einen neuen Post
  • Weise den Tag #tools zu

Mehr über Child Search in TanaFlows

Die Suchergebnisse werden in dieser Reihenfolge priorisiert:

  1. Titel
  2. Excerpt
  3. Content

Ja – Child Search durchsucht sogar den gesamten Inhalt eines Beitrags, nicht nur Titel und Beschreibung.


Beispiel in der Praxis

Sieh dir die Demo-Seite mit Child Search an:

👉 https://tanaflows.bepublish.com/de/tools/

Diese Demo-Seite sammelt Beiträge mit dem Tag #tools und nutzt Child Search innerhalb dieses Tags. Dabei werden Titel, Excerpt und kompletter Content indexiert und durchsucht.

Kommentare

banner-Cuong Thach
Cuong Thach avatar

Erstellen Sie eine schlanke Website und verkaufen Sie Ihre Produkte sofort. Gründer von bePublish und BrainNode OS.

Der Community TanaFlows beitreten

Treten Sie der TanaFlows-Community bei. Finden Sie neue Freunde, lernen Sie Neues und erweitern Sie Ihren Horizont.