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.
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.
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
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.
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.
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.
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.
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.
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.
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.
Max
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.
TPWidt
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.
Miguel
Can this method be used for place different ads on header ?
Neale
This looks like a good solution to running my own random promotional messages as part of the header. Thanks for the detailed guidance.