Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So zeigen Sie Beitragsauszüge in WordPress-Themes an

Auszüge geben eine kurze Vorschau Ihres Inhalts, sodass Besucher schnell verstehen können, worum es in jedem Beitrag geht, und sie werden ermutigt, für mehr darauf zu klicken. Dies ist besonders nützlich für Blog-Listen, Archive und Suchergebnisseiten.

Durch die Anzeige von Beitragsauszügen können Sie das Layout Ihrer Website optisch ansprechend gestalten und die Ladezeit verkürzen. Die meisten WordPress-Themes zeigen jedoch standardmäßig keine Beitragsauszüge an. Sie müssen dies selbst einrichten.

Bei WPBeginner zeigen wir auf unseren Start- und Blogseiten immer Auszüge unserer Artikel an. Dieser Ansatz ermöglicht es uns, mehr Beiträge im Voraus hervorzuheben, sodass Besucher unsere Inhalte leichter durchsuchen können. Wir haben auch viel Erfahrung mit der Anpassung von WordPress-Themes und der Optimierung von Blogs.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihrem WordPress-Theme ganz einfach Beitragsauszüge hinzufügen können.

So zeigen Sie Beitragszusammenfassungen in WordPress-Themes an

Warum Beitragszusammenfassungen in WordPress anzeigen?

Standardmäßig zeigt WordPress vollständige Beiträge auf der Homepage, der Blog-Seite und Archivseiten auf Ihrer Website an. Dies ist jedoch keine optimale Erfahrung für Benutzer, die schnell die verschiedenen Beiträge durchsuchen und denjenigen finden möchten, den sie zuerst lesen möchten.

Es kann auch viel Scrollen bedeuten, was ein großes Problem für Smartphone- und Tablet-Benutzer darstellt.

Wenn Sie mehr Beiträge veröffentlichen, teilt WordPress Ihre Blogs möglicherweise auch auf mehrere Seiten auf, indem es Paginierung verwendet. Wenn Ihre älteren Beiträge auf andere Seiten verschoben werden, erhalten sie oft deutlich weniger Aufrufe und weniger Interaktion.

Aus diesem Grund zeigen viele Blog-Besitzer stattdessen Beitrags-Exzerpte auf ihren Archiv- und Blog-Indexseiten an. Da nur ein Teil jedes Artikels geladen wird, kann dies Ihre WordPress-Geschwindigkeit und -Leistung verbessern.

Ein Beispiel für Beitragsauszüge in einem WordPress-Theme

WordPress hat eine integrierte Unterstützung für Beitrags-Excerpts, aber nicht jedes Theme nutzt diese Funktion.

Dennoch zeigen wir Ihnen, wie Sie Beitragszusammenfassungen in jedem WordPress-Theme anzeigen.

So überprüfen Sie, ob Ihr WordPress-Theme Beitrags-Excerpts unterstützt

Die meisten beliebten WordPress-Themes verfügen über eine Einstellung, mit der Sie Beitragszusammenfassungen anstelle des vollständigen Beitrags anzeigen können.

Um zu sehen, ob Ihr Theme Beitrags-Exzerpte unterstützt, besuchen Sie die Seite Darstellung » Anpassen im WordPress-Dashboard.

Der Speicherort dieser Einstellungen variiert je nach Ihrem WordPress-Theme, aber Sie müssen nach Einstellungen suchen, die mit „Blog“ gekennzeichnet sind.

Beitragsauszüge zu einem WordPress-Theme über den Customizer hinzufügen

Wenn Sie beispielsweise das Sydney WordPress-Theme verwenden, müssen Sie 'Blog' auswählen und dann auf 'Blog-Archive' klicken.

Sie können dann nach unten zum Abschnitt „Beitrags-Elemente“ scrollen und den Tab „Inhalt“ erweitern. Wählen Sie dann im Dropdown-Menü unter „Inhaltstyp“ die Option „Auszug“ aus.

Beitragszusammenfassungen zu Ihrer WordPress-Website hinzufügen

Wenn Ihr Theme eine Option „Theme-Einstellungen“ oder „Beitrags-Allgemeine Einstellungen“ hat, können Sie Beitrags-Excerpts möglicherweise auch in diesen Bereichen aktivieren.

Wenn Sie damit fertig sind, klicken Sie einfach auf die Schaltfläche 'Veröffentlichen'. Wenn Sie nun den Blog, das Archiv oder die Homepage besuchen, sollten Sie eine Liste von Blog-Auszügen anstelle vollständiger Beiträge sehen.

Wenn Ihr Theme keine integrierte Unterstützung für Beitragszusammenfassungen hat, müssen Sie diese hinzufügen. Verwenden Sie einfach die Schnelllinks unten, um zu der Methode zu springen, die Sie verwenden möchten:

Methode 1: Beitragszusammenfassungen zu WordPress mit Code hinzufügen (einfach)

Wenn Ihr WordPress-Theme Beitrags-Exzerpte nicht standardmäßig unterstützt, können Sie diese Funktion jederzeit manuell hinzufügen.

Sie können Ihre WordPress-Theme-Dateien direkt bearbeiten, aber wir empfehlen, stattdessen ein Child-Theme zu erstellen. Auf diese Weise verlieren Sie beim Aktualisieren Ihres WordPress-Themes nicht die von Ihnen vorgenommenen Änderungen.

Weitere Details finden Sie in unserem Anfängerleitfaden zur Erstellung eines WordPress-Child-Themes.

Nachdem Sie dies getan haben, müssen Sie die Vorlage finden, die jede Seite steuert, auf der Sie Beitragszusammenfassungen anzeigen möchten. Bei den meisten Themes sind dies home.php, content.php, category.php und archive.php.

Eine Anleitung zum Auffinden der richtigen Datei finden Sie in unserem Anfängerleitfaden zur WordPress-Vorlagenhierarchie.

Sobald dies erledigt ist, suchen Sie einfach den folgenden Code in jeder Datei:

<?php the_content(); ?>

Ersetzen Sie dann diesen Code durch den the_excerpt Tag:

<?php the_excerpt(); ?>

Wenn Sie damit fertig sind, speichern Sie die Datei und überprüfen Sie Ihre Website. Sie sollten nun Beitragsauszüge sehen, wo zuvor der vollständige Artikel stand.

Ändern Sie die Standardlänge der WordPress-Auszüge

Standardmäßig zeigt WordPress die ersten 55 Wörter jedes Beitrags an und fügt dann Ellipsen (...) hinzu, um anzuzeigen, dass weiterer Inhalt vorhanden ist.

Sie können dies ändern, um mehr oder weniger Wörter anzuzeigen, indem Sie Code zu Ihrer WordPress-Website hinzufügen. Obwohl es möglich ist, die Theme-Dateien direkt zu bearbeiten, kann dies kompliziert sein.

Ein einfacher Fehler kann auch viele häufige WordPress-Fehler verursachen und Ihre Website sogar komplett lahmlegen.

Aus diesem Grund empfehlen wir die Verwendung von WPCode. Es erleichtert das Hinzufügen von Code-Snippets in WordPress, ohne Ihre Theme-Dateien bearbeiten zu müssen. Auf diese Weise können Sie Ihr Theme aktualisieren oder ändern, ohne den benutzerdefinierten Code zu verlieren.

Zuerst müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserem Leitfaden für Anfänger, wie man ein WordPress-Plugin installiert.

Besuchen Sie nach der Aktivierung die Seite Code-Schnipsel » + Schnipsel hinzufügen im WordPress-Dashboard. Klicken Sie dann unter der Option „Eigene Codes hinzufügen (Neuer Schnipsel)“ auf die Schaltfläche „+ Benutzerdefinierten Schnipsel hinzufügen“.

So zeigen Sie Beitrags-Exzerpte mit Code an

Als Nächstes müssen Sie den Code-Typ aus den auf dem Bildschirm angezeigten Optionen auswählen.

Wählen Sie für dieses Tutorial „PHP-Snippet“.

Wählen Sie die PHP-Snippet-Option

Geben Sie auf dem nächsten Bildschirm einen Titel für den Code-Schnipsel ein. Dies dient nur zu Ihrer Information, sodass Sie alles verwenden können, was Sie möchten.

Beitragsauszüge in WordPress mit Code anpassen

Wenn das erledigt ist, fügen Sie einfach Folgendes in den Code-Editor ein:

return 100;
}
add_filter('excerpt_length', 'new_excerpt_length');

// Changing excerpt more
function new_excerpt_more($more) {
return '...';
}
add_filter('excerpt_more', 'new_excerpt_more');

Dieser Code ändert die Länge des Beitragsauszugs auf 100 Zeichen. Sie können die '100' durch jede beliebige Zahl ersetzen.

Nachdem Sie den Code eingefügt haben, schalten Sie den Schalter in der oberen rechten Ecke von 'Inaktiv' auf 'Aktiv' und klicken Sie dann auf die Schaltfläche 'Snippet speichern'.

WPCode-Code-Snippet speichern und aktivieren

Weitere Tipps zur Feinabstimmung Ihrer Beitragsauszüge finden Sie in unserem Leitfaden zur Anpassung von WordPress-Auszügen ohne Code.

Methode 2: Beitragszusammenfassungen mit dem Full Site Editor hinzufügen (nur Block-Themes)

Wenn Sie eines der neueren Block-WordPress-Themes verwenden, können Sie Beitrags-Excerpts über den Full Site Editor hinzufügen.

Um zu beginnen, gehen Sie im WordPress-Dashboard zu Darstellung » Editor.

Verwendung des Vollbild-Editors (FSE)

Standardmäßig zeigt der Full Site Editor die Startvorlage Ihres Themes an, aber Sie können jedem Template einen Auszug hinzufügen.

Klicken Sie im linken Menü einfach auf 'Vorlagen'.

Beitragsauszüge in WordPress mit dem Full-Site-Editor (FSE) anzeigen

Sie sehen nun eine Liste aller Vorlagen, aus denen Ihr WordPress-Theme besteht. Je nach Theme möchten Sie möglicherweise Auszüge zum Archiv, Index, zur Suche oder zu ähnlichen Vorlagen hinzufügen.

Finden Sie einfach die Vorlage, die Sie bearbeiten möchten, und klicken Sie darauf.

Beitragszusammenfassungen mit dem WordPress Full-Site Editor (FSE) anzeigen

WordPress zeigt nun eine Vorschau dieser Vorlage an.

Um die Vorlage zu bearbeiten, klicken Sie auf das kleine Bleistiftsymbol.

Beitragszusammenfassungen mit dem WordPress Full-Site Editor (FSE) anzeigen

Klicken Sie nun auf das „+“-Symbol.

Geben Sie im erscheinenden Suchfeld 'Beitragszusammenfassung' ein.

Hinzufügen des Beitrags-Auszug-Blocks zu einem Block-basierten WordPress-Theme

Wenn der richtige Block erscheint, ziehen Sie ihn per Drag & Drop in Ihr Layout.

Sie können diesen Vorgang wiederholen, um mehrere Beitrags-Excerpts zur Vorlage hinzuzufügen.

Hinzufügen des Beitrags-Auszug-Blocks zu einem Block-basierten WordPress-Theme

Um zu verfeinern, wie der Auszug aussieht, klicken Sie einfach auf den Beitrag-Auszug-Block, um ihn auszuwählen.

Im rechten Menü können Sie zunächst auswählen, ob der Link „Weiterlesen“ auf derselben Zeile wie der Auszug angezeigt wird, indem Sie den Schalter „Link in neuer Zeile anzeigen“ verwenden.

Hinzufügen eines „Weiterlesen“-Buttons zu einer Blog-Archivseite

Wählen Sie anschließend den Tab „Stile“ aus. Hier können Sie die Textfarbe ändern, eine Hintergrundfarbe hinzufügen, die Schriftgröße ändern und mehr.

Während Sie Änderungen vornehmen, wird die Live-Vorschau automatisch aktualisiert, sodass Sie verschiedene Einstellungen ausprobieren können, um zu sehen, was am besten aussieht.

So passen Sie einen WordPress-Beitragsauszug an

Wenn Sie mit der Einrichtung des Beitrags-Exzerpts zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“, um Ihre Änderungen live zu schalten.

Möchten Sie Beitragsauszüge auf mehr Seiten und Beiträgen anzeigen? Wiederholen Sie dann einfach die obigen Schritte, wählen Sie diesmal jedoch eine neue Vorlage aus dem linken Menü aus.

Methode 3: Beitrags-Exzerpte zu WordPress mit einem Theme Builder hinzufügen (Fortgeschritten)

Wenn Sie die vollständige Kontrolle darüber haben möchten, wie das Archiv, die Blog-Seite, die Homepage und der Rest Ihrer Website aussehen, können Sie ein benutzerdefiniertes Theme erstellen.

Dies ermöglicht es Ihnen, Ihre eigenen Seiten zu gestalten und Auszüge überall auf Ihrer Website anzuzeigen.

SeedProd ist der beste WordPress-Theme-Builder, mit dem Sie ganz einfach ein benutzerdefiniertes WordPress-Theme erstellen können, ohne Code schreiben zu müssen. Es verfügt auch über einen fertigen Beitrags-Block, den Sie auf jede Seite ziehen und ablegen können.

Hinweis: Es gibt ein kostenloses SeedProd Plugin, mit dem Sie schöne 'Coming Soon' und Wartungsmodus-Seiten erstellen können, unabhängig von Ihrem Budget. Sie benötigen jedoch den SeedProd Pro- oder Elite-Plan, um den Theme Builder freizuschalten.

Zuerst müssen Sie das SeedProd Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.

Nach der Aktivierung gehen Sie zur Seite SeedProd » Einstellungen und geben Sie den Lizenzschlüssel des Plugins ein. Diese Informationen finden Sie in Ihrem Konto auf der SeedProd-Website.

Hinzufügen eines SeedProd-Lizenzschlüssels zu WordPress

Nach Eingabe des Lizenzschlüssels können Sie mit dem SeedProd Theme Builder ein benutzerdefiniertes WordPress-Theme erstellen.

Gehen Sie zuerst zur Seite SeedProd » Theme Builder.

Der SeedProd Theme Builder

Hier können Sie entweder eines der fertigen SeedProd Site Kits und Vorlagen als Ausgangspunkt verwenden oder manuell eine Vorlage von Grund auf neu erstellen.

Wir empfehlen, mit einem vorhandenen Theme zu beginnen, da dies automatisch alle notwendigen Vorlagendateien erstellt und Ihnen einen Vorsprung verschafft.

Klicken Sie dazu auf die Schaltfläche „Theme Template Kits“.

Erstellen eines benutzerdefinierten WordPress-Themes mit SeedProd

Sie können nun eine der verfügbaren Vorlagen auswählen.

Alle diese Themes sind vollständig anpassbar, sodass Sie sie perfekt auf Ihren WordPress-Blog oder Ihre Website abstimmen können.

Auswahl einer Theme-Vorlage für Ihre WordPress-Website oder Ihren Blog

Nach der Auswahl eines Themes erstellt SeedProd automatisch alle benötigten Theme-Vorlagen.

Sie können sich das als Entwurfsversion Ihres benutzerdefinierten WordPress-Themes vorstellen.

Blog-, Archiv- und Suchseiten mit SeedProd anpassen

Sie können nun jede Vorlage mit dem Drag-and-Drop-Editor von SeedProd anpassen.

Da wir Beitrags-Exzerpte zu unserer Website hinzufügen möchten, bewegen Sie die Maus über die Vorlage „Blog-Index, Archive, Suche“ und klicken Sie auf den Link „Design bearbeiten“, wenn er erscheint.

So fügen Sie Beitragsauszüge zu Ihrem WordPress-Theme mit SeedProd hinzu

Dies lädt den SeedProd Drag-and-Drop-Builder.

Rechts sehen Sie eine Vorschau der Vorlage. Standardmäßig zeigt die Vorlage für die Blog-Seite die Überschrift, das Archiv, den Titel und alle Ihre Beiträge an.

Der Drag &amp; Drop-Theme-Editor und Page Builder von SeedProd

Die linke Seite zeigt ein Menü mit allen verschiedenen Blöcken, die Sie verwenden können.

Sie können neue Blöcke hinzufügen, indem Sie sie auf die Seite ziehen und sie dann mit der Maus nach oben und unten verschieben.

Sie können jeden Block anpassen, indem Sie darauf klicken und dann die Einstellungen im linken Menü verwenden. Wenn Sie eine Änderung vornehmen, wird die SeedProd-Vorschau automatisch aktualisiert, um diese Änderungen anzuzeigen.

So passen Sie jeden Block in einem WordPress-Theme an

Da wir die Beitragszusammenfassungen anpassen möchten, klicken Sie einfach, um den Block „Beiträge“ in der Live-Vorschau auszuwählen.

Nachdem Sie dies getan haben, wählen Sie den Inhalt aus, den Sie in diesem Block anzeigen möchten, indem Sie die Einstellungen im linken Menü verwenden.

Zum Beispiel können Sie das Spaltenlayout ändern, die Paginierung anzeigen, das Beitragsbild anzeigen und das Titel-Tag ändern.

So fügen Sie Beitragszusammenfassungen zu einem WordPress-Theme hinzu, ohne Code schreiben zu müssen

Um den Beitragsauszug anzuzeigen, klicken Sie einfach auf den Schalter 'Auszug anzeigen', sodass er orange wird.

Sobald Sie dies getan haben, können Sie ändern, wie viele Zeichen SeedProd im Exzerpt anzeigt, indem Sie eine neue Zahl in „Exzerptlänge“ eingeben.

Blog-Exzerpte zu einem WordPress-Theme hinzufügen

SeedProd kann auch einen 'Weiterlesen'-Link zu jedem Auszug hinzufügen, was die Leser ermutigt, den vollständigen Artikel zu öffnen.

Sie können diesen Link mit dem Schalter 'Mehr lesen anzeigen' hinzufügen oder entfernen.

Hinzufügen eines 'Weiterlesen'-Buttons zu Ihren Beitragsauszügen

Sie können den Text „Weiterlesen“ auch durch Ihre eigene Nachricht ersetzen, indem Sie in das Feld „Weiterlesen-Text“ eingeben.

Wenn Sie mit der Einrichtung des Beitrags-Exzerpts zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“ in der oberen rechten Ecke Ihres Bildschirms.

Anpassen des Links „Weiterlesen“ in einem Beitrags-Excerpt

Sie können nun die anderen SeedProd-Vorlagen anpassen, indem Sie zu SeedProd » Theme Builder gehen und den gleichen oben beschriebenen Prozess befolgen.

Um die Beitragszusammenfassungen für Besucher anzuzeigen, müssen Sie zuerst Ihr SeedProd-Theme aktivieren. Gehen Sie dazu zu SeedProd » Theme Builder und klicken Sie dann auf den Schalter „SeedProd Theme aktivieren“, sodass dort „Ja“ steht.

So erstellen Sie ein benutzerdefiniertes WordPress-Theme mit SeedProd

Wenn Sie nun eine Ihrer Blog-Seiten besuchen, sehen Sie die Beitragsauszüge live.

Bonus: Auszüge für passwortgeschützte Inhalte anzeigen

Wenn Sie eine Mitgliederseite haben, gibt es möglicherweise Inhalte, die für die allgemeine Öffentlichkeit nicht zugänglich sind. Es ist jedoch trotzdem eine gute Idee, einen Auszug für Ihre passwortgeschützten Inhalte anzuzeigen.

Dies kann Benutzer neugierig machen und sie ermutigen, Ihre Abonnements zu kaufen, um Zugang zu exklusiven Inhalten auf Ihrer Website zu erhalten.

Sie können dies ganz einfach mit Restrict Content Pro tun, einem beliebten Plugin zum Schutz von Inhalten. Nach der Aktivierung öffnen Sie einfach einen Beitrag Ihrer Wahl im WordPress-Blockeditor, wo Sie ihm im Block-Panel eine Zusammenfassung hinzufügen können.

Danach können Sie die Einschränkung über das Dropdown-Menü konfigurieren.

Fügen Sie einen Auszug für den eingeschränkten Beitrag hinzu

Veröffentlichen Sie schließlich den Beitrag und besuchen Sie dann Ihre WordPress-Website.

Hier können die Benutzer den Beitrags-Exzerpt und den Titel für eingeschränkte Inhalte sehen, genau wie bei jedem anderen Beitrag. Der Inhalt selbst wird jedoch vor dem Publikum verborgen.

Geschützter Inhaltsauszug-Vorschau

Detaillierte Anweisungen finden Sie auch in unserem Tutorial zum Anzeigen eines Auszugs eines passwortgeschützten Beitrags in WordPress.

Wir hoffen, dieser Artikel hat Ihnen gezeigt, wie Sie Beitragsauszüge in WordPress-Themes anzeigen. Möglicherweise möchten Sie auch unseren Leitfaden zum Erstellen interaktiver Bilder in WordPress und unsere Expertenauswahl für die besten WordPress-Themes für die vollständige Website-Bearbeitung lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

95 CommentsLeave a Reply

    • Sie sollten das hinzufügen können, aber der Auszug ist normalerweise eine Zusammenfassung des Artikels oder der Anfang des Artikels, daher ist es nicht immer das Nützlichste, was Sie in Ihre Artikel aufnehmen können.

      Admin

  1. für das Flugzeug, diese, das hat für mich funktioniert – Gehen Sie zur Homepage und klicken Sie auf Bearbeiten. Gehen Sie zum Block-Editor und klicken Sie auf den Block – Blog-Beiträge. Sie sehen eine Einstellung, die besagt: „Beitrags-Steuereinstellungen“

    Dort können Sie die Einstellung 'Auszug anzeigen' aktivieren oder deaktivieren

  2. Hallo, danke dafür. Ich habe diese Dateien nicht in meinem Child-Theme. Wenn ich das einfach in meinem Parent-Theme mache, wird es dann nicht gelöscht, wenn es ein Update gibt?

    • Richtig, wenn Sie es in Ihrem übergeordneten Theme platzieren und das übergeordnete Theme aktualisiert wird, gehen Ihre Änderungen verloren.

      Admin

  3. Danke für diesen Beitrag. Ich möchte auch um Hilfe bitten, wie man Abstände um das Exzerpt hinzufügt. Ich habe Rahmenlinien um mein Exzerpt hinzugefügt; das Problem ist, dass das Exzerpt die Rahmenlinien berührt. Wie füge ich Abstände um die Exzerpte hinzu, damit sie die Rahmenlinien nicht berühren? Vielen Dank im Voraus.

  4. Hallo zusammen,
    Ich benutze das Theme 'Enlightenment', habe aber ein Problem, dass ich in meinen Beiträgen den kurzen Beitragsauszug nicht sehen kann, er ist leer. Und das passiert nur mit dem Theme 'Enlightenment'. Da derselbe Code in einem anderen Theme funktioniert. Kann mir also jemand eine Lösung dafür geben?

Hinterlassen Sie eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.