http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder WordPress DK Forum Topic: Hvordan får jeg vilkårlige header-billeder? da-DK Fri, 31 Jul 2026 14:26:27 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder#post-12924 tors, 29 okt 2009 12:57:53 +0000 bufas 12924@http://wp-danmark.dk/forum/ <p>Hvor er jeg glad for at jeg stillede spørgsmålet tilbage i marts 08, for nu har jeg fået brug for svaret igen.<br /> :o)</p> <p>Siden da har jeg oprettet mig under et nyt brugernavn, da jeg ikke kunne huske, hvad jeg oprindeligt havde oprettet mig som. Det var altså som HanneL.</p> <p>vh HanneL </p> http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder#post-5287 søn, 23 mar 2008 00:13:14 +0000 HanneL 5287@http://wp-danmark.dk/forum/ <p>Tak for besvarelserne. I første omgang tror jeg, at jeg vil prøve Franks råd af. Så kan jeg altid, når jeg bliver lidt mere dreven, prøve "is" funktionen af. Jeg er fortsat så ny, at jeg ikke har nogen ide om, hvad det betyder:-)<br /> Tusind tak for hjælpen. </p> http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder#post-5286 lør, 22 mar 2008 18:05:47 +0000 Mark Thomas Gazel 5286@http://wp-danmark.dk/forum/ <p>Ja, det er også en mulighed. Noget "if is_page" og så henvise til et billede og så "elseif" et andet billede osv. </p> http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder#post-5281 lør, 22 mar 2008 11:09:09 +0000 jacobask 5281@http://wp-danmark.dk/forum/ <p>Hvad med bare at bruge "is" funktionen til at generere de forskellige sider (medmindre det skal skiftes rigtigt tit.</p> <p><a href="http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/" rel="nofollow">http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/</a></p> <p>/ask </p> http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder#post-5278 fre, 21 mar 2008 17:01:48 +0000 Frank 5278@http://wp-danmark.dk/forum/ <p>En hurtig søgning giver dette plugin som mulig løsning på statisk header som er forskellig på hver side: <a href="http://wp.uberdose.com/2007/03/30/add-your-own-headers/" rel="nofollow">http://wp.uberdose.com/2007/03/30/add-your-own-headers/</a><br /> Uden at have prøvet det selv, ville jeg bruge denne plugin til at tilføje ekstra css-fil (dvs. at både style.css og et antal sidespecifikke css-filer) som definerer header-billedet.<br /> CSS er "cascading", dvs. at browseren læser definitionerne fra oven og ned som et vandfald. Der kan godt refereres til flere (mange) css-filer på hver side.<br /> Hvis den ekstra css-fil indeholder css-definitioner, som allerede er defineret i style.css, f.eks. et standard header-billede, bliver definitionen ændret på de sider som får tilføjet ekstra css-definitioner via ovenstående plugin, såfremt den den ekstra css-fil bliver læst sidst. </p> http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder#post-5277 fre, 21 mar 2008 10:44:51 +0000 Mark Thomas Gazel 5277@http://wp-danmark.dk/forum/ <p>Det er lidt pudsigt. Du starter med at ville have en funktion, der er ret avanceret og (som de fleste) ender du med en løsning, der er meget almindelig og passer til de flestes behov. Et eksempel på at det lød godt i teorien, men var uhensigtsmæssigt i praksis.</p> <p>Jeg er enig med Frank. Gå efter at lave et billeder med tre billeder i flere udgaver. Hvordan du lige styrer det med bestemt header(billede) på en bestemt side har jeg ikke lige et bud på. Det er ikke så lige til. Headeren går jo igen på alle sider, så du skal i princippet fortælle WP, at den skal bruge forskellig header alt efter hvilken side, der bruges. Du kan lave en template for hver side, hvor den så henter sin specifikke header f.eks.:</p> <p>&lt;?php include (TEMPLATEPATH . '/headertildenneside.php'); ?&gt;</p> <p>Det er meget få rettelser du skal lave i de enkelte templates, men ender med en masse ekstra header-filer og templates. Det er ikke elegant i hvert fald.</p> <p>Men der findes måske et plugin, der kan håndtere det på en smartere måde. </p> http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder#post-5276 fre, 21 mar 2008 00:57:51 +0000 Frank 5276@http://wp-danmark.dk/forum/ <p>Det nemmeste er nok at fjerne "de 3 kasser", dvs. slette<br /> <code> &lt;div id="left-pic"&gt;&lt;/div&gt;<br /> &lt;div id="middle-pic"&gt;&lt;/div&gt;<br /> &lt;div id="right-pic"&gt;&lt;/div&gt;<br /> </code><br /> fra header.php.</p> <p>og at rette klassen #pics i style.css til noget lignende dette:<br /> <code><br /> #pics {<br /> background-image: url(images/right/rotate.php);<br /> width: 900px;<br /> height: 128px;<br /> border-top: 1px solid #fff;<br /> border-bottom: 1px solid #fff;<br /> float: left;<br /> }<br /> </code><br /> og så lave nogle sammensatte billeder i 1 billede.</p> <p>Hvis det, du søger, er et bestemt sæt billeder på samme side hver gang, findes der komponenter til styring af dette.</p> <p>/Frank </p> http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder#post-5266 tors, 20 mar 2008 14:09:41 +0000 HanneL 5266@http://wp-danmark.dk/forum/ <p>Tak Frank - det fungerer fint.</p> <p>Og når man så har fået én ting til at virke, så bliver man straks mere krævende...</p> <p>De billeder jeg ønsker at anvende har jeg "parret" sådan at de passer sammen 3 og 3 - altså til #left-pic, #middle-pic og #right-pic.<br /> Er der nogle, der har et bud på, hvordan jeg evt. kan ændre eller tilføje i programmet rotate.php, så mine billeder ex. left_1.jpg, middle_1.jpg og right_1.jpg vises samtidig?</p> <p>Jeg kunne også godt tænke mig en løsning, der går i en anden retning, nemlig at hver enkelt side på mit site har sine egne 3 billeder, så billederne harmonerer med sidens titel. Gode bud modtages med tak:-) </p> http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder#post-5257 ons, 19 mar 2008 18:48:51 +0000 Frank 5257@http://wp-danmark.dk/forum/ <p>Til forskel fra Outline-temaet er Ad Clenum lavet således at billederne i headeren er angivet i CSS (Cascading Style Steets) som baggrundsbillede på klasserne #left-pic, #middle-pic og #right-pic. Dette ses og læses af templaten i filen style.css. Derfor står der i header.php kun <code>&lt;div id="middle-pic"&gt;&lt;/div&gt;</code>.<br /> Man kunne ændre i header.php, så det midterste billede bliver angivet som et billede, i stedet for som baggrund. Det kan give nogle problemer med at billedet "ikke kan være i rammen", hvis man ser din hjemmeside i forskellige browsere.<br /> På <a href="http://alistapart.com/articles/randomizer/">A List Apart</a> har de skrevet noget lækker programmering, som gør at billedet kan blive dynamisk, hvis man i style.css henviser til et program i stedet for et billede. Programmet placerer man i en tom folder, som man efterfølgende også placerer de billeder, som kan roteres, i.<br /> Jeg vil tro, at hvis du laver 3 foldere med hvert sin kopi af programmet i, og henviser til hvert sit program (venstre, midten og højre) i style.css, vil alle tre billeder blive roteret.<br /> Dvs. download <a href="http://alistapart.com/d/randomizer/rotate.txt">programmet</a> fra A List Aparts vejledning, omdøb det til rotate.php, og gem programmet i 3 nyoprettede foldere der hedder left, middle og right under templatens image-folder.<br /> Herefter retter du style.css, så du ændrer den fra </p> <p><code>#left-pic {<br /> background-image: url(images/study.jpg);<br /> border-bottom: 1px solid #fff;<br /> float: left;<br /> width: 179px;<br /> height: 128px;</p> <p>} </p> <p>#middle-pic {<br /> margin: 0px;<br /> background-image: url(images/creation.jpg);<br /> border-right: 1px solid #fff;<br /> border-left: 1px solid #fff;<br /> border-bottom: 1px solid #fff;<br /> width: 540px;<br /> height: 128px;<br /> float: left;</p> <p>}</p> <p>#right-pic {<br /> background-image: url(images/boat.jpg);<br /> border-bottom: 1px solid #fff;<br /> width: 179px;<br /> height: 128px;<br /> float: right;<br /> }</p> <p></code></p> <p>til</p> <p><code>#left-pic {<br /> background-image: url(images/left/rotate.php);<br /> border-bottom: 1px solid #fff;<br /> float: left;<br /> width: 179px;<br /> height: 128px;</p> <p>} </p> <p>#middle-pic {<br /> margin: 0px;<br /> background-image: url(images/middle/rotate.php);<br /> border-right: 1px solid #fff;<br /> border-left: 1px solid #fff;<br /> border-bottom: 1px solid #fff;<br /> width: 540px;<br /> height: 128px;<br /> float: left;</p> <p>}</p> <p>#right-pic {<br /> background-image: url(images/right/rotate.php);<br /> border-bottom: 1px solid #fff;<br /> width: 179px;<br /> height: 128px;<br /> float: right;<br /> }<br /> </code></p> <p>placerer billeder i passende størrelser i de 3 foldere.<br /> Det er både smart og nemt, hvis det altså virker :-) Prøv det!</p> <p>/Frank </p> http://wp-danmark.dk/forum/topic/hvordan-far-jeg-vilkarlige-header-billeder#post-5255 ons, 19 mar 2008 15:25:56 +0000 HanneL 5255@http://wp-danmark.dk/forum/ <p>Total uerfaren forsøger jeg at lave et web-site ud fra temaet <strong>Ad Clerum 1.0 af <a href="http://www.refueled.net">Refueled</a></strong>.<br /> Jeg vil gerne have header-billederne til at skifte vikårligt - og i hvert fald gerne det midterste, så siden bliver mere dynamisk.<br /> Jeg fandt ud af det i temaet <strong>Outline 3-Column Split</strong>, ved at indsætte<br /> koden fra <a href="http://www.pearsonified.com/2006/10/simple_random_header_images_for_your_blog.php">pearsonified.com</a> i filen header.php.<br /> Kan jeg bruge det samme til <strong>Ad Clerum 1.0</strong> - og i såfald, hvor skal det indsættes?<br /> Er der evt. en nemmere måde at gøre det på?<br /> Kan nogle hjælpe? - det vil være dejligt :-)</p> <p>Hvis der samtidig er nogle, der vil fortælle mig, hvordan man bruger Close Tags, B-quote, Kode, OL, UL og LI nå man skriver indlæg her, så vil jeg blive meget glad. Jeg var nødt til at indsætte link til pearsonified.com, fordi det så mærkeligt ud, når jeg forsøgte at indsætte kode-teksten </p>