Du hast vielleicht schon von einigen der beliebtesten Verzeichnis-Websites gehört. eBay, Yahoo, Facebook, Bing, Foursquare und Yelp sind nur einige der vielen Websites, die Produkte und Dienstleistungen für uns auflisten. Du kannst ganz einfach eine Verzeichnis-Website erstellen, um fast alles aufzulisten. In der Tat findest du Beispiele für Immobilien, lokale Unternehmen und Autos. Was auch immer du willst, du kannst es auflisten.

Aus diesem Grund sind Verzeichnis-Websites eine der beliebtesten Arten von Websites zu erstellen und zu versuchen, Geld zu verdienen.

Aber wie bei jedem komplexen Projekt ist es entscheidend, dass du den richtigen Weg gehst, um sicherzustellen, dass dein Projekt ein Erfolg wird. In diesem Artikel werden wir dich durch alle wichtigen Schritte führen, damit du eine Verzeichnis-Website erstellen kannst:

Auswahl einer Nische für deine Verzeichnis-Website

Nun, da du dich entschieden hast, eine solche Website zu erstellen, ist die wichtigste Frage:

Was genau wirst du auf deiner Verzeichnis-Website auflisten?

Die Identifizierung deines Marktes könnte der Unterschied zwischen deinem nächsten profitablen Geschäft und einem sein, das einfach zu einem weiteren gescheiterten Projekt im Web wird.

Hier sind die Schritte, die du unternehmen solltest, um zu beurteilen, worauf sich deine Verzeichnis-Website spezialisieren wird.

Denke darüber nach, was dich am Verkauf interessieren würde:

Zuerst ist es wichtig, darüber nachzudenken, für welche Art von Produkten, Branchen und Dienstleistungen du dich interessierst. Wenn du mit diesem Ziel im Hinterkopf anfängst, wirst du leidenschaftlicher für dein Projekt sein und es wird dir hoffentlich leichter fallen, vier oder fünf Arten von Branchen, Nischen oder Vertikalen zu finden, die du als Grundlage für den Rest deiner Forschung verwenden kannst.

Wenn du zum Beispiel gerne mit Freunden ausgehst, hast du eine gute Vorstellung von den beliebtesten Restaurants in deiner Stadt, der Art der Speisen, die sie servieren, und was ihre besten Gerichte sind.

Dies gibt dir die richtige Art von Wissen, mit der du anfangen kannst, bestimmte Restaurants anzusprechen, von denen du weißt, dass sie großartig sind, anstatt Ressourcen für andere zu verschwenden.

Schau, wonach die Leute suchen:

Sobald du dir darüber im Klaren bist, was du verkaufen möchtest, kannst du dann mit einer gründlichen Recherche fortfahren, um die beliebtesten Unternehmen in deiner bevorzugten Nische aufzudecken. Eine der effektivsten Möglichkeiten ist es, sich anzusehen, wonach die Menschen im Internet suchen. Dazu gibt es viele SEO-Tools, die du verwenden kannst, wie Google Keyword Planner, Ahrefs oder Moz.

Der Schlüsselpunkt hier ist, die richtigen Long-Tail-Keywords zu finden, die diese magische Kombination aus hoher Popularität und relativ geringer Konkurrenz haben.

Hier ist, was ich meine: Stellen wir uns vor, du hast dich entschieden, eine Verzeichnis-Website zu erstellen, auf der man lokale Bauherren finden kann. Ich habe Ahrefs verwendet, um Suchbegriffe zu finden, die beliebt sind (über 200 Suchanfragen pro Monat) und nicht zu wettbewerbsfähig sind (eine Schwierigkeitsbewertung von weniger als 50). Hier ist eine Liste von ihnen:

Ahrefs-Ergebnisseite für eine bestimmte Abfrage
Ahrefs-Ergebnisseite für eine bestimmte Abfrage
  • Bauherren in meiner Nähe
  • Zaunbauer in meiner Nähe
  • Hausbauer in meiner Nähe
  • Hausbauer in der nähe von mir
  • Individuelle Hausbauer
  • Hausbauer
  • Garagenbauer
  • Ferienhausbauer
  • Poolbauer in meiner Nähe

Von hier, wirst du sehen, welche Keywords du anstreben solltest, um dein Website-Ranking zu verbessern. Aber es gibt noch mehr: Dank dieser Forschung kannst du sehen, welche Art von Bauherren die Menschen suchen. Als Beispiel ist die Abfrage „Poolbauer in meiner Nähe“ eine beliebte Recherche, für die du vielleicht einen speziellen Abschnitt auf deiner Verzeichnis-Website erstellen möchtest.

Weitere Informationen zur Optimierung des SEO deiner Website findest du in der SEO-Checkliste von Kinsta.

Überprüfe, ob es bereits Websites gibt, die deiner Nische dienen:

Eine Liste der populären Longtail-Keywords zu haben, ist eine Sache, aber das wird weniger nützlich sein, wenn es Verzeichnis-Websites gibt, die sie bereits bedienen. Du kannst SEO-Tools verwenden, um herauszufinden, wer für die Suche am besten geeignet ist. Du kannst auch sehen, wie wettbewerbsfähig jedes deiner Keywords ist. Wenn es an Wettbewerb mangelt, dann hast du den richtigen Markt gefunden.

In Fortführung unseres Beispielverzeichnisses für Bauherren sind dies die Websites, die gut für „Zaunbauer“ ranken.

Ahrefs SERP Überblick
Ahrefs SERP Überblick

Wie du sehen kannst, gibt es nicht viele Webseiten von Bauherrenverzeichnissen. Darüber hinaus haben diejenigen, die in den Top 10 ranken, keinen großen Ahrefs-Rank, was bedeutet, dass wir in der Lage sein sollten, sie zu übertreffen, wenn wir mit unserem SEO clever sind.

Suche nach Unternehmen, die bereit sind, deine Verzeichnis-Website zu nutzen:

Nun da du weißt, dass es eine Nachfrage nach deiner Nische gibt, musst du mit Geschäften sprechen, um zu sehen, ob sie bereit sind, für die Nutzung deines Services zu bezahlen. Zum Beispiel, wenn du eine Immobilienverzeichnisseite in New York erstellst, werden Immobilienunternehmen bereit sein, deine Plattform zu nutzen, um ihre Immobilien zu bewerben?

Du musst sie später kontaktieren, sobald deine Verzeichnis-Website anfängt, gut zu funktionieren, aber es ist immer eine gute Idee für sie, dich auf deinem Radar zu haben, damit sie sich daran erinnern, wer du bist, wenn du zu ihnen zurückkehrst.

Wie du deine Verzeichnis-Website monetarisieren kannst

Es gibt zwei einfache Möglichkeiten, wie du im Handumdrehen Geld durch deine Verzeichnis-Website verdienen kannst:

1. Gebühren für Listings berechnen

Sobald du anfängst, wertvollen Traffic auf deine Website zu bringen, was zu Conversions für Listings führt, werden Unternehmen anfangen, Notiz zu nehmen und mehr Content für deine Website veröffentlichen wollen.

Dies ist der Zeitpunkt, an dem du anfangen kannst, sie für dieses Privileg bezahlen zu lassen. Du kannst Premium-Angebote anbieten, die an der Spitze der Suchergebnisse stehen (ähnlich wie die Google-Suchergebnisse) und nie ablaufen.

Du kannst entweder monatliche Gebühren für reguläre Listen einrichten oder eine einfache Einmalzahlung für diejenigen, die nicht planen, große Mengen an Inhalten einzureichen.

2. Verkaufe Werbeflächen

Angesichts der (hoffentlich) großen Besucherzahlen deiner Website kannst du sie durch die Bereitstellung relevanter Anzeigen weiter monetarisieren.

Mithilfe von Tools wie Google Analytics (hier erfährst du, wie du Google Analytics mit WordPress verbindest) kannst du herausfinden, was die Nutzer/innen auf deine Webseite bringt und ob es relevante Produkte gibt, die du ihnen verkaufen kannst. Zum Beispiel, wenn Benutzer auf der Suche nach Bauherren für ihr neues Schwimmbad auf deine Website strömen, gibt es vielleicht andere Produkte, die sie bereit sind zu kaufen, wie z.B. Badeanzüge. Dann kannst du mit Unternehmen in Kontakt treten und sie über die Vorteile der Werbung mit dir informieren.

Ein weiterer einfacher Weg ist die Verwendung von Google Adsense und seinen Alternativen, die in der Lage sein werden, die relevantesten qualitativ hochwertigen Anzeigen für Ihre Website zu identifizieren und automatisch dort zu platzieren. Lesen Sie unseren Leitfaden über das Hinzufügen von Google AdSense zu Ihrer WordPress-Seite.

3. Mitgliedschaft oder abonnementbasierte Website

Sobald deine Verzeichnis-Website zu einer zuverlässigen Quelle für Einträge in einem bestimmten Bereich wird, kannst du sowohl Listenmitgliedern als auch Benutzern den Zugriff auf deine Informationen berechnen.

Listers werden Zugang zu der großen Anzahl potenzieller Kunden wünschen, die deine Website besuchen. Daher sind sie bereit, für Leistungen wie Angebote ohne Verfallsdatum oder Angebote, die ganz oben in der Suche erscheinen, zu zahlen.

Ebenso können Kunden geneigt sein, zu zahlen, um die besten Angebote auf deiner Website zu sehen. Alternativ kannst du den Benutzern erlauben, alle deine Angebote zu sehen, aber nur dann Zugang zu den Kontaktdaten zu erhalten, wenn sie ein bezahltes Mitglied sind.

Es gibt eine Reihe von WordPress-Mitgliedschaft Plugins, die dir helfen können, dich um alle deine Zugangskontrollanforderungen zu kümmern.

Branding

Bevor du in den tatsächlichen Aufbau deiner Website eintauchst, ist es wichtig, deine Branding-Strategie zu planen.

Natürlich wirst du hoffen, zwei Arten von Nutzern anzuziehen: diejenigen, die nach Angeboten suchen und diejenigen, die Angebote verkaufen wollen. Als solches musst du darüber nachdenken, was für beide Gruppen funktioniert.

Wichtige Aspekte deiner Marke müssen beinhalten:

Dein Name – Schau dir diese Tipps an, wie du einen Domainnamen auswählen kannst.

Das Aussehen deiner Website – Betrachte das Theme, die Farben, den Schriftstil und alle anderen Designoptionen. Mit WordPress gibt es eine Reihe von kostenlosen und kostenpflichtigen Themes zur Auswahl.

Dein Blogging-Stil – Welche Inhalte werden für dich funktionieren? Wie wird dein Ton sein? Wie wirst du mit deinen Lesern kommunizieren? In den Blogging-Tipps von Kinsta findest du weitere Informationen zu all diesen und weiteren Themen.

Andere Möglichkeiten, wie du deine Website bewerben kannst – Neben guter SEO gibt es andere Möglichkeiten für dich, den Traffic auf deine Website zu steigern. Für bezahlte Werbung solltest du GoogleAds erkunden, um zu sehen, welche Anzeigen für deine Website am effektivsten sind. Darüber hinaus sind Social Media wie Facebook ein weiterer offensichtlicher Weg zum Erfolg. Folge unserem Leitfaden zur Nutzung von Facebook für den Marketingerfolg für weitere Informationen.

Richte deine Verzeichnis-Website ein

Bevor du anfängst, Funktionen und Inhalte zu deiner Verzeichnis-Website hinzuzufügen, gibt es vier Elemente, die du einrichten musst.

1. Die Wahl deiner Website Plattform

Es gibt eine Reihe von kostenlosen Plattformen wie WordPress.com, die attraktiv erscheinen könnten, wenn du hoffst, die Kosten niedrig zu halten. Aber wenn du wirklich eine erweiterte Verzeichnis-Website willst, die du monetarisieren kannst, dann brauchst du etwas viel robusteres.

Die beste Lösung ist WordPress.org, das dir die volle Freiheit gibt, deine Verzeichnisseite anzupassen und in der Lage ist, die Tausende (hoffentlich!) von Besuchern deiner Seite zu unterstützen. Schau dir die Unterschiede zwischen WordPress.com und WordPress.org an, um weitere Informationen zu erhalten.

Hier sind ein paar Gründe, warum die Wahl von WordPress.org für deine Verzeichnis-Website sinnvoll ist:

  • Rund jede dritte Website wird mit WordPress betrieben.
  • Einige der beliebtesten Websites, einschließlich CNN, verwenden WordPress.
  • Dank seiner Popularität kannst du dich auf eine der größten Open-Source-Communities von Entwicklern, Designern, Redakteuren und Content-Writern verlassen.
  • Es ist billiger, eine Website auf WordPress zu erstellen als auf Drupal.
  • WordPress bietet Tausende von Themes und Plugins, mit denen du deine Verzeichnis-Website anpassen kannst.
  • Du kannst komplexe Features ohne PHP-Programmierung hinzufügen (wir werden auf einige davon in Kürze näher eingehen).

2. Wähle einen zuverlässigen Webhost aus

Angesichts der Tatsache, dass du eine Verzeichnis-Website betreibst, von der du hoffst, sie zu monetarisieren, und die ein stetiges Wachstum des Datenverkehrs erfahren wird, wirst du einen zuverlässigen Webhost für deinen Seelenfrieden brauchen.

Webhosting ist wie ein echtes Haus, auf das deine Website zeigt. Innerhalb dieses „Hauses“ wird dein Webhoster alle Dateien deiner Website speichern

Wenn du einen Host für eine Verzeichnis-Website wählst, wünschst du dir eine Option, die Spikes im Traffic bewältigen kann, die Leistung deiner Website verbessert und eine Erfolgsgeschichte der Zuverlässigkeit bei der Vermeidung von Ausfällen aufweist.

Die beste Option für deine Verzeichnis-Website ist Kinsta, die dir die Sicherheit gibt, die du für dein wachsendes Geschäft brauchst. Neben den oben genannten Vorteilen hebt sich Kinsta durch eine Reihe weiterer Merkmale vom Wettbewerb ab

  • WordPress-spezifische Funktionen und Tools, die andere Hosts nicht anbieten, wie z.B. MyKinsta
MyKinsta Dashboard
MyKinsta Dashboard
  • 24/7-Kundensupport mit einer durchschnittlichen Ticket-Antwortzeit von weniger als fünf Minuten.
  • Schnellere Ladezeiten der Seite
Kinsta Ladezeit Vergleich
Kinsta Ladezeit Vergleich

3. Passe den Look deiner Website mit einem tollen Theme an.

Sobald du deine WordPress Website installiert hast, musst du jetzt entscheiden, wie sie aussehen wird. Der wichtigste Schritt ist die Wahl des Themes deiner Website.

WordPress bietet eine Reihe von tollen kostenlosen und kostenpflichtigen Optionen, von denen viele auf Verzeichnis-Websites ausgerichtet sind. Neben dem Aussehen deines Themes gibt es noch ein paar andere Fragen, die es wert sind, gestellt zu werden, bevor du dich für das Beste für dich entscheidest:

  • Wie oft wird das Theme gewartet?
  • Wie sind die Bewertungen?
  • Reagieren die Layouts auf unterschiedliche Bildschirmgrößen?
  • Ist es mehrsprachig verfügbar?
  • Wird es dir helfen, in den Google-Suchergebnissen ganz oben zu stehen?
WordPress Plugin-Verzeichnis Startseite
WordPress Plugin-Verzeichnis Startseite

4. Die Wahl des Plugins zur Erstellung deiner Verzeichnis-Website

Eine schnelle Suche nach Verzeichnis-Plugins bringt eine Vielzahl von Optionen mit sich. Aber welche ist die beste? Welches Plugin du auch wählst, es muss dir helfen, die Funktionen zu erstellen, die du brauchst, schnell und einfach, um deine Website hervorzuheben.

Ich habe Toolset Directory verwendet, um meine Verzeichnis-Website für Oldtimer zu erstellen, die ich als Beispiel für den Rest dieses Artikels verwenden werde. Ich benutzte Astra als Theme.

Beispiel für eine Verzeichnis-Website, die auf WordPress basiert.
Beispiel für eine Verzeichnis-Website, die auf WordPress basiert.

Ich habe Toolset verwendet, weil:

  • Es bietet alle Funktionen, die ich für eine Verzeichnis-Website benötige, ohne andere Plugins zu verwenden.
  • Es ist nicht notwendig, PHP zu verwenden, um diese Funktionen hinzuzufügen.
  • Es ist kompatibel mit anderen Plugins wie WooCommerce, Elementor und WPML.
  • Es arbeitet mit den bekannten Themes.

Bevor wir anfangen, die Funktionen durchzugehen, stelle sicher, dass du der Anleitung zur Installation der Toolset-Plugins folgst, um eine Verzeichnis-Website zu erstellen.

Erstellen der Features für eine Verzeichnis-Website

Dies sind die Funktionen, die ich durchlaufen werde, die ich für meine Oldtimer-Verzeichnis-Website erstellt habe:

  • Benutzerdefinierte Beitragsarten
  • Benutzerdefinierte Felder
  • Benutzerdefinierte Taxonomien
  • Eine Vorlage, um jeden deiner Artikel (in unserem Fall Oldtimer) anzuzeigen
  • Eine Suche nach Benutzern, um unsere Fahrzeuge zu durchsuchen
  • Ein Frontend-Formular für Benutzer, um ihre Angebote einzureichen

Es gibt andere Funktionen, die du zu einer Verzeichnis-Website hinzufügen kannst, aber, nach Angaben anderer Entwickler, mit denen ich gesprochen habe, sind dies die wichtigsten, um dich zum Laufen zu bringen.

Lasst uns anfangen!

Empfohlene Lektüre: Erweitertes Tutorial für benutzerdefinierte Felder: Ihr ultimativer Guide

Benutzerdefinierte Beitragsarten erstellen

Mit einem benutzerdefinierten Post-Typ kannst du verschiedene Abschnitte für deine Website erstellen. WordPress wird mit zwei Standardabschnitten geliefert – Beiträge und Seiten. Natürlich brauchen wir einen Bereich für die Aufbewahrung unserer Oldtimer, den wir jetzt ergänzen werden.

Ich habe einen benutzerdefinierten Post-Typ namens Listings hinzugefügt, in dem ich alle meine Oldtimer ausstelle.

Benutzerdefinierte Posttypen im Toolset
Benutzerdefinierte Posttypen im Toolset

1. Gehe in deinem WordPress-Administrator zum Toolset Dashboard und klicke auf Neuen Beitragstyp hinzufügen.

2. Gib im Abschnitt Name und Beschreibung Folgendes ein:

Hinzufügen eines neuen Post-Typs im Toolset
Hinzufügen eines neuen Post-Typs im Toolset

3. Klicke auf Save Post Type und Ihr Post Type ist fertig.

Benutzerdefinierte Felder erstellen

Wir verwenden benutzerdefinierte Felder, um jede der Informationen über unsere Angebote zu speichern. In unserem Beispiel für Oldtimer wollen wir unseren Nutzern die Informationen zur Verfügung stellen, die sie über jeden von ihnen wissen wollen.

Dazu gehört die Angabe des Produktionsjahres, des Preises, der Marke, der Kilometerzahl und vieler anderer Informationen. Für jede Information müssen wir ein benutzerdefiniertes Feld erstellen. Auf diese Weise müssen wir nur jeden Abschnitt ausfüllen, während wir unseren Eintrag bearbeiten, und er erscheint auf dem Frontend (sobald wir unsere Vorlage erstellt haben, auf die wir später zurückkommen).

Hier sind die Schritte zur Erstellung eines benutzerdefinierten Feldes für das Produktionsjahr:

Produktionsjahr als Beispiel für ein benutzerdefiniertes Feld im Toolset
Produktionsjahr als Beispiel für ein benutzerdefiniertes Feld im Toolset

1. Klicke im Dashboard des Toolsets auf Feldgruppe erstellen neben dem benutzerdefinierten Beitragstyp deines Angebots.

2. Gib auf der nächsten Seite einen Namen für dein Feld und eine Beschreibung ein, wenn du es für notwendig hältst. Ich habe meine Feldgruppe für Listings benannt.

So bearbeitet man die Postfeld-Gruppe im Toolset
So bearbeitet man die Postfeld-Gruppe im Toolset

3. Klicke auf Neues Feld hinzufügen. Du kannst nun eine Liste der verschiedenen Arten von Feldern sehen, die du hinzufügen kannst. Wenn du zum Beispiel eine Website hinzufügen möchtest, wählst du URL, für eine Adresse die du Adresse oder für eine Telefonnummer Telefon. Das Produktionsjahr, das wir immer ein Jahr anzeigen werden, also wählen wir Nummer.

Wie man ein neues Feld im Toolset hinzufügt
Wie man ein neues Feld im Toolset hinzufügt

4. Füge die Details für dein benutzerdefiniertes Feld hinzu, einschließlich des Feldnamens und des Field slug. Ich habe mein Produktionsjahr genannt. Die restlichen Felder kannst du für dieses Feld ignorieren.

Wie man Details zu benutzerdefinierten Feldern hinzufügt
Wie man Details zu benutzerdefinierten Feldern hinzufügt

5. Klicke auf Feldgruppe speichern und das benutzerdefinierte Feld wird nun angezeigt, während du deine Beiträge für deinen benutzerdefinierten Beitragstyp bearbeitest.

Wie benutzerdefinierte Felder im Backend angezeigt werden
Wie benutzerdefinierte Felder im Backend angezeigt werden

Benutzerdefinierte Taxonomien erstellen

Wir verwenden benutzerdefinierte Taxonomien, um unsere Inhalte zu kategorisieren. Um zu veranschaulichen, wenn wir Restaurants auflisten, dann könnten wir Taxonomien verwenden, um jede unserer Auflistungen nach der Küche zu trennen. Daher könnten wir Taxonomien für indische, italienische, chinesische, Hamburger und viele andere Arten von Restaurants haben.

In meinem Beispiel für ein Oldtimer-Verzeichnis habe ich Taxonomien für die verschiedenen Arten von Autos erstellt, die ich aufliste. Hier sind die Kategorien, die erscheinen, wenn ich einen meiner Beiträge bearbeite:

Benutzerdefinierte Taxanomien
Benutzerdefinierte Taxanomien

So habe ich das gemacht:

1. Klicke auf dem Toolset Dashboard auf Add custom taxonomy.
2. Gib unter Name und Beschreibung den Namen deiner Taxonomie ein:

Wie man eine benutzerdefinierte Taxonomie hinzufügt
Wie man eine benutzerdefinierte Taxonomie hinzufügt

3. Wähle im nächsten Abschnitt mit dem Namen Taxonomie Typ, ob du eine hierarchische oder eine flache Taxonomie möchtest. Eine hierarchische Taxonomie enthält eine übergeordnete Taxonomie (z.B. italienisches Essen) und eine Reihe von damit verbundenen Child-Taxonomien (z.B. Pizza, Pasta, Eiscreme). In der Zwischenzeit ist eine Flat-Taxonomie einfach eine Reihe von Kategorien.

4. Wähle aus, für welche Beitragsart du diese Taxonomien zuordnen möchtest. In meinem Beispiel habe ich sie dem benutzerdefinierten Post-Typ Listings zugeordnet.

Taxonomie Einstellungen
Taxonomie Einstellungen

5. Klicke auf Taxonomie speichern.

6. Kehre zu deinem Beitragstyp Listings zurück, und wenn du einen deiner Beitragstypen bearbeitest oder einen neuen erstellst, kannst du anfangen, deine Taxonomiebegriffe hinzuzufügen.

7. Klicke unter [Taxonomiename] Kategorien auf Neue Kategorie hinzufügen [Taxonomiename].

8. Gib den Namen der neuen Kategorie ein. Hier kannst du auch auswählen, ob es sich um eine übergeordnete Kategorie handeln soll, wenn deine Taxonomien hierarchisch sind.

Taxonomiebegriffe, die Listungen zugeordnet sind
Taxonomiebegriffe, die Listungen zugeordnet sind

Du kannst nun die Kontrollkästchen verwenden, um jeder deiner Angebote Taxonomiebegriffe zuzuordnen.

Eine Vorlage, um jeden unserer Artikel anzuzeigen.

Nachdem wir nun unsere benutzerdefinierten Typen hinzugefügt haben, stellt sich die nächste Frage, wie wir sie auf dem Frontend anzeigen? Zu diesem Zweck können wir für jedes unserer Angebote eine Vorlage erstellen.

Hier ist, wie meine Vorlage auf dem Frontend für jedes meiner Oldtimer-Angebote aussieht:

Listing Webseite Beispiel
Listing Webseite Beispiel

1. Gehe zum Toolset Dashboard und klicke auf Vorlage erstellen neben deinem benutzerdefinierten Beitragstyp. Dadurch wird der Drag&Drop-Editor für Toolset-Layouts geöffnet, in dem wir festlegen können, wo wir den Inhalt anzeigen möchten.

Bevor wir fortfahren, eine kurze Erläuterung, wie Layouts funktionieren und was einige der Zellen sind, die wir verwenden müssen.

Das Toolset-Layout basiert auf dem Bootstrap-Grid, das deine Seite in Reihen von 12 Spalten anzeigt. Das bedeutet zum Beispiel, wenn du ein Bild auf der linken Seite der Seite anzeigen möchtest, wählst du die ersten sechs Spalten auf der linken Seite aus, damit es funktioniert.

Wie man Vorlagen erstellt
Wie man Vorlagen erstellt

Mit der Schaltfläche + kannst du weitere Zeilen zu deiner Vorlage hinzufügen.

Wenn du die Zellen auswählst, in denen du Inhalte anzeigen möchtest, gibt es zwei Arten von Zellen, die für diese spezielle Aufgabe relevant sind.

  • Der visuelle Editor – Um brandneuen Text hinzuzufügen oder Shortcodes für unsere benutzerdefinierten Felder und Taxonomien einzufügen. Dies ist diejenige, mit der wir die bereits erstellten benutzerdefinierten Typen einfügen würden.
  • Der Post-Inhalt – Um jeden Inhalt hinzuzufügen, der von deinem Post-Body kommt. Zum Beispiel werde ich in meinem Post-Typ für meine Oldtimer diese Zelle einfügen, um die Beschreibung jedes Autos anzuzeigen, das ich auf der Bearbeitungsseite eingegeben habe.
Layout Zellentypen
Layout Zellentypen

Jetzt können wir weitermachen. Lasst uns weiter zeigen, wie ich das benutzerdefinierte Feld für das Produktionsjahr angezeigt habe, das ihr im Bild unten in meiner Vorlage sehen könnt:

Wie man benutzerdefinierte Felder mit dem Visual Editor anzeigt
Wie man benutzerdefinierte Felder mit dem Visual Editor anzeigt

2. Wähle die Anzahl der Spalten, die die Zelle aufnehmen soll – in meinem Fall habe ich vier gewählt.

3. Du siehst nun die Liste der Layout-Zelltypen, mit denen du bereits vertraut bist. Wähle den Visual Editor aus.

4. Klicke auf Felder und Ansichten, wo du zu der Liste der Verknüpfungen weitergeleitet wirst, die wir hinzufügen können. Blätter, bis du den Namen deiner Liste der benutzerdefinierten Felder findest (in meinem Fall Feldgruppe für Auflistungen) und wähle Produktionsjahr.

Shortcodes für Felder und Ansichten
Shortcodes für Felder und Ansichten

5. Klicke auf Shortcode einfügen.

6. Wir können nun den Shortcode in unserer Editorzelle sehen. Das bedeutet, dass die Benutzer nun das Produktionsjahr für das von ihnen ausgewählte Fahrzeug sehen. Aber jetzt müssen wir einen Titel daneben hinzufügen, damit die Benutzer wissen, was das Jahr bedeutet. Ich habe das Produktionsjahr und ein wenig HTML für das Styling eingegeben. Ich habe den Shortcode in eine Box im unteren Bild eingefügt, damit du sehen kannst, wie er aussieht:

Produktionsjahr wird mit Shortcode und etwas HTML hinzugefügt.
Produktionsjahr wird mit Shortcode und etwas HTML hinzugefügt.

7. Klicke auf Übernehmen und die Zelle ist vollständig.
Hier ist, wie das benutzerdefinierte Feld auf dem Frontend nach einem gewissen CSS-Styling aussieht:

Wie das benutzerdefinierte Feld auf dem Frontend angezeigt wird
Wie das benutzerdefinierte Feld auf dem Frontend angezeigt wird

Eine Suche hinzufügen

Wir können ein Suchwerkzeug mit mehreren Filtern erstellen, mit dem Benutzer genau das gewünschte Angebot finden können.

Hier ist die Suche, die ich meiner Website zum Oldtimer-Verzeichnis hinzugefügt habe. Ich habe sechs Filter, die du oben in der Suchleiste sehen kannst:

Suchfunktion mit Filtern
Suchfunktion mit Filtern

Erstens, wo soll deine benutzerdefinierte Suche sein? Du kannst sie auf deiner Homepage, auf einer eigenen Seite, in einem Widget oder in einem Archiv anzeigen lassen.

Ich habe meine eigene Suche auf der Homepage hinzugefügt. Hier ist, wie ich es gemacht habe:

1. Erstelle unter Toolset > Layouts eine neue Vorlage und klicke darauf, um eine Zelle hinzuzufügen.

2. Wähle die Zelle View aus

Seitenlayout der Suchergebnisse
Seitenlayout der Suchergebnisse

3. Wähle auf der nächsten Seite die Option Ergebnisse als benutzerdefinierte Suchoption anzeigen und klicke auf Erstellen.

4. Wähle unter Inhaltsauswahl aus, welche Inhalte du durchsuchen möchtest. In meinem Beispiel werde ich den Post-Typ Listings auswählen.

5. Wähle unter Benutzerdefinierte Sucheinstellungen aus, wie deine Suche die Ergebnisse aktualisiert. So kannst du beispielsweise AJAX-Updates (Aktualisierung deiner Ergebnisse ohne Neuladen der Seite) unter anderen Optionen auswählen

Benutzerdefinierte Sucheintellungen
Benutzerdefinierte Sucheintellungen

6. Unter Suchen und Paginieren kannst du die Filter für deine Suche hinzufügen, die Benutzer verwenden werden, um ihre Ergebnisse einzugrenzen. Dazu können benutzerdefinierte Felder, Taxonomien und Post-Beziehungen gehören. Beispielsweise habe ich mein benutzerdefiniertes Feld Preis verwendet, um meiner Suche einen Minimalpreis- und Maximalpreisfilter hinzuzufügen. Klicke auf Neuer Filter und suche nach dem benutzerdefinierten Feld, das du filtern möchtest (in meinem Fall ist es der Preis).

Suche und Paginierung mit Filtern und HTML
Suche und Paginierung mit Filtern und HTML

7. Auf der nächsten Seite ändere die Optionen wie das Bild unten und klicke dann auf Shortcode einfügen. Hier ist, wie die Suche und Paginierung aussieht, nachdem ich in meinen Filtern hinzugefügt habe. Die Filter sehen sofort gut aus, aber ich habe ein wenig HTML und CSS für das Styling hinzugefügt.

Suche und Paginierung mit Filtern und HTML
Search and pagination with filters and HTML

8. Klicke auf die Schaltfläche Senden, um die Schaltfläche hinzuzufügen, auf die Benutzer klicken werden, um die Ergebnisse anzuzeigen.

9. Klicke auf die Schaltfläche Zurücksetzen, um eine Schaltfläche hinzuzufügen, mit der Benutzer ihre Filter zurücksetzen können.

Unsere Suche ist nun einsatzbereit. Alles, was wir jetzt tun müssen, ist, unsere Ergebnisse zu gestalten.

Design der Suchergebnisse

Wir haben vielleicht unsere benutzerdefinierte Suche entworfen, aber wir müssen noch entscheiden, wie unsere Ergebnisse angezeigt werden. Wir können dies auf der gleichen Seite tun, auf der wir unsere Suche erstellt haben.

Unter Suchen und Paginierung finden wir einen weiteren Abschnitt namens Loop Editor, in dem wir die Ausgabe der Ergebnisse gestalten können.

Der Loop Editor
Der Loop Editor

1. Klicke auf Loop Wizard und wähle aus, wie du die Loop anzeigen möchtest. Für meine Website zum Oldtimer-Verzeichnis habe ich das Bootstrap-Grid mit vier Spalten für die Ergebnisse verwendet.

Das Loop Wizard Fenster
Das Loop Wizard Fenster

2. Auf der nächsten Seite können wir die Filter hinzufügen, die als Teil der Ergebnisse angezeigt werden. Unten sind die Filter, die ich für meine Oldtimer-Verzeichnis-Website hinzugefügt habe.

Einrichten von Filtern für die Suchergebnisse
Einrichten von Filtern für die Suchergebnisse

3. Klicke auf Fertig stellen. Du solltest nun deine Felder im Loop-Editor sehen.

So sieht der Loop-Editor mit Feldern aus
So sieht der Loop-Editor mit Feldern aus

4. Klicke unten auf der Seite auf Ansicht speichern.

5. Klicke auf Speichern in deinem Layout und es ist nun bereit für das Frontend.

Hier ist, wie meine aussieht:

Suchlayout Beispiel
Suchlayout Beispiel

Erstellen eines Frontend-Formulars

Frontend-Formulare sind eine großartige Möglichkeit für deine Benutzer, ihre Angebote im gewünschten Stil und Format hinzuzufügen. Alles, was sie tun müssen, ist das Formular auszufüllen und abzusenden und es kann auf dem Frontend erscheinen.

Hier ist ein Beispiel für ein Formular, das ich für meine Oldtimer-Verzeichnis-Website erstellt habe:

Beispiel für ein Frontend-Formular
Beispiel für ein Frontend-Formular

Sobald ein Benutzer es ausgefüllt hat, sieht ein Angebot auf dem Frontend so aus:

Beispiel für eine Vorlage zur Auflistung von Autos
Beispiel für eine Vorlage zur Auflistung von Autos

Hier ist, wie ich es gemacht habe:

1. Gehe zu Toolset > Post Forms und klicke auf Add New.

2. Der Toolset Wizard erscheint. Klicke auf Weiter und gib einen Titel für dein Formular ein.

3. Fülle im Abschnitt Einstellungen die Details aus, die für dein Formular passen. Hier kannst du entscheiden, welche Seitenbenutzer nach dem Absenden des Formulars sehen, ob das Angebot sofort oder als Entwurf veröffentlicht wird und ob der Beitrag abläuft. Hier ist, was ich für meine gesetzt habe:

Anzeigeoptionen für dein Frontend-Formular
Anzeigeoptionen für dein Frontend-Formular

4. Verwende den Drag&Drop-Editor des Toolsets, um zu entscheiden, welche Felder die Benutzer ausfüllen sollen. Du kannst auch zusätzliche Elemente hinzufügen und der Stil verwendet CSS. Hier ist, wie meine aussieht:

Form Editor Felder
Form Editor Felder

5. Der letzte Schritt ermöglicht es dir, die E-Mail-Benachrichtigungen zu bearbeiten, die Benutzer und Manager der Verzeichnis-Website erhalten, wenn ein Formular gesendet wird. Unten ist ein Beispiel von einem, das ich erstellt habe, das den Lister informiert, wenn sein Beitrag überprüft wurde und live ist.

Einstellseite für E-Mail-Benachrichtigungen
Einstellseite für E-Mail-Benachrichtigungen

Natürlich kannst du bei Bedarf weitere E-Mails an andere Personen hinzufügen.

6. Jetzt ist es an der Zeit, das Formular auf dem Frontend anzuzeigen. Genau wie bei den anderen Inhalten werde ich sie als Zelle in einem meiner Layouts hinzufügen. Gehe zu Toolset > Layouts, erstelle ein neues Layout und klicke darauf, um eine Zelle einzufügen.

7. Klicke auf die Zelle Post Form und dann auf Zelle erstellen.

Speichere dein Layout und du kannst dein Formular nun auf dem Frontend sehen.

Zusammenfassung

Wie ich bereits erwähnt habe, gibt es weitaus mehr Funktionen wie Karten, einen Mitgliederbereich und zugehörige Listen, die du zu einer Verzeichnis-Website hinzufügen kannst. Aber das sind die Kernprodukte, die du brauchst, um in so kurzer Zeit wie möglich anzufangen.

Was sind deine Tipps für die Erstellung einer Verzeichnis-Website? Tweete bei @Kinsta und wir werden die besten Einblicke teilen! Oder schreibe sie unten in den Kommentaren rein.

Joseph Lobo

Joe is a content creator for Toolset who enjoys exploring WordPress online and countries around the world offline. You can follow him on Twitter: @joeclobo