WordPress har en fiffig inbyggd funktion som heter Egna fält. De flesta WordPress-användare känner inte ens till funktionen, men vet man hur man ska använda den kan den utnyttjas på en mängd intressanta sätt. Egna fält låter WordPress-användare koppla samman ett visst värde med ett visst fält, som sedan kan presenteras eller användas i enskilda inlägg.
Ett enkelt exempel på detta är att man använder ett återkommande värde för att visa vad man lyssnar på för tillfället. Man skapar då ett nytt fält som exempelvis kan heta ”I hörlurarna just nu”, och kopplar värdet ”Bob Dylan – The Times They Are a-Changin'” till det. Man kan sedan redigera temat så att följande visas i inlägget: ”I hörlurarna just nu: Bob Dylan – The Times They Are a-Changin'”. Låter det krångligt? Följ guiden nedan, så omsätter vi det i praktiken.
Ett enkelt exempel – steg-för-steg
- Logga in på din bloggs administrationspanel och klicka på ”Nytt inlägg”.
- Scrolla ned bortom ”Utdrag” och ”Skicka trackbackar” till ”Egna fält”.
- Klicka på ”Ange nytt”. Skriv ”I hörlurarna just nu” i den vänstra rutan och ”Bob Dylan – The Times They Are a-Changin'” i den högra. Klicka på ”Lägg till eget fält” och publicera sedan inlägget.
- Klicka på fliken ”Utseende” i vänstra sidomenyn på administrationspanelen och sedan på ”Redigerare”.
- Titta på listan till höger om redigeringsfältet. Om du hittar en film vid namn ”Enskilt inlägg (single.php)”, öppna den. Om inte, öppna ”Huvudmall (index.php)”
- Leta upp kodraden som innehåller texten the_content (använd din webbläsares inbyggda sökfunktion om du inte hittar den) och klistra in följande kod i raden nedanför:
<?php the_meta(); ?>
- Klicka på ”Uppdatera fil”.
Besök inlägget du publicerade tidigare så kommer du (förhoppningsvis) att se texten ”I hörlurarna just nu: Bob Dylan – The Times They Are a-Changin'”.
Redigera fältens utseende
Om du visar källkoden för det fält vi gick igenom ovan ser du följande kod:
<ul class='post-meta'> <li><span class='post-meta-key'>I hörlurarna just nu:</span> Bob Dylan – The Times They Are a-Changin</li> </ul>
Det enda man behöver göra för att ändra utseendet på fälttexten är att redigera de CSS-klasser som funktionen skapar automatiskt. Gå till din bloggs administrationspanel, öppna Redigeraren och klicka på ”Stilmall (style.css)” längst ner i sidomenyn till höger. Klistra in följande kod längst ner i filen:
.post-meta { font-variant: small-caps; color: maroon; } .post-meta-key { color: green; font-weight: bold; font-size: 1.1em; }
Klicka på ”Uppdatera fil” och besök inlägget en gång till. Textens utseende är nu lite mer distinkt, och genom att ändra på CSS-egenskaperna ytterligare kan du själv bestämma hur texten från dina fält ska se ut.
Avancerade funktioner med egna fält
Det finns fler, mycket mer avancerade sätt att använda Egna fält – som att välja ett specifikt fält eller ett specifikt värde som ska visas – men då min ambition med den här lilla guiden är att introducera WordPress-användare till funktionen får jag vidarebefordra de som är intresserade av mer ingående instruktioner till WordPress-kodexens sida för Egna fält.
3 juni 2010 kl. 11:03
Väldigt lättläst, bra!
Jag undrar om man kan ge ”.post-meta-key” olika värden, tex:
.post-meta-key1
.post-meta-key2
.post-meta-key3
/Elle
7 januari 2013 kl. 13:46
Hej! Kan man endast lägga till text i dessa fält? Jag vill ha både rubriker och brödtext i det högra fältet, men det går ju inte annars att justera storlek osv i CSS.
Tacksam för snabbt svar!
10 januari 2013 kl. 15:20
På ngt sättfanns Delaknappen på FB, men försvann efter enkommentar?mVill ju ha denna tjänsten men får inte ihop det hur jag lägger tilleller vad,man gör, Tacksam för hjälp,,,,,berit