Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man kompakte Archive in WordPress erstellt

Möchten Sie kompakte Archive in WordPress erstellen?

Wenn Sie schon seit einigen Jahren bloggen, könnte die Liste Ihrer Beiträge zu lang geworden sein, um in Ihre WordPress-Seitenleiste zu passen. Dadurch wird Ihre Seitenleiste unübersichtlich, was der Präsentation Ihrer Website nicht zuträglich ist.

In diesem Artikel zeigen wir Ihnen, wie Sie Schritt für Schritt kompakte Archive auf Ihrer WordPress-Website erstellen können.

How to create compact archives in WordPress

Warum brauchen Sie kompakte Archive in WordPress?

Durch das Hinzufügen eines Archivs auf Ihrer WordPress-Website können Sie auf einfache Weise Ihre zuvor veröffentlichten Inhalte anzeigen und so das Engagement und die Verweildauer auf Ihrer Website erhöhen.

Standardmäßig bietet WordPress einen Archiv-Block, der in die Seitenleiste Ihres WordPress-Blogs eingefügt werden kann.

Dieser Block ermöglicht es Ihnen jedoch nur, Ihre Archive als lange Liste oder als Dropdown-Menü anzuzeigen.

Eine Liste lässt Ihre Website unübersichtlich erscheinen, während ein Dropdown-Menü von den Benutzern leicht übersehen werden kann, da es nicht auffällt.

The default archive block in WordPress

Wenn Sie kompakte Archive erstellen, können Sie Ihre Archive einfach in der Seitenleiste von WordPress anzeigen, ohne viel Platz zu benötigen. Sie können sie auch auf Ihrer Seite „Über“ anzeigen oder sogar einen eigenen Abschnitt für Archive erstellen.

Kompakte Archive erleichtern den Nutzern die Navigation auf Ihrer Website und das Auffinden relevanter Inhalte und verbessern so das Nutzererlebnis.

Schauen wir uns also an, wie man Schritt für Schritt kompakte Archive in WordPress hinzufügt:

Wie man kompakte Archive in WordPress hinzufügt

Zunächst müssen Sie das Plugin Compact Archives installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress Plugins.

Jetzt bietet das Plugin drei Stile, um kompakte Archive auf Ihrer Website anzuzeigen.

Stil 1: Entspannte Drei-Buchstaben-Monats-Initialen

Style one of the compact archives

Stil 2: Kompakte monatliche Initialen

Style two of compact archives

Stil 3. Numerischer Block

Style three of the compact archives

Es gibt mehrere Möglichkeiten, kompakte Archive einfach anzuzeigen.

In diesem Tutorial werden wir Ihnen alle vier Methoden zeigen, und Sie können diejenige auswählen, die Ihnen am besten gefällt.

Methode 1: Hinzufügen kompakter Archive in WordPress-Beiträge oder -Seiten

Wenn Sie Ihren WordPress-Beiträgen oder -Seiten kompakte Archive hinzufügen möchten, dann ist diese Methode genau das Richtige für Sie.

Es ist super einfach, kompakte Archive hinzuzufügen, da das Plugin mit einem benutzerfreundlichen Block geliefert wird, den Sie zu Ihrem Beitrag oder Ihrer Seite hinzufügen können.

Zunächst müssen Sie einen bestehenden oder neuen Beitrag/eine neue Seite im Block-Editor in der Seitenleiste des WordPress-Administrators öffnen.

Wenn Sie dort sind, klicken Sie auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms, um das Blockmenü zu öffnen.

Von hier aus finden Sie den WPBeginner’s Compact Archives-Block und fügen ihn zu Ihrem WordPress-Post oder Ihrer Seite hinzu.

Add the Compact archives block to a page

Danach können Sie in der Blocktafel in der rechten Ecke des Bildschirms einen Stil für Ihr Archiv auswählen.

Wählen Sie einfach einen Stil Ihrer Wahl aus dem Dropdown-Menü unter der Option „Archivtyp auswählen“.

Select an archive type

Sie können auch auswählen, ob Ihr Archivtext groß oder klein geschrieben werden soll.

Öffnen Sie dazu das Dropdown-Menü unter der Option „Text transformieren“ und wählen Sie einen Textstil aus.

Select the archive text from the dropdown menu

Wenn Sie mit Ihrer Auswahl zufrieden sind, klicken Sie einfach auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihre Einstellungen zu speichern.

Jetzt können Sie Ihre WordPress-Website besuchen, um Ihre Archivseite zu sehen.

Archives preview

Methode 2: Kompaktes Archiv als Widget hinzufügen

Wenn Sie kompakte Archive als Widget hinzufügen möchten, ist diese Methode für Sie geeignet.

Hinzufügen des Kompaktarchivblocks im Full Site Editor

Wenn Sie ein blockbasiertes Theme auf Ihrer Website verwenden, müssen Sie den WPBeginners‘ Compact Archives-Block über den vollständigen Site-Editor hinzufügen.

Zunächst müssen Sie die Seite Erscheinungsbild “ Editor in der Seitenleiste der WordPress-Verwaltung aufrufen, um den vollständigen Site-Editor zu starten.

Klicken Sie hier auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms, um das Blockmenü zu öffnen.

Als Nächstes suchen Sie einfach den WPBeginner’s Compact Archives-Block und fügen ihn an der gewünschten Stelle auf Ihrer Website ein.

Add the compact archives block in the FSE

Sobald Sie den Block hinzugefügt haben, können Sie seine Stil- und Texteinstellungen im Blockbedienfeld auf der rechten Seite konfigurieren.

Vergessen Sie nicht, auf die Schaltfläche „Speichern“ oben zu klicken, um Ihre Einstellungen zu speichern.

Configure the Compact archives settings in FSE

Besuchen Sie jetzt Ihre Website, um Ihr kompaktes Archiv zu sehen.

So sieht es auf unserer Demoseite aus.

Compact archives in FSE

Hinzufügen des Kompaktarchivblocks mit Widgets

Wenn Sie ein klassisches WordPress Theme verwenden, dann ist diese Methode für Sie geeignet.

Zunächst müssen Sie im WordPress-Dashboard die Seite Erscheinungsbild “ Widgets aufrufen.

Dort klicken Sie auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke, um das Blockmenü zu öffnen.

Von hier aus suchen Sie den WPBeginner’s Compact Archives-Block und fügen ihn in die Seitenleiste ein.

Add the Compact archives block to the sidebar

Nach dem Hinzufügen des Compact Archives-Blocks können Sie den Stil und den Text Ihres Archivs ändern, indem Sie die Blockeinstellungen im Panel rechts konfigurieren.

Vergessen Sie nicht, oben auf die Schaltfläche „Aktualisieren“ zu klicken, um Ihre Änderungen zu speichern.

Configure the block settings of the compact archives and click Update button

Sie können dann Ihre Website besuchen, um die kompakten Archive in Ihrer Seitenleiste zu sehen.

Auf unserer Demo-Website sah es so aus.

Compact archive preview in sidebar

Methode 3: Kompakte Archive in Vorlagendateien anzeigen

Wenn Sie ein benutzerdefiniertes WordPress-Theme erstellen oder Archive in einer Theme-Vorlagendatei anzeigen möchten, verfügt Compact Archives über praktische Template-Tags, die Sie verwenden können.

Fügen Sie einfach den folgenden Template-Tag in Ihren Code ein:

<ul> <?php compact_archive(); ?> </ul>

Nach dem Hinzufügen des Tags werden die kompakten Archive zu Ihrer WordPress-Seite hinzugefügt.

Wenn Sie jedoch einen Stil zu Ihrem Archiv hinzufügen möchten, können Sie dies tun, indem Sie den folgenden Template-Tag in Ihren Code einfügen:

<ul>
<?php compact_archive($style='initial', $before='<li>', $after='</li>'); ?>
</ul>

Mit $style == 'initial' werden z. B. nur die Initialen des Monatsnamens angezeigt und passen genau in eine Seitenleiste. Mit $style== 'block' passt die Anzeige in die Hauptspalte einer Seite. Mit $style == 'numeric' werden numerische Monate angezeigt.

Methode 4: Fügen Sie kompakte Archive zu Ihrer HTML-Sitemap hinzu

Wenn Sie eine HTML-Sitemap-Seite in WordPress erstellen und damit Ihre kompakten Archive anzeigen möchten, dann ist diese Methode für Sie geeignet.

All in One SEO ist das beste WordPress-SEO-Plugin auf dem Markt, mit dem Sie Ihre Website ganz einfach für Suchmaschinen optimieren und Ihre Rankings verbessern können.

Sie können sogar ganz einfach eine HTML-Sitemap zu Ihrer WordPress-Website hinzufügen.

The AIOSEO website

Zunächst müssen Sie das All in One SEO for WordPress-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Hinweis: AIOSEO hat auch eine kostenlose Version, mit der Sie eine HTML-Sitemap erstellen können. Wir werden jedoch den Premium-Plan für mehr Funktionen verwenden.

Nach der Aktivierung startet das Plugin den Einrichtungsassistenten. Folgen Sie einfach den Anweisungen auf dem Bildschirm, um das Plugin einzurichten, oder lesen Sie unseren Leitfaden für die korrekte Einrichtung von All in One SEO für WordPress.

Sobald Sie das getan haben, gehen Sie auf die Seite All in One SEO “ Sitemaps in der WordPress-Admin-Seitenleiste.

Wechseln Sie von hier aus auf die Registerkarte „HTML-Sitemap“ und vergewissern Sie sich, dass der Schalter „Sitemap aktivieren“ aktiviert ist.

Toggle the Enable Sitemap switch

Als Nächstes müssen Sie auswählen, wie Sie Ihre HTML-Sitemap anzeigen möchten. Sie können Ihre Sitemap mit einem Shortcode, PHP-Code, einem Block oder als Widget anzeigen.

Für dieses Tutorial werden wir die Option „Gutenberg-Block“ wählen.

Wenn Sie diese Methode wählen, müssen Sie den AIOSEO – HTML Sitemap-Block zu der Seite hinzufügen, auf der Sie die Sitemap anzeigen möchten.

Ausführlichere Anweisungen finden Sie in unserem Tutorial über das Hinzufügen einer HTML-Sitemap-Seite in WordPress.

Choose the Gutenberg block

Als Nächstes müssen Sie im Abschnitt „HTML-Sitemap-Einstellungen“ zur Option „Kompakte Archive“ blättern.

Schalten Sie hier den Schalter ‚Compact Archives‘ auf ‚Enabled‘.

Beachten Sie, dass Sie das Compact Archives Plugin nicht installieren müssen, um diese Funktion nutzen zu können.

Jetzt wird Ihre HTML-Sitemap in einem kompakten Datumsarchivformat angezeigt.

Toggle the compact archives switch to Enabled

Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.

Öffnen Sie als Nächstes eine bestehende oder neue Seite, auf der Sie die Sitemap in der Seitenleiste der Verwaltung anzeigen möchten.

Von hier aus klicken Sie einfach auf die Schaltfläche „Block hinzufügen“ (+) am oberen Rand und fügen den AIOSEO-HTML-Sitemap-Block zu Ihrer Seite hinzu.

Add the AIOSEO-HTML Sitemap block to your page

Vergessen Sie nicht, auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“ zu klicken, um Ihre Änderungen zu speichern.

Ihre kompakte HTML-Sitemap sieht dann so aus.

Compact archives as HTML sitemap

Bonus: Erstellen einer benutzerdefinierten Archivseite in WordPress

Neben dem Hinzufügen eines Archivblocks zu einer bestehenden Seite können Sie mit SeedProd auch eine benutzerdefinierte Archivseite auf Ihrer WordPress-Website erstellen.

Es ist der beste WordPress-Seitenersteller auf dem Markt, der mit einem Drag-and-Drop-Builder, vorgefertigten Vorlagen und einem „Posts“-Block ausgestattet ist, mit dem Sie Ihre Blog-Posts ansprechend darstellen können.

SeedProd Website and Theme Builder

Zunächst müssen Sie SeedProd installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress-Plugins.

Nach der Aktivierung besuchen Sie den Abschnitt SeedProd “ Landing Pages im WordPress-Dashboard und klicken Sie auf die Schaltfläche „Neue Landing Page hinzufügen“.

Click the Add New Landing Page button

Dies führt Sie zum Bildschirm „Neue Seitenvorlage auswählen“, wo Sie zahlreiche von SeedProd angebotene vorgefertigte Vorlagen sehen, die Sie auf Ihrer Website verwenden können.

Sobald Sie ein Template ausgewählt haben, wird es im Drag-and-drop-Builder von SeedProd gestartet, wo Sie es mit den Blöcken in der linken Spalte individuell anpassen können.

Weitere Informationen finden Sie in unserer Anleitung zum Erstellen einer Landing Page in WordPress.

Add posts block in SeedProd

Um nun Ihre Beiträge auf der Archivseite anzuzeigen, suchen Sie einfach den Block „Beiträge“ in der linken Spalte und fügen ihn hinzu.

Danach können Sie das Layout des Blocks auswählen, die Reihenfolge festlegen, die Seitennummerierung konfigurieren, Spalten verwenden und vieles mehr.

Wenn Sie zufrieden sind, vergessen Sie nicht, oben auf die Schaltflächen „Speichern“ und „Veröffentlichen“ zu klicken, um Ihre Einstellungen zu speichern.

Weitere Informationen finden Sie in unserem Tutorial zur Erstellung einer benutzerdefinierten Archivseite in WordPress.

Customize the custom archives page

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie kompakte Archive in WordPress erstellen können. Vielleicht interessieren Sie sich auch für unsere Schritt-für-Schritt-Anleitung zum Entfernen von archivierten Seiten in WordPress und unsere Top-Picks für die besten Plugins für soziale Medien, um Ihre Website zu bewerben.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

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

Reader Interactions

11 KommentareEine Antwort hinterlassen

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Janice Daniels

    I would like to organize articles written by name categories, not dates. Is there a way to how a page with titles such as Elections or Songs and have a brief commentary of what the post says with a link to the full post?

  3. Amy Sue

    The „By Date“ portion of Compact Archives isn’t working on my blog. I’m wondering if that’s because I had to move my blog to a new web host, or did I mess something up in it? I know enough html/css to be dangerous but usually code via the „trial and error and error and error“ method so I probably messed something up…

  4. Hariharakumar

    This one works best for default posts. My blog has custom posts I want to display them as well in compact archives. What should I do now?

  5. Dan

    Please update this plugin. It seems to cause numerous update issues for other plugins now because it hasn’t been updated in over two years.

  6. Vince

    This plug-in hasn’t been updated in two+ years, and in particular hasn’t been updated to get rid of the deprecated-as-of-4.3 old constructor calling. Nor have you responded to any of the support requests in the last year.

    Are you still supporting this plugin?

  7. Ameya

    Hi,

    I’d like to know if there is anything special in this plugin? I use SRG Clean Archives. Do you know anything about this plugin? Is it better or I should use the one you suggested?

    Ameya

    • Editorial Staff

      Never used the plugin you are suggesting, so cannot tell you which one is better. This is the one that we use. It is up to you to make the final decision.

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.