Springe zum Hauptinhalt

So erstellen Sie eine Autorenarchivseite in Elementor

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie erfahren, wie Sie in Elementor eine Autorenarchivseite erstellen?

Sie haben eine Website mit mehreren Autoren und möchten dieser ein neues Design geben mit Elementor ?

Wenn ja, dann ist dies eine großartige Idee, da Elementor es jedem ermöglicht, ein Webdesigner zu sein, ohne dass CSS-Kenntnisse erforderlich sind. Wenn es um die Website mit mehreren Autoren geht, sollten Sie möglicherweise die Autorenarchivseite überdenken.

In diesem Artikel zeigen wir Ihnen, wie Sie mit Elementor eine benutzerdefinierte Autorenarchivseite in WordPress erstellen.

Lesen Sie auch: So verwenden Sie globale Farben in Elementor

Elementor - wie Sie vielleicht wissen - kommt mit einer Theme-Builder-Funktion, mit der Sie benutzerdefinierte Teile Ihres Themes erstellen können, einschließlich der Autorenarchivseite. Die zwei wichtigsten Widgets, die Sie verwenden können, um eine benutzerdefinierte Autorenarchivseite mit Elementor zu erstellen, sind:

  • Autorenbox
  • Beitragsarchiv

Das Autorenbox-Widget lädt das Profil des aktuellen Autors. Es lädt die Informationen gemäß den ausgefüllten Metafeldern des Autors (wie Name, Profilbild, Biografie usw.). Während das Widget „Archive Beiträge“ die Beiträge des zugehörigen Autors anzeigt.

Natürlich können Sie zusätzlich zu den beiden oben genannten Widgets auch andere Widgets nach Ihren Wünschen hinzufügen, um Ihre benutzerdefinierte Autorenarchivseite hervorzuheben.

So erstellen Sie eine benutzerdefinierte Autorenarchivseite in WordPress mit Elementor

Bevor Sie beginnen, stellen Sie sicher, dass Sie Ihr Elementor auf die Pro-Version aktualisiert haben, falls Sie dies nicht getan haben, da diese Theme-Builder-Funktion nur auf Elementor Pro verfügbar ist.

Siehe auch: So verwenden Sie globale Schriftarten in Elementor

Sobald Sie bereit sind, melden Sie sich bei Ihrem WordPress-Dashboard an und navigieren Sie zu Vorlagen -> Theme Builder. Sie werden zur Theme-Builder-Seite von Elementor weitergeleitet. Klicke auf die Registerkarte Archiv im linken Bereich, dann auf neues in der oberen rechten Ecke, um eine Archivvorlage zu erstellen.

So erstellen Sie eine Autorenarchivseite in Elementor

Elementor bietet Dutzende von vorgefertigten Archivvorlagen, aus denen Sie auswählen können. Wählen Sie einfach ein Modell aus, das Ihnen gefällt. Wenn Sie die Archivvorlage von Grund auf neu erstellen möchten, können Sie einfach die Vorlagenbibliothek schließen. In diesem Beispiel erstellen wir die Archivvorlage von Grund auf neu. Schließen Sie die Vorlagenbibliothek.

In diesem Beispiel erstellen wir eine einfache Autorenarchivseite, die aus nur zwei Widgets besteht. Auch hier können Sie jedes beliebige Element nach Belieben hinzufügen, um Ihre personalisierte Autorenarchivseite ansprechender zu gestalten.

Lesen Sie auch: So erstellen Sie eine Registrierungsseite in Elementor

Beginnen Sie damit, einen neuen Abschnitt hinzuzufügen, indem Sie auf die Plus-Schaltfläche im Zeichenbereich klicken.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Autorenbox-Widget

Fügen Sie das Autorenfeld-Widget hinzu, indem Sie es aus dem linken Bereich in das Bearbeitungsfeld ziehen.

Gehen Sie zum linken Bereich, um das Widget anzupassen. In der Option Quelle unter dem block Autoreninfo, belassen Sie es als Standard. Um einige Metainformationen (wie Profilbild, Anzeigename und Biografie) aus- / einzuschalten, können Sie einfach die Schalter ziehen.

Von diesem Block aus können Sie das Layout sowie die Ausrichtung der Autoreninformationen ändern.

Lesen Sie auch: So exportieren und importieren Sie Elementor-Modelle

Um das Widget zu stylen, können Sie auf die Registerkarte zugreifen Stil. Es gibt 3 Parameterblöcke, die Sie öffnen können:

  • Image

Sie können diesen Block öffnen, um die Ausrichtung des Profilbilds, die Größe, den Abstand zwischen Profilbild und Autorenbiografie, den Randradius und den Boxschatten einzustellen.

  • Text

Sie können diesen Block öffnen, um die Typografie des Namens und der Biografie des Autors zu definieren. Sie können Dinge wie Schriftgröße, Schriftfamilie, Schriftstil und Textfarbe einstellen. Sie können auch die Lücke zwischen dem Namen des Autors und der Biografie des Autors festlegen.

  • Taste

Wenn Sie den Archiv-Button aktivieren, können Sie diesen Block öffnen, um ihn anzupassen. Sie können Dinge wie Hintergrundfarbe, Schaltflächentextfarbe, Randradius und Füllung festlegen.

So erstellen Sie eine Autorenarchivseite in Elementor

Widget-Archiv-Beiträge

Fügen Sie das Widget „Beiträge archivieren“ hinzu, indem Sie es aus dem linken Bereich in das Bearbeitungsfeld ziehen. Nach dem Hinzufügen können Sie zum linken Bereich gehen, um das Widget anzupassen. Im Block Layout unter der Registerkarte Inhalt, Sie können die Skin, die Anzahl der Spalten, die Position des Bildes, die Größe des Bildes, das Seitenverhältnis, die Länge des Auszugs usw. definieren.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

So erstellen Sie eine Autorenarchivseite in ElementorDu kannst den Block öffnen Paginierung um die Paginierung und den Block zu definieren Erweitert um eine benutzerdefinierte Nachricht zu definieren, wenn das Archiv keinen Inhalt enthält.

Um das Widget „Beiträge archivieren“ anzupassen, können Sie die Registerkarte Stil. Es gibt 5 Parameterblöcke, die Sie bearbeiten können:

  • Layout

Sie können diesen Block öffnen, um die Lücke zwischen Zeilen und Spalten zu definieren. Sie können auch die Ausrichtung des Inhalts festlegen.

  • Bild

Sie können diesen Block öffnen, um das Bild der Nachrichten anzupassen. Sie können den Randradius und den Abstand zwischen Bild und Inhalt einstellen. Sie können auch einen CSS-Filter anwenden, wenn Sie möchten. Sie können den CSS-Filter für den Normalzustand und den Hover-Zustand anwenden.

  • Inhalt

Sie können diesen Block öffnen, um die Typografie des Beitragstitels, des Metas, des Snippets und mehr festzulegen. Sie können auch den Abstand zwischen den einzelnen Elementen festlegen.

  • Paginierung

Sie können diesen Block öffnen, um die Typografie und die Farbe des Paginierungstextes festzulegen. Sie können unterschiedliche Typografie- und Texteinstellungen für drei verschiedene Zustände verwenden: Normal, Hover und Aktiv. Sie können auch den Abstand zwischen den Seitennummern festlegen.

  • Nichts gefunden Nachricht

Sie können diesen Block öffnen, um die Typografie und Farbe des Meldetextes einzustellen, wenn die Archivseite leer ist.

Wenn Sie mit der Bearbeitung der Vorlage fertig sind, klicken Sie auf die Schaltfläche VERÖFFENTLICHUNG unten in der linken Leiste. Anschließend werden Sie aufgefordert, eine Anzeigebedingung zu definieren. Einfach auf den Button klicken BEDINGUNG HINZUFÜGEN.

Wählen Sie aus dem Dropdown-Menü Autoren-Archiv. Wenn Sie möchten, dass die benutzerdefinierte Autorenarchivvorlage auf alle Autoren auf Ihrer Website angewendet wird, können Sie festlegen Alle im zweiten Dropdown-Menü.

Umgekehrt, wenn Sie möchten, dass die benutzerdefinierte Autorenarchivvorlage auf einen bestimmten Benutzer angewendet wird, können Sie einfach Ihren bevorzugten Autor aus dem zweiten Dropdown-Menü auswählen.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Sie können mehrere Anzeigebedingungen hinzufügen, falls die benutzerdefinierte Autorenarchivvorlage auf zwei oder mehr Autoren angewendet werden soll. Klicke auf SPEICHERN & SCHLIESSEN um die Änderungen anzuwenden.

Hier. Sie haben mit Elementor erfolgreich die benutzerdefinierte Autorenarchivseite auf Ihrer WordPress-Website erstellt.

Holen Sie sich jetzt Elementor Pro!

Fazit

Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie eine Autorenarchivseite in Elementor erstellen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass 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.

...

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
0 Aktien
Aktie
tweet
Registrieren