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

Så här skapar du en Customize Archives Page i WordPress

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.

How to create a custom archives page in 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.

The WPBeginner custom archive

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.

The WPBeginner custom archive

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.

How to create a new custom archives template

En popup kommer nu att visas med din nuvarande template.

Gå bara vidare och klicka på ikonen ”New Template”.

Creating a custom archives 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.

Naming a WordPress custom archive template

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.

Adding blocks to the full site editor

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.

How to add an archives block to a custom template

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.

Configuring the archives WordPress block

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.

Grouping archived posts by date

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.

Displaying posts as a dropdown menu

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.

Creating a custom archive page in WordPress

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.

Adding a Categories List to a custom archives page

Å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.

A list of categories and subcategories on a custom archives page

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”.

Showing indented subcategories on a custom WordPress archive

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.

Adding a tag cloud to the archive page

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”.

Adding a tag cloud to a custom archives page

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.

Changing the tag cloud settings

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”.

Showing categories in a tag cloud

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.

Showing a list of latest posts

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.

Showing your most recent posts on the archive page

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.

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

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’.

Organizing the latest posts on your WordPress archive page

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.

Changing the order of your latest posts

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:

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.

Adding the SeedProd 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’.

Creating a new SeedProd 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.

SeedProd's professionally-designed templates

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.

Previewing a SeedProd template

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”.

How to create a custom archive using SeedProd

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.

How to create a custom archive using SeedProd

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.

Choosing a layout for your custom archive page

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.

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

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.

How to add posts to a custom archive page in WordPress

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”.

Filtering your archive posts based on category

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”.

Showing posts in descending order

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”.

Creating a multiple column archive page

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”.

Adding social profiles to a custom page

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.

Publishing your SeedProd custom archive page

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:

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

79 kommentarerLämna ett svar

  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.

      Administratör

  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.

      Administratör

  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.

      Administratör

  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?

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.