Menü umschalten

So erstellen Sie ein Mitarbeiterverzeichnis in WordPress – Ihr erstes Beaver-Themer-Projekt

Veröffentlicht: 2018-03-23

25 % Rabatt auf Beaver Builder-Produkte! Der Schnellverkauf endet... Erfahren Sie mehr!

dynamic-staff-directory
  • Biber Themer

So erstellen Sie ein Mitarbeiterverzeichnis in WordPress – Ihr erstes Beaver-Themer-Projekt

Einer meiner Lieblings-Webdesign-Podcasts ist die ShopTalk-Show. Eine häufig gestellte Frage lautet: „Wie lernt man am besten etwas über Webdesign?“ Die Antwort besteht immer darin, ein Thema auszuwählen, das Sie interessiert, und mit der Entwicklung zu beginnen. Es gibt keinen Ersatz für praktisches Lernen. In diesem Beitrag führt Hashim den Prozess der Erstellung eines Mitarbeiterverzeichnisses mit Beaver Themer und Page Builder durch. Es ist ein großartiges Einstiegsprojekt für alle, die etwas über die Verwendung von Beaver Themer lernen möchten!

Kommen Sie bei Beaver Themer voll auf Ihre Kosten?

Ich habe zuerst das Plugin gekauft, um meine Kopf- und Fußzeilen zu steuern. Erst später habe ich mit „Thementeilen“ und bedingten Einstellungen herumgespielt. Danach war ich überwältigt von den Möglichkeiten, mit Beaver Themer fortschrittliche Websites zu erstellen. Ich wurde zum Spinner in der Facebook-Gruppe von Beaver Builders und argumentierte, dass das Tool unterbewertet und unterbewertet sei.

Wie können Sie also die Funktionen von Themer selbst in den Griff bekommen? Der beste Weg, die volle Leistungsfähigkeit von Beaver Themer zu verstehen, besteht darin, ein kleines Projekt zu erstellen, das das Plugin auf Herz und Nieren prüft.

Indem Sie die meisten Funktionen von Beaver Themer in einem Testprojekt testen, können Sie beginnen zu sehen, wie das Tool in Ihren Workflow integriert werden kann. Danach können Sie kompliziertere Websites mit Zuversicht angehen, da Sie wissen, dass Sie ein codefreies Tool wie Beaver Themer verwenden können.

Bist du bereit? Wenn ja, starten Sie Wordpress und führen Sie die folgenden Schritte aus.

#1. Wählen Sie ein kompatibles Theme

Viele beliebte, gut codierte Themes funktionieren mit Beaver Themer. Eine Liste einiger davon finden Sie hier.

Die meisten Funktionen, die Sie von Themes erwarten – wie anpassbare Kopf- und Fußzeilen – können mit Beaver Themer erreicht werden. Machen Sie sich also keine Sorgen über die Wahl eines Themas. Wählen Sie das erste aus der Liste aus, das für Sie gut aussieht, und alles wird gut.

2. Wählen Sie einen benutzerdefinierten Beitragstyp/Felder-Builder

Die Feldverbindungsfunktion von Beaver Themer ist leistungsstark, wenn Sie sie nur für die Post- und Seitenfelder verwenden, die standardmäßig in Wordpress enthalten sind. Richtig verrückt wird es aber, wenn man es mit einem benutzerdefinierten Beitragstyp-Plugin verwendet.

Benutzerdefinierte Beitragstypen verwandeln Wordpress von einem Blogging-Tool in ein CMS. Sie sind die Bausteine ​​für fortgeschrittene WordPress-Projekte, die über Blogs und Broschürenseiten hinausgehen.

Die drei Plugin-Optionen, die am besten mit Themer funktionieren, sind Advanced Custom Fields, Toolset und Pods. Mein persönlicher Favorit ist Toolset, aber ehrlich gesagt erledigen alle drei Tools ihre Arbeit.

3. Optional: Wählen Sie eine Erweiterung

Wenn Beaver nicht über ein gewünschtes Modul verfügt, sollten Sie die Verwendung einer Drittanbieter-Erweiterung in Betracht ziehen.

Einige der Erweiterungen, die ich am häufigsten verwende, sind kostenlos im WordPress-Plugin-Verzeichnis verfügbar. Ich bin zum Beispiel ein intensiver Nutzer des erstaunlichen Beaver Cards-Plugins.

Nachdem Sie nun Ihren Stack ausgewählt haben, können wir Ihr erstes Projekt erstellen!

Ihr erstes Beaver-Themer-Projekt: ein dynamisches Mitarbeiterverzeichnis

Mitarbeiterverzeichnisse sind eine häufige Kundenanfrage. Mit Beaver Themer können Sie einen Kunden wirklich beeindrucken, indem Sie seinem Mitarbeiterverzeichnis dynamische, kontextbezogene Inhalte und Layouts hinzufügen.

Ein Mitarbeiterverzeichnis ist auch ein großartiges Projekt, um sich mit allen Funktionen von Beaver Themer vertraut zu machen. Wenn Sie die folgenden Schritte befolgen, werden Sie an einem einzigen Nachmittag ein Beaver Themer-Profi.

Erstellen Sie ein einfaches Mitarbeiterverzeichnis

  1. Installieren Sie Beaver Builder, Beaver Themer, ein kompatibles Theme und ein benutzerdefiniertes Beitragstyp-Plugin. Die Verwendung einer Beaver Builder-Erweiterung ist für die Fertigstellung dieses Projekts optional.
  2. Erstellen Sie einen benutzerdefinierten Beitragstyp für Ihre Mitarbeiterprofile. Wenn dies Ihr erstes Mal ist, verwenden Sie eines der folgenden Tutorials: ACF-Tutorial / Pods-Tutorial / Toolset-Tutorial
  3. Erstellen Sie benutzerdefinierte Felder für:
    1. „Bio“
    2. "Name"
    3. "Berufsbezeichnung"
    4. Erstellen Sie kein Feld für „Kopfschüsse“. Verwenden Sie dazu das integrierte Feld „Empfohlenes Bild“.
  4. Erstellen Sie Mitarbeiterprofile für 7 Personen.
  5. Markieren Sie 3 der Beiträge als „Führungsteam“ und zwei der Beiträge als „Vertriebsteam“.

Sie haben jetzt die Grundgerüste eines einfachen Verzeichnisses. Jeder Kunde zahlt gerne die Gebühr Ihrer Agentur, um dies auf seiner Website zu veröffentlichen.

Lassen Sie uns jetzt Ihren Kunden umhauen und dieses Verzeichnis mit Beaver Themer aufladen.

Erstellen Sie ein dynamisches Mitarbeiterverzeichnis

Erstellen Sie zunächst mit Beaver Themer eine Vorlage für die einzelnen Mitarbeiterprofile und das Archiv des Mitarbeiterverzeichnisses. Anweisungen finden Sie hier.

Als Nächstes verwenden Sie Feldverbindungen, um Inhalte aus Ihren benutzerdefinierten Feldern abzurufen und anzuordnen.

Und jetzt klopfen Sie sich selbst auf die Schulter – in der Zeit, die Sie für die Gestaltung zweier einzelner Seiten benötigen, haben Sie zwei Themenvorlagen erstellt, die auf 8 bestehenden Seiten – und auf einer beliebigen Anzahl weiterer Seiten – verwendet werden!

OK, erstellen Sie jetzt mit Beaver Themer eine Vorlage für das Archiv der Kategorie „Führung“.

Sorgen Sie dafür, dass die Fotos der drei Führungskräfte in dieser Vorlage anders aussehen als auf der Hauptarchivseite. Vielleicht sollten die Fotos größer sein oder die Titel in einer anderen Schriftart sein. Erwägen Sie, das Hauptarchiv so zu gestalten, dass nur ein Foto und ein Link angezeigt werden, während das Executive-Archiv eine vollständige Biografie zeigt. Werden Sie verrückt – gestalten Sie es so, wie Sie es für richtig halten.

Verwenden Sie abschließend Beaver Themer, um einen Thementeil der Kategorie „Verkäufe“ zu erstellen.

Erstellen Sie auf Seiten für Verkäufer eine Zeile unter der Überschrift, die ankündigt, dass das Unternehmen mehr Verkäufer einstellt.

Voila! Ihr Kunde verfügt jetzt über ein schönes, dynamisches und einfach zu aktualisierendes Mitarbeiterverzeichnis. Sie haben es mit Beaver Themer erstellt – es war keine einzige Zeile benutzerdefinierten Codes erforderlich.

Und dabei haben Sie gelernt, wie Sie Vorlagen für einzelne Beiträge und Archive erstellen und wie Sie Zielseiten eine dynamische Zeile hinzufügen.

Wenn Sie das nächste Mal eine Reihe von Anforderungen von einem Kunden erhalten oder sich selbst eine Website-Idee ausdenken, überlegen Sie, wie Sie den Plan in eine Reihe benutzerdefinierter Beitragstypen und dynamischer Themenvorlagen umsetzen können, die von Beaver Themer unterstützt werden.

Frage – Ihr Beaver Themer Stack

Wenn Sie Erfahrung mit Beaver Themer haben, teilen Sie uns dies bitte mit – was verwenden Sie zum Erstellen von Websites? Was ist Ihr bevorzugtes Theme, welches benutzerdefinierte Beitragstyp-Plugin und welches Beaver Builder-Add-on?

Über Hashim Warren

Hashim Warren ist ein Marketingstratege mit Sitz in Greensboro, North Carolina. Er hilft Hausbauern, mehr und größere Aufträge bei Hook & Target zu bekommen.

8 Kommentare

  1. Mark am 28. März 2018 um 3:45 Uhr

    Ein Video oder eine Demoseite würde dies wirklich zu einem großartigen Tutorial machen – vielen Dank jedoch für die tolle Arbeit



  2. Tom Nguyen am 1. Mai 2018 um 20:35 Uhr

    Ich stimme Marks Vorschlag zu.



  3. April Wier am 17. Mai 2018 um 17:09 Uhr

    Ich stimme Toms Kommentar zu.



  4. Cindy Wyckoff am 30. Juni 2018 um 21:34 Uhr

    Ich stimme auch zu. Ich würde gerne sehen, wie das fertige Projekt aussehen soll.



  5. Gerry King am 12. November 2018 um 4:11 Uhr

    Hallo Hashim, tolles Tutorial, danke. Könnte dieser Prozess verwendet werden, um ein Branchenverzeichnis zu erstellen, in dem Besucher nach Unternehmen anhand einer Postleitzahl/Postleitzahl suchen können? Und wie schwierig wäre es, eine Karte mit den Standorten aller Unternehmen in das Verzeichnis aufzunehmen?



  6. Jeff Brown am 13. Januar 2019 um 11:12 Uhr

    Ich bin daran interessiert, für eine lokale Kunstorganisation ein Geoverzeichnis für Unternehmen in meiner Nähe zu erstellen. Haben Sie Ratschläge oder Anleitungen, die mir dabei helfen?



    • Robby McCullough am 13. Januar 2019 um 17:44 Uhr

      Gute Frage. Themer wird Ihnen sicherlich dabei helfen können, Ihre Website zu gestalten. Allerdings kenne ich keine Geo-Verzeichnis-Plugins, tut mir leid! Sie könnten die Verwendung von Pods ausprobieren, um einen benutzerdefinierten Beitragstyp zu erstellen. Das könnte ein guter Ausgangspunkt sein ...



  7. Ryan am 8. Mai 2019 um 19:46 Uhr

    Danke Hashim, ich bin wirklich inspiriert. Ich benutze Ultimate Member schon seit einiger Zeit und es bereitet mir viele Probleme. Ich freue mich darauf, meine BB-Fähigkeiten zu erweitern, und das ist ein gutes Projekt für mich.



Unser Newsletter

Unser Newsletter wird persönlich verfasst und etwa einmal im Monat verschickt. Es ist nicht im Geringsten nervig oder spammig.
Wir versprechen es.

Abonnieren Sie den Newsletter

Probieren Sie Beaver Builder noch heute aus

Beaver Builder