Sie müssen einen Abschnitt für Teammitglieder mit erstellen Elementor ?

Hinter einem erfolgreichen Unternehmen steht immer ein starkes Team. Wenn Sie es vorhaben Erstelle eine Website für Ihr Geschäft mit Elementor, können Sie einer Seite ganz einfach einen Abschnitt für Teammitglieder hinzufügen.

Egal, ob es sich um die Startseite, die Infoseite oder eine beliebige Seite handelt, die Ihre Teammitglieder anzeigen sollen. Elementor selbst hat kein spezielles Widget zum Erstellen eines Teammitgliedsbereichs. Sie können die Kombination aus Bild-Widget, Titel-Widget, Text-Editor-Widget und Widget für soziale Symbole verwenden, um einen Teammitgliedsbereich zu erstellen.

Sie können auch eine Add-On-Erweiterung verwenden.

Drei Add-ons Elementor die wir für die Erstellung eines Teammitgliederbereichs empfehlen Wesentliche AddonsGlückliche Addons et JetElements. Diese Add-Ons werden jeweils mit einem dedizierten Widget zum Erstellen eines Teammitgliedsbereichs geliefert.

In diesem Artikel zeigen wir Ihnen, wie Sie einen Teammitgliederbereich erstellen mit Fröhliche Addons.

So erstellen Sie einen Teammitgliedsbereich in Elementor mit Happy Addons

Bevor Sie beginnen, stellen Sie sicher, dass Sie das Add-On Happy Addons installiert und aktiviert haben. Sie können Laden Sie die kostenlose Version von Happy Addons herunter im Verzeichnis von WordPress Plugin. Wenn Sie fertig sind, erstellen Sie eine Seite oder Vorlage, auf der Sie den Teammitgliedsabschnitt hinzufügen möchten, und bearbeiten Sie ihn mit Elementor.

Entdecken Sie auch: 7 kreative Möglichkeiten, den Elementor Popup Builder zu verwenden

Fügen Sie einen neuen Abschnitt hinzu, indem Sie auf die Plus-Schaltfläche im Bearbeitungsfeld von Elementor klicken. Wählen Sie eine Spaltenstruktur basierend auf den Teammitgliedern aus, die Sie hinzufügen möchten. In diesem Beispiel verwenden wir die dreispaltige Struktur.

Ziehen Sie das Widget Team Member vom Team zu einer der Spalten in dem Abschnitt, den Sie gerade oben hinzugefügt haben.

Gehen Sie dann zum linken Bereich, um den Inhalt zu bearbeiten. Sie können den Inhalt unter der Registerkarte bearbeiten Inhalt. Es gibt 3 Blöcke, die Sie öffnen können, um den Inhalt zu bearbeiten:

  • Informationen

Dies ist der Block, den Sie öffnen können, um den Hauptinhalt des Teammitglieds zu bearbeiten. Sie können das Foto, den Namen, die Berufsbezeichnung und die Beschreibung Ihres Teammitglieds hinzufügen. Ein kleiner Rat. Wenn Sie das Foto Ihres Teammitglieds in abgerundeter Form anzeigen möchten, können Sie anstelle eines Rechtecks ​​ein quadratisches Foto hochladen.

  • Profile in sozialen Netzwerken

Sie können diesen Block öffnen, um die Social-Media-Konten Ihrer Teammitglieder hinzuzufügen. Sie können einfach ein bestehendes Social-Media-Profil öffnen (durch Anklicken), um es zu bearbeiten. Um einen neuen hinzuzufügen, können Sie auf die Schaltfläche klicken EIN ELEMENT HINZUFÜGEN. Wenn Sie Social-Media-Profile deaktivieren möchten, können Sie die Option deaktivieren Profile anzeigen.

  • Details-Schaltfläche

Sie können diesen Block öffnen, wenn Sie den Detaillink aktivieren möchten. Andernfalls können Sie es ignorieren.

Passen Sie die Profile der Teammitglieder an

Sobald Sie mit der Bearbeitung des Inhalts fertig sind, können Sie zum Tab wechseln Design um das Profil der Teammitglieder anzupassen. Wenn Sie die Pro-Version von Happy Addons verwenden, können Sie eine Voreinstellung auswählen, um sofort ein auffälliges Teammitgliedsprofil zu erhalten.

Lesen Sie auch:  So fügen Sie einen Testimonial-Slider in Elementor hinzu

Wenn Sie die kostenlose Version von Happy Addons verwenden, müssen Sie das Profil der Teammitglieder selbst anpassen. Es gibt 4 Blöcke, die Sie dafür öffnen können.

  • Foto

Sie können diesen Block öffnen, um die Fotogröße (Breite und Höhe) Ihres Teammitglieds festzulegen, Füllung, Rahmentyp, Rahmenbreite und Flächenschatten einzustellen. Zu Ihrer Information enthält Ihr Foto standardmäßig einen blauen Rahmen. Um es zu entfernen, können Sie die Rahmenbreite auf 0 setzen.

  • Name, Berufsbezeichnung & Biografie

Sie können diesen Block öffnen, um die Typografie (Schriftfamilie, Schriftstil, Schriftgröße usw.) des Namens, der Berufsbezeichnung und der Beschreibung (Biografie) Ihres Teammitglieds zu definieren. Sie können auch die Textfarbe für diese Attribute festlegen.

  • Social Icons

Sie können diesen Block öffnen, um die Größe der Social-Media-Symbole, die Füllung, den Abstand, die Farbe, den Randradius, die Hintergrundfarbe usw. festzulegen.

einen Teammitgliederbereich erstellen

  • Details-Schaltfläche

Wenn Sie den Detaillink (Button) unter der Registerkarte aktivieren Inhalt, Sie können diesen Block öffnen, um ihn anzupassen. Sie können Dinge wie Schaltflächentexttypografie, Rand, Auffüllung, Randradius, Schaltflächentextfarbe, Schaltflächenhintergrundfarbe usw. festlegen. Sie können für jeden Status (normal und zeigend) einen anderen Stil verwenden.

einen Teammitgliederbereich erstellen

Sobald Sie mit dem Profil des Teammitglieds in der ersten Spalte fertig sind, können Sie es einfach in andere Spalten kopieren und dann den Inhalt (Foto und Text) ersetzen. Es wird Ihnen viel Zeit sparen. Sie können den Abschnitt auch duplizieren, wenn Sie andere Teammitglieder hinzufügen möchten.

Holen Sie sich jetzt Elementor Pro!

Zusammenfassung

Wenn Sie Fragen zum Erstellen eines Teammitgliedsbereichs mit Elementor haben, wenden Sie sich bitte anlass es uns wissen im commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...