Att skapa en custom archives page i WordPress kan avsevärt förbättra navigationen på din site och göra det lättare att hitta content.
På WPBeginner har vi implementerat vår egen custom archives page för att hjälpa läsare att enkelt komma åt vår omfattande samling av blogginlägg och tutorials.
En väl utformad page med archives kan förbättra användarupplevelsen, öka engagemanget och till och med hjälpa till med sökmotorsoptimering genom att tillhandahålla en clear site-struktur. Det är användbart för webbplatser med mycket content, bloggar och magasin online där besökarna kanske vill fördjupa sig i specifika ämnen.
I den här artikeln visar vi dig hur du kan skapa en customize archives page i WordPress.
Varför skapa en Custom Archives Page i WordPress?
En archives page syftar till att visa en kronologisk lista över dina tidigare posts, vilket gör det lättare för besökare att utforska ditt content baserat på datum för publicering.
Om du är bloggare är det ett måste att ha en page med archives. Det ger ett bekvämt sätt för användare att komma åt äldre inlägg utan att rulla igenom hela bloggen.
Du kanske vill skapa en custom archives page om ditt nuvarande theme inte har en archives page template på plats. Även om det gör det kanske du fortfarande vill customize den efter dina behov.
På WPBeginner använder vi en custom archive page som är utvald med en knapp som leder användare till vår WPBeginner Guide-samling. På så sätt kan nya Läsare helt enkelt clicka på den för att se våra ultimata guide resources.
Vi organiserar också alla våra blogginlägg i år och månader så att läsarna enkelt kan se vilka artiklar som publicerats under en viss period.
Här har vi också addat vår sites kategorier och taggar till den custom archive page.
På så sätt kan besökarna enkelt hitta äldre inlägg som kan intressera dem. Om du gör detta för din egen blogg har du bättre chanser att öka dina sidvisningar och minska din avvisningsfrekvens.
Med detta i åtanke, låt oss titta på hur du kan skapa en customizer archives page i WordPress, oavsett vilket theme du använder.
Använd bara snabblänkarna under för att hoppa direkt till den metod du vill använda.
Metod 1: Skapa en Custom Archives Template med hjälp av Block Editor (inget plugin)
Om du använder ett block-tema gör den fullständiga Site Editor det enkelt att utforma en custom archives page template.
Den här metoden fungerar inte med alla teman, så om du ej använder ett block-baserat WordPress-tema rekommenderar vi att du använder en page builder istället.
Du börjar med att skapa en new page eller öppna en befintlig page som du vill använda som ditt archive. I menyn till höger klickar du på tabben ”Page” och väljer sedan länken bredvid ”Template”. Den exakta texten på länken kan variera beroende på vilken template du använder för tillfället.
En popup kommer nu att visas med din nuvarande template.
Gå bara vidare och klicka på ikonen ”New Template”.
I popupen skriver du in ett namn för mallen för den customze page. Namnet på templates är bara för din referens, så du kan använda vad du vill.
Gå sedan vidare och klicka på ”Skapa” för att starta templates editor.
Templates Editor fungerar på samma sätt som den vanliga WordPress Block Editor.
För att add to block till din customize archives page klickar du bara på den blå ”+” knappen. You can then drag and drop to add blocks to your layout.
Eftersom vi skapar en custom archive page, kommer du vanligtvis att vilja börja med att lägga till ett Archives block. Detta block i WordPress allow visitors to explore your posts based on the year, month, week, or day.
Följande image visar till exempel ett Archives block där posterna är organiserade i månatliga archives.
Genom att clicka på all dessa links kommer visitor till en new page som visar alla posts som publicerats under den aktuella perioden.
För att add to ett Archive block, hitta det i menyn till vänster och dra det sedan till din layout. När du har lagt till ett block är det en bra idé att titta på dess Settings i menyn till höger.
Till att börja med kanske du vill ändra hur posterna är organiserade genom att öppna dropdown ”Gruppera efter” och välja ett alternativ från listan.
Om du till exempel bara har ett litet antal posts kan det vara vettigt att visa dem per dag.
Men om du har mycket content vill du vanligtvis välja ”Month” eller till och med ”Year” så att du inte överväldigar besökarna med en lång lista.
WordPress visar som standard de arkiverade posts i en punktlista, men du kan också presentera dem som en dropdown-meny.
Detta kan vara användbart om du har ett mycket litet utrymme och behöver skapa ett kompakt archive. För att byta till ett dropdown-format klickar du helt enkelt på slidern ”Display as dropdown” för att göra den aktiv.
Blocket Archive kan också visa det totala antalet posts bredvid varje heading.
Detta kan hjälpa visitorerna att bestämma vilken del av archive de vill titta på först.
Du kanske också vill add to ett kategori archive så att besökarna kan utforska dina posts baserat på deras content och ej bara på datumet. Detta kan hjälpa visitorerna att hitta intressant content, vilket gör att de stannar kvar längre på din website och förbättrar din sökmotorsoptimering i WordPress.
För att add to detta block klickar du bara på den blå ”+”-knappen och skriver in ”Categories List”. När rätt block visas lägger du till det i din layout med drag and drop.
Återigen kanske du vill göra några ändringar i blockets settings.
På samma sätt som i blocket Archives kan du add to antalet post i listan eller visa kategorierna som en dropdown menu i stället för en punktlista.
Som standard visar det här blocket alla kategorier och underkategorier på exakt samma sätt.
Du kanske föredrar att visa kategorierna child indragna under parent.
För att göra denna ändring klickar du bara för att aktivera toggeln ”Show hierarchy”.
Ett annat alternativ är att dölja child kategorier helt och hållet genom att aktivera toggle ’Visa endast kategorier på högsta nivå’.
Du kanske också vill add to ett etikettmoln, som kan hjälpa visitorerna att hitta intressant related content. För att göra detta, hitta bara ”Etikettmoln” i menyn till vänster och dra det sedan till din layout.
Nu kan du selecta blocket och konfigurera det med hjälp av inställningarna i menyn till höger.
Till att börja med har etikettmolnet två stilar: Standard och Outline. Du kan växla mellan dessa genom att clicka på den lilla cirkelikonen och sedan välja ett av alternativen under ”Styles”.
Du kan också använda visa det totala antalet posts bredvid varje tagg och ändra antalet tags som ingår i molnet.
Klicka bara på den lilla iconen och gör sedan dina ändringar i denna section.
Trots namnet kan du också visa kategorier i etikettmolnet. Du kanske till exempel föredrar styling av blocket Etikettmoln jämfört med blocket Kategorier.
Om du vill visa kategorierna på din site istället öppnar du dropdown-menyn ”Taxonomi” och väljer sedan ”Categories”.
Archives är utformade för att ge visitor enkel tillgång till all your content.
Men du kanske också vill lyfta fram de senaste inläggen på din site genom att lägga till ett block med Senaste inlägg.
Som standard visar detta block helt enkelt varje inläggs titel, men du kan lägga till författare, publiceringsdatum och utvalt inlägg.
Använd helt enkelt togglarna i menyn till höger för att göra dessa ändringar.
Du kanske också vill visa excerptet från posten, vilket kan hjälpa visitorerna att förstå vad varje post handlar om.
För att add to excerpten, gå vidare och click för att activate the ”Post Content” toggle.
Därefter klickar du på för att välja knappen ”Excerpt”.
Som standard visar WordPress maximalt 55 ord i excerptet. Om du vill visa fler eller färre ord använder du helt enkelt inställningarna för ”Max antal ord i excerpt”.
När du har gjort det rullar du till ”Sorting and filtering” section.
Här kan du se att blocket organiserar posterna från nyaste till äldsta. You can change this by opening the ’Order’ dropdown and choosing a different alternative, such as ’A-Z’.
I denna section kan du också välja att visa posts från en viss författare eller kategori.
Slutligen kan du ändra hur många posts WordPress visar i blocket, antingen genom att skriva in en new siffra i ”Number of items” section eller genom att dra slidern.
Du kan fortsätta att arbeta på din page archive genom att lägga till fler block och sedan konfigurera dem i menyn till höger.
Du kanske till exempel vill lägga till ett Image block och visa en custom logga eller lägga till en search bar så att visitorerna kan leta efter en viss post.
När du är nöjd med hur templates ser ut klickar du på knappen ”Publicera” och sedan på knappen ”Save”.
Den page som du skapade tidigare kommer nu att använda den new template för archive. Du kan antingen updating eller publicera sidan och sedan besöka din WordPress website för att se den customizade archive-sidan live.
För mer information om hur du använder WordPress fullständiga Site Editor, kontrollera följande guider:
- En komplett guide för nybörjare till WordPress Full Site Editing
- Guide för Beginnare: Hur man använder WordPress Block Patterns
Metod 2: Skapa en Custom WordPress Archive Page med hjälp av SeedProd (rekommenderas)
Med den blockbaserade editorn kan du skapa en enkel customize archives page. Den fungerar dock inte med alla teman, och du är begränsad till de built-in WordPress-blocken och tools.
Om du vill skapa en helt customized archives-sida som fungerar med alla WordPress teman, rekommenderar vi att du använder en page builder istället.
SeedProd är den bästa drag-and-drop page buildern för WordPress. Den levereras med mer än 180 templates och färdiga block, inklusive ett block som visar alla din websites posts.
Först måste du installera och aktivera SeedProd. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.
Obs/observera : Det finns en gratis version av SeedProd som allow you att skapa customize pages om du har en liten budget och precis kommit igång. Men för den här guiden kommer vi att använda SeedProd Pro eftersom det har mycket fler templates och block.
Efter att ha aktiverat pluginet kommer SeedProd att be om din license key.
You can find this information under your account on the SeedProd website. När du har enter nyckeln klickar du på knappen ”Verify Key”.
När du har gjort det, gå till SeedProd ” Landing Pages och klicka på knappen ’Add New Landing Page’.
Du kan nu välja en template för sidan custom archives.
SeedProds templates är organiserade i olika kampanjtyper som gillar lead squeeze, maintenance mode och coming soon. Du kan klicka på tabbarna högst upp på vyn för att filtrera designen baserat på kampanjtyp.
För att få en preview av en design, hoverar du bara musen över den templatesen.
Klicka sedan på ikonen med förstoringsglaset som visas.
När du hittar en design som du gillar klickar du på ”Choose This Template”. Vi använder ”Blank Template” eftersom det låter oss börja med ett rent blad, men du kan använda vilken template du vill.
Gå sedan vidare och skriv in ett namn för den customize page. SeedProd kommer automatiskt att skapa en URL baserat på sidans rubrik, men du kan ändra denna URL om du vill.
När du är nöjd med den information du har enter klickar du på knappen ”Save and Start Editing the Page”.
Detta kommer att hämta gränssnittet för page builder från SeedProd. Det är en enkel drag and drop builder som visar en live preview av din page builder till höger.
Du kommer också att se inställningar för block till vänster.
Till att börja med måste du välja en layout, som du organiserar ditt content i Column.
I ”Choose your layout” section, clickar du bara på den layout du vill använda. You can choose any layout, but we are using the full-screen layout in all our images.
När du har valt en layout kan du börja lägga till block på sidan Archives.
Den vänstra menyn visar alla de olika blocken som du kan dra till din design. Eftersom vi skapar en custom archive page kommer vi att add to ett Posts block.
I den vänstra menyn börjar du skriva ”Posts” i sökfältet. När det högra blocket appear, drag and drop det till din layout.
Detta block kommer nu att visa rubriken för alla dina posts.
Den har också en ”Continue Läsa”-länk som besökarna kan clicka på för att läsa varje post i sin helhet.
Som standard visar detta block alla dina posts, men du kan ändra detta för att bara visa posts som har en viss kategori eller tagg, eller posts som publicerats av en viss författare.
För att göra denna ändring klickar du bara för att selecta blocket ”Posts” i din layout och använder sedan inställningarna i menyn till vänster.
Till exempel, i följande image visar vi bara posts från kategorin ”Marketing”.
Du kan också ändra hur posterna organiseras i blocket. Du kan till exempel visa posts baserat på när de publicerades eller hur många comments de har.
För att ändra ordningen på dina posts, rulla bara till ”Order By” boxen och välj sedan ett nytt alternativ. Som standard visar SeedProd posts i ”ASC”-order, vilket står för stigande.
Om du vill ordna dina posts i fallande ordning istället öppnar du dropdown-rutan ”Order” och väljer ”DESC”.
Efter det kan du rulla till ”Layout” section och ändra hur listan över posterna visas.
Du kan t.ex. dela upp posterna i flera kolumner genom att skriva in ett new number i fältet ”Columns”.
You can also change how many posts are included in the list, add or hide the post excerpts, and change the ”Continue Läsa” text.
När du är nöjd med hur listan med inlägg ser ut kan du add to fler block till din archives page och sedan customize dessa block med hjälp av inställningarna i menyn till vänster.
Du kanske till exempel vill uppmuntra folk att följa dig på sociala medier genom att lägga till ett block med ”Sociala profiler”.
När du är nöjd med hur sidan är uppbyggd är det dags att publicera den genom att clicka på dropdown-pilen bredvid ”Save” och sedan välja ”Publicera”.
Din custom page kommer nu att gå live på front-end av din WordPress blogg.
För att hjälpa visitorerna att hitta archive page kan du add to navigation menu eller website’s footer.
Learn More sätt att organisera dina publicerade posts i WordPress
Att skapa en customize archives page är bara ett sätt att organisera ditt WordPress content. Här är några ytterligare metoder för att hjälpa dina läsare att upptäcka och navigera i dina posts mer effektivt:
- Galleri/Presentation/Showcase för populära posts – Lyft fram ditt mest lästa content med tillägg för populära posts. Kontrollera vår jämförelse av de bästa tilläggen för populära post för WordPress för att hitta rätt lösning för din site.
- Display posts by views – Lär dig hur du visar populära posts efter views i WordPress med hjälp av olika metoder. Detta kan hjälpa dig att uppmärksamma ditt mest engagerande content.
- Utvaldainlägg i sidebaren – Utforska olika metoder för att add to utvalda inlägg i sidebaren i WordPress. Detta är ett bra sätt att främja specifikt content eller senaste artiklar.
- Skapa custom post type archives – Om du använder custom post types kan du lära dig hur du skapar en custom post types archive page i WordPress för att organisera detta specialiserade content.
- Visa relaterade inlägg – Öka läsarnas engagement genom att visa relaterat content. Vår Step-by-Step guide om hur du visar relaterade inlägg i WordPress kommer att visa dig hur.
- Markera de mest kommenterade inläggen – Galleri/Presentation/Showcase visar ditt mest diskuterade content med vår tutorial om hur du visar de mest kommenterade inläggen i WordPress med två olika metoder.
- Ordna om posterna – Ta kontroll över ordern på dina post med vår guide om hur du enkelt ordnar om posterna i WordPress. Detta kan vara viss nytta när du skapar curate-listor eller serier.
- Visa inlägg av samma författare – Uppmuntra läsare att utforska mer content från specifika författare med vår tutorial om hur man visar relaterade inlägg av samma författare i WordPress.
Vi hoppas att den här artikeln har hjälpt dig att skapa en custom archives page i WordPress. Du kanske också vill läsa vår artikel om de bästa exemplen på Coming Soon page och våra expertval av det bästa pluginet för relaterade inlägg i WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
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.
Administratör
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.
Administratör
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.
Administratör
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
John Paul
Is it possible to filter the archive to just one category of a post?