Springe zum Hauptinhalt

So passen Sie Ihr WordPress-Theme mit Elementor an

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]

Das Anpassen Ihres WordPress-Themas ist eine der Hauptaufgaben beim Erstellen von WordPress-Websites. Da sie das Design einer Website kontrolliert, verbringen viele Fachleute hier die meiste Zeit.

Das Erstellen eines benutzerdefinierten WordPress-Themas umfasst normalerweise das Arbeiten mit den Themendateien und einem Code-Editor. Layoutänderungen erfolgen in Vorlagendateien, Designänderungen über CSS. Außerdem müssen Sie das Browserfenster ständig aktualisieren, um Ihre Anpassungen anzuzeigen, was etwas umständlich sein kann.

Zum Glück mit Elementor, Dieser Vorgang wird extrem einfach, daher sollten Sie ihn ausprobieren.

Aber lassen Sie uns vorher gemeinsam entdecken Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren.

Dann zurück zu warum wir hier sind.

Was ist ein WordPress-Theme?

Ein WordPress-Thema ist im Wesentlichen eine Sammlung von Vorlagen, die das visuelle Erscheinungsbild einer WordPress-Website definieren.

Das WordPress-Thema umfasst alles, was sich auf das Design einer Website auswirkt, von Kopf- und Fußzeilen bis hin zu Farbschema, Layout und mehr.

Es gibt viele kostenlose und Premium-Themen, die für fast jede Branche geeignet sind Fotografie-Websites, Fitness-Club-Websites, Friseursalon-Websites, RechtswebsitesUnd vieles mehr.

Warum ein WordPress-Theme anpassen?

Einer der Hauptgründe für die Erstellung einer Website ist die Förderung Ihres Geschäfts. Was gibt es Schöneres, als eine einzigartige Website zu erstellen, die den Stil und das Design des Unternehmens fördert.

Können Sie sich vorstellen, dass Amazon, eBay oder Google das sind, was sie ohne ihr einzigartiges Design sind?

Natürlich nicht, und das ist einer der Gründe, warum wir ein WordPress-Theme anpassen möchten. Wir wollen es einzigartig machen und uns an die Botschaft unseres Unternehmens anpassen.

Außerdem oder manchmal, oft, durchlaufen Sie ein WordPress-Thema, das von schlechtem Design, Farben, die nicht gut zusammenpassen, oder einem Thema, das zu schwer ist und nur die Leistung der Website beeinträchtigt, geplagt wird. Netz. Das WordPress-Theme könnte mächtig sein, außer für das, was Sie stört. Passen Sie es an und ändern Sie dieses Ding, um alle Ihre Probleme zu lösen und zu erstellen bessere Benutzererfahrung.

So passen Sie ein WordPress-Theme an

Es gibt verschiedene Methoden, um ein WordPress-Theme anzupassen.

  1. Manuell über den WordPress-Customizer
  2. Mit Code
  3. Mit Elementor

So passen Sie ein WordPress-Theme manuell an

Sie können das WordPress-Design Ihrer Wahl über den integrierten WordPress-Customizer anpassen. Wenn Sie dies ohne Code tun, können Sie häufig nur begrenzt Änderungen vornehmen. Einige Premium-WordPress-Themes bieten Ihnen mehr Anpassungsoptionen, aber im Wesentlichen gibt es nicht viele Designoptionen für Sie.

Bevor wir uns eingehender mit diesem Bereich befassen, möchten wir Sie darauf hinweisen, dass Sie beim Anpassen eines vorhandenen WordPress-Themas am besten verwenden ein untergeordnetes Thema und nicht das übergeordnete Thema.

Untergeordnetes WordPress-Thema

Ein untergeordnetes Thema ist ein WordPress-Thema, das genau die gleichen Funktionen und Eigenschaften wie ein anderes WordPress-Thema hat, das übergeordnete Thema. Das untergeordnete Thema wird verwendet, um das Thema sicher anzupassen und zu ändern, ohne das übergeordnete Thema zu beeinflussen und ohne die Fähigkeit zu verlieren, es zu aktualisieren. 

WordPress Theme Customizer

Nachdem wir nun wissen, dass es am besten ist, mit einem untergeordneten Thema zu arbeiten, lernen wir, wie Sie ein Thema mit dem WordPress Customizer anpassen. Um darauf zuzugreifen, gehen Sie zu Ihrem Dashboard und klicken Sie auf Apparence auf der linken Seite und wählen Sie Personifizieren.

Die wichtigsten Funktionen, die Sie mit diesem Customizer ändern können, sind folgende:

Hinzufügen eines Website-Titels, eines Logos und eines Symbols

Um Ihren Titel, Ihr Logo oder Ihr Symbol hinzuzufügen oder zu ändern, rufen Sie einfach das Identitätsfenster der Website auf. und wählen Sie jedes dieser Elemente aus, um sie zu ändern.

Ändern der Farben des WordPress-Themas

Bei einigen WordPress-Designs können Sie ihre Farbschemata ändern, aber nicht bei allen. Es handelt sich im Allgemeinen um Premium-WordPress-Designs. Wenn Sie mit Ihrem WordPress-Design das Farbschema ändern können, wird diese Option angezeigt, wenn Sie auf den Customizer zugreifen.

Hinzufügen von Navigationsmenüs

Mit dem Customizer können Sie auch einfach Ihre Website-Navigationsmenüs hinzufügen und ändern.

So passen Sie ein WordPress-Theme mit Code an

Sie werden feststellen, dass Sie auf der Registerkarte Darstellung die Option haben, den Themeneditor auszuwählen. Wenn Sie darauf klicken, werden Sie von einem Fenster mit dem Themencode begrüßt. Diese Option erfordert ein gutes Verständnis der CSS-Codierung und wird Anfängern nicht empfohlen.

Hier haben Sie Zugriff auf Dateien wie style.css, Funktionen.phpGenau für dieses Szenario benötigen Sie ein untergeordnetes Thema, um Ihre Website nicht zu beschädigen.

Die andere Möglichkeit, Ihr Thema durch Codierung anzupassen, besteht darin, Dateien mithilfe einer FTP-Lösung hochzuladen. Der Prozess umfasst das Erstellen von FTP-Anmeldeinformationen über Ihren Hosting-Anbieter, das Herunterladen und Installieren einer FTP-Lösung (wie FileZilla), das Anmelden bei Ihrem Konto und das Bearbeiten Ihrer Dateien, die Sie dann über denselben hochladen. FTP-Lösung.

Entdecken Sie unseren Guide auf So installieren Sie WordPress mit FileZilla

Sofern Sie nicht mit der Codierung vertraut sind, empfehlen wir diese Option nicht.

Passen Sie ein WordPress-Theme einfach mit Elementor an

Sie können dies direkt über die Benutzeroberfläche tun. Es ist nicht erforderlich, eine einzelne Codezeile zu ändern oder ein Browserfenster auch nur einmal neu zu laden.

Mit Elementor können Sie jedes Element der Website mit nur wenigen Mausklicks schnell und einfach ändern und diese Funktionen sogar für die mobile Plattform optimieren.

Elementor vereinfacht diesen Vorgang erheblich, indem dynamischer Inhalt verwendet wird und Sie eine Vorschau Ihrer Seiten anzeigen können. Auf diese Weise können Sie sofort sehen, wie sich die Designänderungen auf Ihre tatsächliche Website und Ihren Inhalt auswirken.

Passen Sie die Kopf- und Fußzeile an

Mit Elementor können Sie Ihre Kopf- und Fußzeilen flexibel gestalten. Wir alle wissen, wie langweilig es sein kann, dass Sie ein WordPress-Thema haben und keinen einzelnen Aspekt des Kopf- oder Fußzeilendesigns ändern können. Sie benötigen spezielle Themen, Plugins usw.

Mit Elementor ist es einfach.

1. Erstellen Sie eine Header-Vorlage

Konfigurieren Sie zuerst eine neue Header-Vorlage. Gehen Sie dazu zu Elementor> Meine Vorlagen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 1

Hier können Sie zunächst auf die Schaltfläche Neu hinzufügen oben klicken. Verwenden Sie im nächsten Bildschirm das Dropdown-Menü, um Header als Entwurfstyp auszuwählen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 2

Sie können diesen Bildschirm auch erreichen, indem Sie im vorherigen Bildschirm auf die Registerkarte Kopfzeile klicken und dann auf die große grüne Schaltfläche klicken, die angezeigt wird.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 3
Der Header wird als Vorlagentyp vorgewählt. In beiden Fällen müssen Sie einen geeigneten Namen für die Vorlage hinzufügen (damit Sie später wissen, was es ist) und dann fortfahren, indem Sie auf Vorlage erstellen klicken.

Es wird dich hierher bringen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 4

Mit Elementor Pro können Sie aus vorgefertigten Headerblöcken auswählen. Dies sind Designvorlagen, die Sie als Ausgangspunkt für Ihr eigenes Design verwenden können. In diesem Fall werden wir dies tun.

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]

Wenn Sie mit der Maus über einen Kopfblock fahren, klicken Sie auf Insert Mit dieser Option können Sie sofort mit dem Entwerfen beginnen. Andernfalls klicken Sie zuerst auf das Bild, um eine größere Version anzuzeigen. Dann können Sie immer drücken Insert oben.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 5

Wenn Sie andernfalls von vorne beginnen möchten, schließen Sie das Fenster einfach durch Klicken X in der oberen rechten Ecke.

2. Ändern Sie das grundlegende Header-Design

Nach Eingabe des neuen Headers werden Sie zunächst feststellen, dass das zuvor konfigurierte Logo und Menü bereits vorhanden sind.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 6

Genau aus diesem Grund setzen wir sie ein und werden darüber sprechen, wie sie angepasst werden können. Lassen Sie uns jedoch zunächst sehen, wie Sie den Header-Abschnitt selbst anpassen.

Bewegen Sie dazu einfach den Mauszeiger darüber und klicken Sie oben auf die Schaltfläche Bearbeiten. Dies öffnet links eine Liste der Bearbeitungsoptionen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 7

Folgendes können Sie in den verschiedenen Menüs steuern:

  • Layout - Steuern Sie die Breite des Abschnitts, die Größe des Abstands zwischen den Spalten, seine Höhe, seine vertikale Spalte und seine Inhaltspositionierung, das zugewiesene HTML-Tag und die allgemeine Struktur.
  • Stil - Hier können Sie die Hintergrundfarbe einschließlich der ändern Hover-Effekte, sogar Bild oder Video hinzufügen Wenn Sie möchten, fügen Sie Overlay-, Rahmen- und Teilereffekte hinzu und ändern Sie die Typografieeinstellungen.
  • Erweitert - In diesem Teil können Sie CSS-Attribute wie Rand- und Z-Index, Animationen, IDs und Klassen hinzufügen. Außerdem können Sie den Abschnitt klebrig machen, die Einstellungen reaktionsschnell steuern und einige hinzufügen Benutzerdefiniertes CSS.

All das ist ziemlich selbsterklärend und Sie werden schnell bekommen, was Sie wollen.

3. Passen Sie die Header-Elemente an

Sie können jedoch nicht nur den gesamten Header-Abschnitt bearbeiten, sondern auch die darin enthaltenen Elemente. Um beispielsweise das Website-Logo anzupassen, klicken Sie einfach darauf. Auch hier stehen Ihnen auf der linken Seite Bearbeitungsoptionen zur Verfügung.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 8
Im Falle des Logos haben Sie folgende Möglichkeiten:

  • Inhalt - Ändern Sie die Bildgröße, Ausrichtung und den Ort, mit dem es verknüpft ist.
  • Stil - Steuern Sie Breite und Höhe, fügen Sie CSS-Effekte und Hover-Effekte hinzu und fügen Sie bei Bedarf Rahmen und Schatten hinzu.
  • Erweitert - Hier finden Sie im Wesentlichen die gleichen Optionen wie für den Header-Bereich.

Verwenden Sie die Einstellungen, um das Logo so anzupassen, dass es in der Kopfzeile gut angezeigt wird. Beachten Sie auch, dass jedes Element seine eigenen Optionen hat. Überprüfen Sie daher jedes Element.

4. Elemente hinzufügen

Natürlich können Sie mit Elementor auch Elemente zum Header hinzufügen. Klicken Sie einfach auf das Symbol oben rechts, um zu sehen, was verfügbar ist.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 9
Beim Bearbeiten einer Header-Vorlage zeigt Elementor automatisch die relevanten Blöcke oben in der Liste an, was unter den gegebenen Umständen am sinnvollsten ist. In diesem Fall sind dies beispielsweise das Website-Logo, das Navigationsmenü und der Website-Titel.

Wenn Sie beispielsweise den Website-Titel neben dem Logo hinzufügen möchten, ziehen Sie ihn einfach per Drag & Drop darauf. Mit der aktuell ausgewählten Header-Vorlage können wir sie jedoch über oder unter dem Logo hinzufügen. Es ist jedoch ein Problem, das leicht gelöst werden kann.

Bewegen Sie in einem solchen Fall den Mauszeiger über die Kopfzeile und verwenden Sie das Pluszeichen -+-Um einen Abschnitt oben hinzuzufügen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 10

Klicken Sie hier auf die lila Schaltfläche, um ein dreispaltiges Design auszuwählen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 11

Ziehen Sie dann die Elemente aus dem vorhandenen Header-Bereich in den neuen Abschnitt und fügen Sie den Website-Titel in der Mitte hinzu.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 12

Aber warte, der Stil ist völlig anders! kein Problem. Klicken Sie einfach mit der rechten Maustaste auf die vorhandene Kopfzeile und wählen Sie Kopieren. Klicken Sie dann mit der rechten Maustaste auf den neuen Abschnitt und klicken Sie hier auf Stil einfügen. Elementor wendet dann den Stil des vorhandenen Abschnitts an, den Sie später schließen können. 

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 13

Sie können den gleichen Vorgang mit allen anderen Header-Elementen und natürlich mit allen anderen in Elementor enthaltenen Elementen ausführen.

Passen Sie eine eindeutige Beitragsvorlage an

In Elementor können Sie auch eine einzelne Beitragsvorlage anpassen. Hier ist wie :

1. Erstellen Sie ein neues Modell

Das Erstellen einer Vorlage funktioniert wie gewohnt. Diesmal jedoch wählen alleinstehend als Modelltyp. Wählen Sie dann unten die eindeutige Vorlage aus, die Sie bearbeiten möchten. In diesem Beispiel das von Posten.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 14

Wenn Sie ein neues Seitendesign erstellen möchten, bearbeiten Sie Ihre 404-Seite (dazu später mehr) oder bearbeiten Sie sie ein benutzerdefinierter Beitragstyp Insbesondere würden Sie etwas anderes wählen. Geben Sie in beiden Fällen einen Namen ein und fahren Sie fort.

Im nächsten Bildschirm können Sie wie gewohnt aus den vordefinierten Vorlagen auswählen. In diesem Fall möchten wir jedoch ein neues Modell von Grund auf neu erstellen. Klicken Sie also oben rechts auf das X, um dieses Fenster zu schließen.

2. Konfigurieren Sie die Vorschau

Stellen Sie dann das Vorschaufenster auf einen vorhandenen Beitrag ein. Klicken Sie dazu auf das Augensymbol unten in den Editoroptionen Einstellungen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 15

In dem sich öffnenden Menü unter Vorschau dynamischer Inhalt, wählen Sie Veröffentlichen. Danach können Sie in der nächsten Zeile einen vorhandenen Beitrag nach Namen suchen und auswählen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 16Sobald Sie das getan haben, tippen Sie auf Hinzufügen & Vorschau. Während Sie zu diesem Zeitpunkt nichts sehen können (da sich nichts auf der Seite befindet), wird Elementor angewiesen, die Daten in diesem Beitrag von nun an zu verwenden. Sie werden bald sehen, was dies bedeutet.

3. Erstellen wir den obigen Abschnitt 

Zuerst erstellen wir den obigen Abschnitt. Hier finden Sie normalerweise Dinge wie den Titel des Beitrags und Metadaten wie Autor, Datum und Kategorie.

Der erste Schritt besteht darin, auf das Schild zu klicken + und Erstellen eines einzelnen Spaltenabschnitts.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 17
Wenn Sie dies tun, haben Sie im Layoutbereich die Möglichkeit, Breite, Höhe, Position und Stil zu steuern. In diesem Fall gibt es hier nicht viel zu tun. Machen Sie sich keine Sorgen, Sie können jederzeit zurückgehen und später Änderungen vornehmen.

Ziehen Sie dann das Beitragstitel-Widget in den neuen Abschnitt.

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 passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 18

Wenn Sie dies tun, stellen Sie sicher, dass Sie alle verfügbaren Optionen verwenden, um das Design und Layout nach Ihren Wünschen anzupassen. Hier sind zum Beispiel meine Einstellungen dafür:

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 19

Es gibt auch eine coole Funktion, die Sie lernen sollten. Wenn Sie auf das Schlüsselsymbol des Beitragstitels klicken, können Sie statischen Inhalt vor und nach Ihren dynamischen Daten hinzufügen.

Wenn Sie beispielsweise eine Vorlage für eine bestimmte Beitragskategorie wie Nachrichten oder Rezepte erstellen, können Sie diese wie folgt zum Beitragstitel hinzufügen:

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 20

Auf diese Weise werden diese Daten für jeden Beitrag in dieser Kategorie angezeigt. Ich werde dies an dieser Stelle nicht verwenden, dachte aber, es sei eine wichtige Randnotiz für Sie.

Unter dem Titel des Beitrags werden wir die einfügen Posten Info Widget um die Metadaten des Beitrags anzuzeigen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 21

Hier sind die Einstellungen, die ich verwende:

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 22

Zusätzlich habe ich die Styling-Optionen verwendet, um das Design an den Rest der Seite anzupassen. Stellen Sie sicher, dass Sie dasselbe tun.

4. Richten Sie den Pfostenkörper ein

Nach dem Header ist es Zeit, den Hauptteil der Seite zu erstellen. Wenn Sie möchten, dass dieses Teil ein anderes Design als die Kopfzeile hat, müssen Sie einen neuen Abschnitt einrichten. Ich halte es jedoch einfach, so dass es nicht nötig ist.

Das erste, was wir einfügen möchten, ist das vorgestellte Bild. Dazu können Sie das gleichnamige Widget unter dem bereits auf der Seite befindlichen platzieren.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 23

Ich habe im Grunde keine der Einstellungen geändert, sondern alles so gelassen, wie es ist.

Dann ist es Zeit für den Inhalt zu posten. Auch hier haben Sie einen entsprechenden Block.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 24
Sie werden feststellen, dass Elementor für ausgewählte Bilder und Post-Inhalte automatisch die bereits auf der Website vorhandenen Daten abruft. Nehmen Sie Anpassungen am Design des neuen Blocks vor, die Sie benötigen, z. B. das Herumspielen mit den typografischen Einstellungen.

Davon abgesehen ist das alles. Hier ist nicht zu viel zu tun, damit wir zum letzten Teil übergehen können.

5. Konfigurieren Sie die Fußzeile

In diesem Fall soll in der Fußzeile das Profil des Autors, die Freigabeoptionen und die Leserkommentare angezeigt werden. Dazu müssen wir zunächst einen neuen Abschnitt mit zwei Spalten erstellen. Um mehr Platz für das Autorenprofil zu schaffen, können Sie ein Layout von 66.33 festlegen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 25

Danach platzieren Sie das Widget Autorenbox im linken Abschnitt.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 26

Stellen Sie sicher, dass Sie den Stil an Ihre Bedürfnisse anpassen. Ich habe ein wenig Hintergrundfarbe hinzugefügt und die Typografieeinstellungen leicht angepasst.

Danach ist es Zeit, den Block "Share Buttons" auf der rechten Seite hinzuzufügen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 27

Sie können meine Einstellungen im obigen Screenshot sehen.

Danach müssen Sie nur noch einen Abschnitt nach unten erstellen und das Widget "Kommentare veröffentlichen" per Drag & Drop hinein ziehen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 28

(Übrigens, wenn Sie jemals Probleme haben, eines dieser Widgets zu finden, verwenden Sie einfach die Suchfunktion).

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 29

Nehmen Sie Anpassungen am Kommentarbereich vor, den Sie für notwendig halten (ich habe ihn unverändert gelassen), und Sie können ihn veröffentlichen. Hier ist das fertige Design:

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 30

Passen Sie die Archivvorlage an

1. Konfigurieren Sie Ihre WordPress-Archivvorlage

Inzwischen kennen Sie bereits die Lösung zum Erstellen neuer Modelle. Der einzige Unterschied ist, dass Sie in diesem Fall wählen Archiv als Modelltyp.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 31

Danach können Sie wie gewohnt aus mehreren Blöcken auswählen oder Ihr eigenes Modell von Grund auf neu erstellen. Für Archive haben Sie jedoch nur ungefähr zwei widgets Elementor, die sowieso wichtig sind.

2. Definieren Sie den Archivtitel

Der erste Block, über den ich sprechen möchte, ist der Archivtitel Archivtitel.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 32

Neben den üblichen Einstellungen unter Stil und Fortgeschrittenefinden Sie eine wichtige Option, wenn Sie auf das Schlüsselsymbol unter klicken Titel.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 33

Hier können Sie ein- und ausschalten, wenn Elementor den Archivtyp auf der Seite als den Teil anzeigt, in dem Autor: unten steht. Dies geschieht über die Sou-Taste Kontext einschließen

Übrigens können Sie wie gewohnt eine Vorschau verschiedener Archive mithilfe der Vorschaueinstellungen (Augensymbol> Einstellungen) anzeigen. Auf diese Weise können Sie das Design für eindeutige Kategorien, Tags, Autoren und mehr anzeigen. Denk daran.

3. Verwenden Sie den Block Archivpublikationen

Das zweite wichtige Widget für Archive ist Archive Posts. Dadurch werden alle zu einem Archiv gehörenden Beiträge auf einer Seite zusammengefasst. Wenn Sie eine Vorlage auswählen, sind sie bereits vorhanden, aber Sie können sie mit diesem Block auch einfach selbst hinzufügen.

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 34

Werfen wir einen Blick auf die Optionen, mit denen Sie Ihre Archivseiten anpassen können:

  • Skin - Wählen Sie, ob Ihre Beiträge in einem klassischen oder kartenartigen Design angezeigt werden sollen.
  • Spalten - Bestimmt die Anzahl der Spalten, in denen Ihre Beiträge angezeigt werden.
  • Bild anzeigen - Aktivieren Sie ausgewählte Bilder auf Archivseiten
  • Mauerwerk - Zeigt Pfosten in Mauerwerkskonstruktion an oder nicht.
  • Größe des Bildes - Die Größe des Bildes, das Elementor auf Archivseiten verwenden sollte.
  • Titel - Möchten Sie Post-Titel anzeigen oder nicht?
  • Titel-HTML-Tag - Wenn ja, welches HTML-Tag sollte darum gewickelt werden?
  • Auszug - Fügen Sie Auszüge aus Ihren Posts hinzu oder zeigen Sie nur den Titel an.
  • Auszug Länge - Bestimmen Sie die Länge der Auszüge.
  • Metadaten - Definiert die Post-Metadaten, die Besuchern zur Verfügung stehen.
  • Trennzeichen zwischen - Trennsymbol zwischen Metadateninformationen.
  • Mehr erfahren - Fügen Sie einen "Read more" -Link hinzu, ja oder nein?
  • Abzeichen - Ermöglicht das Hinzufügen weiterer Informationen zu Posts, z. B. Kategorien und Tags.
  • Taxonomie-Abzeichen - Hier können Sie entscheiden, welche Informationen aufgenommen werden sollen.
  • Profilbild - Hiermit können Sie das Profilbild der Autoren der Beiträge ändern 

Zusätzlich zu den oben genannten haben Sie einige weitere Optionen. Unter Paging, Sie können festlegen, wie Archiv-Paging behandelt werden soll. Zum Beispiel, wie es angezeigt wird, wie viele Seiten eingeschlossen werden sollen und wie der Text ausgerichtet ist.

Endlich, Erweitert Mit dieser Option können Sie die Nachricht definieren, die angezeigt werden soll, wenn ein Besucher in einem leeren Archiv landet. Alles andere sollte vertraut sein. Beachten Sie nur, dass sich die Styling-Optionen je nach gewählter Haut ändern.

4. Kontrollieren Sie die Anzahl der Veröffentlichungen pro Archiv

Ein kurzer Hinweis zu Archivvorlagen. Um die Anzahl der Beiträge zu ändern, die in einem Archiv (oder auf Ihrer Blog-Seite) angezeigt werden, müssen Sie dies in WordPress unter tun Einstellungen> Lesen. 

So passen Sie die Vorlage für WordPress-Themenelemente oder -Header an 35

Geben Sie hier einfach die Anzahl der Beiträge ein, die Ihre Besucher sehen sollen.

Personalisierung leicht WordPress-Theme mit Elementor

Das Anpassen von WordPress-Themes ist das A und O vieler Profis. Obwohl dies normalerweise viel Codierung und Bearbeitung der Dateien erfordert, ist dies mit Elementor nicht mehr erforderlich.

Wie Sie oben gesehen haben, ist das Plugin ein vollwertiger WordPress-Theme-Editor. Sie können jeden Teil davon über die Benutzeroberfläche anpassen. Sie können die Kopf-, Fuß-, Seiten- und Beitragsvorlagen der Website, Archivvorlagen und mehr bearbeiten.

Mit der Möglichkeit, dynamischen Inhalt zu verwenden und eine Vorschau eines beliebigen Teils Ihrer Website anzuzeigen, können Sie alle trendigen Anpassungen implementieren

Kurz gesagt, Elementor macht es einfach, Ihr WordPress-Theme anzupassen. Anstatt mit Dutzenden von Dateien und Hunderten von Codezeilen mühsam Änderungen vorzunehmen, können Sie alles schnell an einem Ort erledigen.

Holen Sie sich jetzt Elementor Pro!

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