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 eine benutzerdefinierte Archivseite in WordPress erstellt

Das Erstellen einer individuellen Seite für Archive in WordPress kann die Navigation und Auffindbarkeit von Inhalten auf Ihrer Website erheblich verbessern.

Bei WPBeginner haben wir unsere eigene individuelle Archive Seite implementiert, um den Besuchern den Zugang zu unserer umfangreichen Sammlung von Beiträgen und Tutorials zu erleichtern.

Eine gut gestaltete Seite mit Archiven kann die Benutzererfahrung verbessern, das Engagement steigern und sogar bei der Suchmaschinenoptimierung helfen, indem sie eine klare Struktur der Website bietet. Sie ist nützlich für inhaltsreiche Websites, Blogs und Online-Magazine, auf denen die Besucher bestimmte Themen vertiefen möchten.

In diesem Artikel zeigen wir Ihnen, wie Sie eine benutzerdefinierte Archivseite in WordPress erstellen können.

How to create a custom archives page in WordPress

Warum eine benutzerdefinierte Archivseite in WordPress erstellen?

Eine Archivseite soll eine chronologische Liste Ihrer früheren Beiträge anzeigen, damit die Besucher Ihre Inhalte anhand des Veröffentlichungsdatums leichter erkunden können.

Wenn Sie ein Blogger sind, ist eine Archivseite ein Muss. Sie bietet den Nutzern eine bequeme Möglichkeit, auf ältere Beiträge zuzugreifen, ohne durch den gesamten Blog scrollen zu müssen.

Sie können eine benutzerdefinierte Archivseite erstellen, wenn Ihr aktuelles Theme keine Vorlage für eine Archivseite enthält. Selbst wenn dies der Fall ist, möchten Sie sie vielleicht an Ihre Bedürfnisse anpassen.

Bei WPBeginner verwenden wir eine benutzerdefinierte Archivseite, die einen Button enthält, der die Nutzer zu unserer WPBeginner Guide-Sammlung führt. Auf diese Weise können neue Leser einfach darauf klicken, um unsere ultimativen Ratgeber-Ressourcen zu sehen.

Außerdem ordnen wir alle unsere Blogbeiträge nach Jahren und Monaten, damit die Leser leicht erkennen können, welche Artikel in einem bestimmten Zeitraum veröffentlicht wurden.

The WPBeginner custom archive

Hier haben wir auch die Kategorien und Tags unserer Website zur benutzerdefinierten Archivseite hinzugefügt.

Auf diese Weise können Besucher leicht ältere Beiträge finden, die sie interessieren könnten. Wenn Sie dies für Ihren eigenen Blog tun, haben Sie bessere Chancen, Ihre Seitenaufrufe zu erhöhen und Ihre Absprungrate zu verringern.

The WPBeginner custom archive

Sehen wir uns also an, wie Sie eine benutzerdefinierte Archivseite in WordPress erstellen können, unabhängig davon, welches Theme Sie verwenden.

Verwenden Sie einfach die nachstehenden Links, um direkt zur gewünschten Methode zu gelangen.

Methode 1: Erstellen eines individuellen Templates für Archive mit dem Block-Editor (kein Plugin)

Wenn Sie ein Block-Theme verwenden, können Sie mit dem vollständigen Site-Editor ganz einfach eine benutzerdefinierte Archiv-Seitenvorlage erstellen.

Diese Methode funktioniert nicht mit jedem Theme. Wenn Sie also kein blockbasiertes WordPress-Theme verwenden, empfehlen wir, stattdessen einen Page Builder zu verwenden.

Erstellen Sie zunächst eine neue Seite oder öffnen Sie eine bestehende Seite, die Sie als Archiv verwenden möchten. Klicken Sie im rechten Menü auf die Registerkarte „Seite“ und wählen Sie dann den Link neben „Vorlage“. Der genaue Linktext kann je nach der von Ihnen verwendeten Vorlage variieren.

How to create a new custom archives template

Es erscheint nun ein Popup mit Ihrer aktuellen Vorlage.

Klicken Sie einfach auf das Symbol „Neue Vorlage“.

Creating a custom archives template

Geben Sie in dem Popup-Fenster einen Namen für die benutzerdefinierte Seitenvorlage ein. Der Name der Vorlage dient nur als Referenz, Sie können also jeden beliebigen Namen verwenden.

Klicken Sie dann auf „Erstellen“, um den Vorlageneditor zu starten.

Naming a WordPress custom archive template

Der Vorlageneditor funktioniert ähnlich wie der Standard-WordPress-Blockeditor.

Um Blöcke zu Ihrer benutzerdefinierten Archivseite hinzuzufügen, klicken Sie einfach auf die blaue Schaltfläche „+“. Sie können dann per Drag & Drop Blöcke zu Ihrem Layout hinzufügen.

Adding blocks to the full site editor

Da wir eine benutzerdefinierte Archivseite erstellen, werden Sie in der Regel mit dem Hinzufügen eines Archivblocks beginnen. Dieser WordPress-Block ermöglicht es Besuchern, Ihre Beiträge nach Jahr, Monat, Woche oder Tag zu durchsuchen.

Das folgende Bild zeigt zum Beispiel einen Archivblock, in dem die Beiträge in monatlichen Archiven organisiert sind.

How to add an archives block to a custom template

Wenn der Besucher auf einen dieser Links klickt, wird er auf eine neue Seite weitergeleitet, auf der alle in diesem Zeitraum veröffentlichten Beiträge angezeigt werden.

Um einen Archivblock hinzuzufügen, suchen Sie ihn einfach im linken Menü und ziehen ihn auf Ihr Layout. Nachdem Sie einen Block hinzugefügt haben, sollten Sie sich seine Einstellungen im rechten Menü ansehen.

Configuring the archives WordPress block

Zu Beginn können Sie die Anordnung der Beiträge ändern, indem Sie das Dropdown-Menü „Gruppieren nach“ öffnen und eine Option aus der Liste auswählen.

Wenn Sie z. B. nur eine geringe Anzahl von Beiträgen haben, kann es sinnvoll sein, diese nach Tagen anzuzeigen.

Wenn Sie jedoch viele Inhalte haben, sollten Sie in der Regel „Monat“ oder sogar „Jahr“ wählen, damit Sie die Besucher nicht mit einer langen Liste überfordern.

Grouping archived posts by date

WordPress zeigt die archivierten Beiträge standardmäßig in einer Aufzählung an, aber Sie können sie auch als Dropdown-Menü darstellen.

Dies kann nützlich sein, wenn Sie nur über sehr wenig Platz verfügen und ein kompaktes Archiv erstellen müssen. Um zum Dropdown-Format zu wechseln, klicken Sie einfach auf den Schieberegler „Als Dropdown anzeigen“, um ihn zu aktivieren.

Displaying posts as a dropdown menu

Der Archivblock kann auch die Gesamtzahl der Beiträge neben jeder Überschrift anzeigen.

Dies kann den Besuchern die Entscheidung erleichtern, welchen Teil des Archivs sie zuerst ansehen möchten.

Creating a custom archive page in WordPress

Vielleicht möchten Sie auch ein Kategoriearchiv hinzufügen, damit die Besucher Ihre Beiträge nach ihrem Inhalt und nicht nur nach dem Datum durchsuchen können. Dies kann Besuchern helfen, interessante Inhalte zu finden, was sie länger auf Ihrer Website hält und Ihre WordPress-SEO verbessert.

Um diesen Block hinzuzufügen, klicken Sie einfach auf die blaue Schaltfläche „+“ und geben Sie „Kategorienliste“ ein. Wenn der richtige Block angezeigt wird, fügen Sie ihn durch Ziehen und Ablegen zu Ihrem Layout hinzu.

Adding a Categories List to a custom archives page

Auch hier müssen Sie möglicherweise einige Änderungen an den Einstellungen des Blocks vornehmen.

Ähnlich wie beim Archiv-Block können Sie der Liste die Anzahl der Beiträge hinzufügen oder die Kategorien als Dropdown-Menü statt als Aufzählungsliste anzeigen.

Standardmäßig werden in diesem Block alle Kategorien und Unterkategorien auf genau dieselbe Weise angezeigt.

A list of categories and subcategories on a custom archives page

Sie können es vorziehen, die untergeordneten Kategorien eingerückt unter ihren übergeordneten Kategorien anzuzeigen.

Um diese Änderung vorzunehmen, klicken Sie einfach auf den Schalter „Hierarchie anzeigen“.

Showing indented subcategories on a custom WordPress archive

Eine weitere Möglichkeit besteht darin, untergeordnete Kategorien vollständig auszublenden, indem Sie die Option „Nur Kategorien der obersten Ebene anzeigen“ aktivieren.

Vielleicht möchten Sie auch eine Tag-Cloud hinzufügen, die Besuchern helfen kann, interessante verwandte Inhalte zu finden. Suchen Sie dazu einfach „Tag Cloud“ im linken Menü und ziehen Sie es auf Ihr Layout.

Adding a tag cloud to the archive page

Sie können nun den Block auswählen und ihn über die Einstellungen im rechten Menü konfigurieren.

Die Tag Cloud hat zunächst zwei Stile: Standard und Gliederung. Sie können zwischen diesen beiden Stilen wechseln, indem Sie auf das kleine Kreissymbol klicken und dann eine der Optionen unter „Stile“ auswählen.

Adding a tag cloud to a custom archives page

Sie können auch die Gesamtzahl der Beiträge neben den einzelnen Tags anzeigen lassen und die Anzahl der Tags ändern, die in der Wolke enthalten sind.

Klicken Sie einfach auf das kleine Zahnradsymbol und nehmen Sie dann Ihre Änderungen in diesem Bereich vor.

Changing the tag cloud settings

Trotz des Namens können Sie auch Kategorien in der Tag Cloud anzeigen. Vielleicht gefällt Ihnen das Design des Tag Cloud-Blocks besser als das des Kategorien-Blocks.

Um stattdessen die Kategorien Ihrer Website anzuzeigen, öffnen Sie einfach das Dropdown-Menü „Taxonomie“ und wählen Sie dann „Kategorien“.

Showing categories in a tag cloud

Archive sollen den Besuchern einen einfachen Zugang zu allen Ihren Inhalten ermöglichen.

Sie können aber auch die neuesten Beiträge Ihrer Website hervorheben, indem Sie einen Block Neueste Beiträge hinzufügen.

Showing a list of latest posts

Standardmäßig zeigt dieser Block nur den Titel jedes Beitrags, aber Sie können den Autor, das Veröffentlichungsdatum und das Bild hinzufügen.

Verwenden Sie einfach die Kippschalter im rechten Menü, um diese Änderungen vorzunehmen.

Showing your most recent posts on the archive page

Sie können auch den Auszug eines Beitrags anzeigen, damit die Besucher verstehen, worum es in den einzelnen Beiträgen geht.

Um die Auszüge hinzuzufügen, klicken Sie auf den Schalter „Inhalt posten“, um ihn zu aktivieren.

How to show post content and excerpts on the custom archive page

Wählen Sie anschließend die Schaltfläche „Auszug“.

Standardmäßig zeigt WordPress maximal 55 Wörter im Auszug an. Um mehr oder weniger Wörter anzuzeigen, verwenden Sie einfach die Einstellungen „Maximale Anzahl von Wörtern im Auszug“.

Danach blättern Sie zum Abschnitt „Sortieren und Filtern“.

Hier sehen Sie, dass der Block die Beiträge in der Reihenfolge der neuesten bis ältesten Beiträge anordnet. Sie können dies ändern, indem Sie das Dropdown-Menü „Reihenfolge“ öffnen und eine andere Option wählen, z. B. „A-Z“.

Organizing the latest posts on your WordPress archive page

In diesem Bereich können Sie auch festlegen, dass Beiträge eines bestimmten Autors oder einer bestimmten Kategorie angezeigt werden.

Schließlich können Sie die Anzahl der Beiträge, die WordPress im Block anzeigt, ändern, indem Sie entweder eine neue Zahl in den Abschnitt „Anzahl der Beiträge“ eingeben oder den Schieberegler verschieben.

Changing the order of your latest posts

Sie können Ihre Archivseite weiter bearbeiten, indem Sie weitere Blöcke hinzufügen und diese dann im rechten Menü konfigurieren.

Sie können zum Beispiel einen Bildblock hinzufügen und ein benutzerdefiniertes Logo anzeigen oder eine Suchleiste hinzufügen, damit die Besucher nach einem bestimmten Beitrag suchen können.

Wenn Sie mit dem Aussehen der Vorlage zufrieden sind, klicken Sie auf die Schaltfläche „Veröffentlichen“ und dann auf die Schaltfläche „Speichern“.

Die Seite, die Sie zuvor erstellt haben, verwendet nun die neue Archivvorlage. Sie können die Seite entweder aktualisieren oder veröffentlichen und dann Ihre WordPress-Website besuchen, um die benutzerdefinierte Archivseite live zu sehen.

Weitere Informationen zur Verwendung des WordPress-Site-Editors finden Sie in den folgenden Anleitungen:

Mit dem blockbasierten Editor können Sie eine einfache benutzerdefinierte Archivseite erstellen. Allerdings funktioniert er nicht mit jedem Theme, und Sie sind auf die integrierten WordPress-Blöcke und -Tools beschränkt.

Wenn Sie eine vollständig benutzerdefinierte Archivseite erstellen möchten, die mit jedem WordPress-Theme funktioniert, empfehlen wir stattdessen die Verwendung eines Page Builders.

SeedProd ist der beste Drag-and-Drop Page Builder für WordPress. Es kommt mit mehr als 180 Vorlagen und vorgefertigten Blöcken, einschließlich eines Blocks, der alle Beiträge auf Ihrer Website anzeigt.

Zunächst müssen Sie SeedProd installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Hinweis: Es gibt eine kostenlose Version von SeedProd, mit der Sie benutzerdefinierte Seiten erstellen können, wenn Sie nur über ein kleines Budget verfügen und gerade erst anfangen. Für diesen Leitfaden werden wir jedoch SeedProd Pro verwenden, da es viel mehr Vorlagen und Blöcke bietet.

Nach der Aktivierung des Plugins wird SeedProd Sie nach Ihrem Lizenzschlüssel fragen.

Adding the SeedProd license key

Sie finden diese Informationen unter Ihrem Konto auf der SeedProd-Website. Nachdem Sie den Schlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Schlüssel überprüfen“.

Sobald Sie dies getan haben, gehen Sie zu SeedProd “ Landing Pages und klicken Sie auf die Schaltfläche „Add New Landing Page“.

Creating a new SeedProd page

Sie können nun eine Vorlage für die benutzerdefinierte Archivseite auswählen.

Die Vorlagen von SeedProd sind in verschiedene Kampagnentypen unterteilt, z. B. Lead Squeeze, Maintenance Mode und Coming Soon. Sie können auf die Registerkarten am oberen Rand des Bildschirms klicken, um die Designs nach Kampagnentyp zu filtern.

SeedProd's professionally-designed templates

Um eine Vorschau eines Entwurfs zu sehen, fahren Sie einfach mit der Maus über die Vorlage.

Klicken Sie dann auf das Lupensymbol, das erscheint.

Previewing a SeedProd template

Wenn Sie ein Design gefunden haben, das Ihnen gefällt, klicken Sie auf „Diese Vorlage auswählen“. Wir verwenden die „Leere Vorlage“, weil wir damit mit einer weißen Weste beginnen können, aber Sie können jede Vorlage verwenden, die Sie möchten.

Als nächstes geben Sie einen Namen für die benutzerdefinierte Seite ein. SeedProd erstellt automatisch eine URL, die auf dem Titel der Seite basiert, aber Sie können diese URL ändern, wenn Sie möchten.

Wenn Sie mit den eingegebenen Informationen zufrieden sind, klicken Sie auf die Schaltfläche „Speichern und mit der Bearbeitung der Seite beginnen“.

How to create a custom archive using SeedProd

Dadurch wird die Oberfläche des SeedProd-Seitenerstellungsprogramms geladen. Es handelt sich um einen einfachen Drag-and-Drop-Builder, der rechts eine Live-Vorschau Ihrer Seite anzeigt.

Auf der linken Seite sehen Sie auch die Blockeinstellungen.

How to create a custom archive using SeedProd

Zu Beginn müssen Sie ein Layout wählen, mit dem Sie Ihren Inhalt in Spalten organisieren.

Klicken Sie im Abschnitt „Wählen Sie Ihr Layout“ einfach auf das Layout, das Sie verwenden möchten. Sie können ein beliebiges Layout wählen, aber wir verwenden für alle unsere Bilder das Vollbild-Layout.

Choosing a layout for your custom archive page

Nachdem Sie ein Layout ausgewählt haben, können Sie damit beginnen, der Archivseite Blöcke hinzuzufügen.

Das Menü auf der linken Seite zeigt alle verschiedenen Blöcke an, die Sie auf Ihr Design ziehen können. Da wir eine benutzerdefinierte Archivseite erstellen, fügen wir einen Block „Beiträge“ hinzu.

Geben Sie im linken Menü in die Suchleiste den Begriff „Beiträge“ ein. Wenn der richtige Block angezeigt wird, ziehen Sie ihn auf Ihr Layout und legen ihn ab.

Adding a 'Posts' block to a custom page using SeedProd

In diesem Block wird nun der Titel für alle Ihre Beiträge angezeigt.

Außerdem gibt es einen „Continue Reading“-Link, auf den die Besucher klicken können, um jeden Beitrag vollständig zu lesen.

How to add posts to a custom archive page in WordPress

Standardmäßig werden in diesem Block alle Ihre Beiträge angezeigt. Sie können dies jedoch so ändern, dass nur Beiträge angezeigt werden, die einer bestimmten Kategorie oder einem bestimmten Tag zugeordnet sind, oder Beiträge, die von einem bestimmten Autor veröffentlicht wurden.

Um diese Änderung vorzunehmen, wählen Sie einfach den Block „Beiträge“ in Ihrem Layout aus und verwenden dann die Einstellungen im linken Menü.

In der folgenden Abbildung werden zum Beispiel nur Beiträge aus der Kategorie „Marketing“ angezeigt.

Filtering your archive posts based on category

Sie können auch ändern, wie die Beiträge im Block angeordnet sind. Sie können zum Beispiel Beiträge nach dem Veröffentlichungsdatum oder der Anzahl der Kommentare anzeigen.

Um die Reihenfolge Ihrer Beiträge zu ändern, scrollen Sie einfach zum Feld „Sortieren nach“ und wählen Sie eine neue Option. Standardmäßig zeigt SeedProd die Beiträge in der Reihenfolge „ASC“ an, was für „aufsteigend“ steht.

Um Ihre Beiträge stattdessen in absteigender Reihenfolge anzuordnen, öffnen Sie einfach das Dropdown-Menü „Reihenfolge“ und wählen Sie „DESC“.

Showing posts in descending order

Danach können Sie zum Abschnitt „Layout“ blättern und die Anzeige der Liste der Beiträge ändern.

Sie können zum Beispiel die Beiträge in mehrere Spalten aufteilen, indem Sie eine neue Zahl in das Feld „Spalten“ eingeben.

Creating a multiple column archive page

Sie können auch ändern, wie viele Beiträge in die Liste aufgenommen werden, die Beitragsauszüge hinzufügen oder ausblenden und den Text „Weiter lesen“ ändern.

Wenn Sie mit dem Aussehen der Beitragsliste zufrieden sind, können Sie weitere Blöcke zu Ihrer Archivseite hinzufügen und diese Blöcke dann über die Einstellungen im linken Menü anpassen.

So können Sie zum Beispiel mit einem Block „Soziale Profile“ andere dazu ermutigen, Ihnen in den sozialen Medien zu folgen.

Adding social profiles to a custom page

Wenn Sie mit der Einrichtung der Seite zufrieden sind, können Sie sie veröffentlichen, indem Sie auf den Pfeil neben „Speichern“ klicken und dann „Veröffentlichen“ wählen.

Ihre benutzerdefinierte Seite wird nun im Frontend Ihres WordPress-Blogs angezeigt.

Publishing your SeedProd custom archive page

Um Besuchern das Auffinden der Archivseite zu erleichtern, können Sie sie in Ihr Navigationsmenü oder in die Fußzeile Ihrer Website aufnehmen.

Erfahren Sie mehr darüber, wie Sie Ihre WordPress-Beiträge organisieren können

Die Erstellung einer individuellen Seite für Archive ist nur eine Möglichkeit, Ihre WordPress-Inhalte zu organisieren. Hier sind einige weitere Methoden, die Ihren Besuchern helfen, Ihre Beiträge besser zu entdecken und zu navigieren:

Wir hoffen, dieser Artikel hat Ihnen geholfen, eine individuelle Seite für Archive in WordPress zu erstellen. Vielleicht möchten Sie auch unseren Artikel über die besten Beispiele für baldige Seiten und unsere Expertenauswahl der besten Plugins für verwandte Beiträge in WordPress lesen.

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

79 KommentareEine Antwort hinterlassen

  1. Martin

    Great article.

    I have maybe a silly question. Is there any SEO benefit if I have a custom archive page or even archive.php. in the theme folder?

    Or is it the same as creating a new page with url mydomain/archive and listing all my posts and pages based on the categories I want. This is what I would prefer.

    Thank you

    • WPBeginner Support

      Having a custom archive would not give an SEO benefit, it would be personal preference and you can use your second method if you wanted.

      Admin

  2. Aileen

    Hi–my site is using the Genesis framework an it has a child theme. I tried to implement the page-archive.php, but I skipped the part where I copy the page design from page.php and I’d hope it would work regardless.
    So when I tried implementing this, when I go to my Archive place, it gives an Internal error, ie. 505 and cannot find the page itself.
    How does this work with Genesis?

    • WPBeginner Support

      Adding a custom page template would be the same as with any other theme, it seems like there may be a problem with the code you’re using to create the archive page.

      Admin

  3. Rahul Lakra

    Firstly, Thank you so much. But I can’t see any sidebar in this page. In normal pages it is visible. I will be so happy if you can help me out to display sidebar here too. Thanks In advance!

    • WPBeginner Support

      For the sidebar, sadly that is theme specific for what needs to be added, if you reach out to your theme’s support they should be able to let you know how they have the sidebars added to the templates.

      Admin

  4. Vijay Sundaram

    Hi,

    This was a great tutorial. However, the CSS code for the categories does not seem to work. It is shown as a list with categories and subcategories. Where do I embed the code that you have given in the style.css file? What is meant by make it appear inline? It would be great if you could help me resolve this?
    Regards,
    Vijay Sundaram

  5. John Paul

    Is it possible to filter the archive to just one category of a post?

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.