Möchten Sie erfahren, wie Sie eine Autorenarchivseite in erstellen Elementor ?
Hast du ein Webseite Multi-Autor und möchten ihm ein neues Design verpassen Elementor ?
Wenn ja, dann ist das eine großartige Idee, weil Elementor ermöglicht es jedem, ein Webdesigner zu sein, ohne CSS-Kenntnisse haben zu müssen. Über die Webseite Multi-Autor, eines der Dinge, die Sie vielleicht überdenken sollten, ist die Autorenarchivseite.
In diesem Artikel zeigen wir Ihnen, wie Sie mit WordPress eine benutzerdefinierte Autorenarchivseite in WordPress erstellenElementor.
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.
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.
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.
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.
Du kannst den Block öffnen Paginierung um die Paginierung und den Block zu definieren Erweitert um eine benutzerdefinierte Nachricht zu definieren, wenn das Archiv keine enthält Inhalt.
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 den Abstand zwischen Zeilen und Spalten festzulegen. Sie können auch die Ausrichtung des festlegen Inhalt.
- 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 in Ihrem angewendet wird Webseite, können Sie einstellen 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.
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!
Zusammenfassung
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.
...
