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 addar du slumpmässiga header images till din blogg i WordPress

Vill du add to slumpmässiga header images till din WordPress blogg? De flesta WordPress themes kommer med built-in support för att lägga till header images. Dessa images kan helt förändra din sites utseende och känsla. I den här artikeln visar vi dig hur du lägger till slumpmässiga header images till din WordPress blogg utan att skriva någon kod.

How to add random header images in WordPress

De flesta gratis och premium WordPress teman kommer med stöd för custom header. Anpassade sidhuvudbilder i WordPress är en temafunktion som gör det möjligt för WordPress-teman att utse ett header area som visar en image.

Header image in WordPress

Anpassad sidhuvudbild skiljer sig från funktionen bakgrundsbild som allow you to set a cutom background image on your WordPress site.

Med det sagt låt oss ta en titt på hur man add to slumpmässiga header images till din WordPress blogg.

Tutorial för video

Subscribe to WPBeginner

Om du inte gillar videoklippet eller behöver fler instruktioner, fortsätt då att läsa.

Metod 1. Anpassa sidhuvudbilder slumpmässigt med WordPress Theme Customizer

Den här metoden är enklare och rekommenderas för de flesta användare av WordPress.

You need to head over to appearance ” Customize page to launch WordPress theme customizer.

Changing header image in WordPress

Därefter måste du klicka på tabben ”Header” för att förstora den. Alternativet header kan också märkas som header image eller header media i ditt theme.

You will see your site’s current header image, and any other header images available to use.

Du måste klicka på knappen ”Add image” för att uploada de images som du vill använda som header images.

När du har laddat upp några images kommer de att visas under senaste uppladdade images.

Randomize header image

Nu måste du klicka på knappen ”Randomize uploaded header” under senaste uppladdade images och sedan save your changes.

You can now visit your website and reload it to see header images change randomly.

Metod 2. Lägg till Anpassade sidhuvudbilder på utvalda sidor med hjälp av Plugin

Den här metoden är mer flexibel och ger dig mer control över hur du visar olika eller slumpmässiga header images för WordPress posts, pages, category, or tag archives.

Det första du behöver göra är att installera och aktivera pluginet WP Display Header. För mer detaljer, se vår steg-för-steg guide om hur du installerar ett WordPress plugin.

Efter aktivering måste du edit en post eller skapa en new. You will notice a new meta box labeled ’Header’ below the post editor.

Random header for single post and pages in WordPress

Här kan du välja en föregående uppladdad header image till ditt theme och använda den som header för det här inlägget. Du kan också kontrollera alternativet ”Random” för att slumpmässigt visa en bakgrundsbild från dina uppladdade header images.

Om du vill add to fler header images kan du heada till Appearance ” Customize och klicka på fliken Header.

Add more header images

Därefter måste du klicka på knappen ”Add image” för att uploada fler header images. Du behöver inte ändra header i ditt theme, bara uploada bilderna och avsluta customizern.

Pluginet tillåter dig också att ändra header image för dina kategori och tag archive pages.

Du måste gå till Posts ” Categories page och sedan klicka på knappen Edit under kategorin du vill ändra.

Editing a category

På skärmen för redigering av kategori kommer du att märka den nya header section där du kan välja en header image eller visa slumpmässiga header images.

Random or fixed header image for category archive page

Glöm inte att clicka på knappen ”Update” för att save your changes.

Det var allt, vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt kan add to slumpmässiga header images till din WordPress blogg. Du kanske också vill se vår guide om hur du ökar hastigheten och prestandan i WordPress.

Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och 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

5 kommentarerLämna ett svar

  1. Syed Balkhi says

    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. Max says

    I have 7 header images and would like my site to display a different one each day, in order not randomly. Is there a plugin or code I can use that can achieve this? Thanks.

  3. TPWidt says

    This was useful, but i was looking for randomized text, like in your second image, you had the image of the hill and the sky, with the Demo Text to the bottom left corner. I’m curious to see if its possible to have a randomized version of that, so whenever I would refresh the page, it would cycle through text such as ”Demo Site” or ”Welcome” just for variety.

  4. Neale says

    This looks like a good solution to running my own random promotional messages as part of the header. Thanks for the detailed guidance.

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.