Hur man lägger till anpassade metarutor i WordPress-inlägg och inläggstyper

WordPress lägger automatiskt till metadata till ditt innehåll, såsom publiceringsdatum, kategorier och taggar. Du kanske dock också vill lägga till din egen anpassade metadata.

Oavsett om du behöver samla in extra information, effektivisera din redigeringsprocess eller förbättra användargränssnittet, kan metarutor vara ett kraftfullt verktyg för flexibel innehållshantering.

På WPBeginner använder vi anpassade metarutor för att öka funktionaliteten hos våra inlägg och sidor. Detta har gett oss en djupare förståelse för för- och nackdelar med att lägga till anpassade fält för att optimera innehåll.

I den här artikeln visar vi dig hur du enkelt kan lägga till unik information i ditt innehåll genom att skapa en anpassad metadatabox i WordPress.

Vad är en anpassad metaruta i WordPress?

När du skapar inlägg och sidor, eller anpassade inläggstyper i WordPress, har det innehållet vanligtvis sin egen metadata. Denna metadata är information relaterad till innehållet, som datum och tid, författarnamn, titel och mer.

Du kan också lägga till din egen metadata med hjälp av standardrutan för anpassade fält.

Proffstips: Ser du inte rutan för anpassade fält i inläggsredigeraren? Se då vår guide om hur du åtgärdar anpassade fält som inte visas i WordPress.

Rutan för anpassade fält är en bra lösning om du bara vill lägga till anpassad metadata till några få inlägg. Men om du planerar att lägga till mycket unik information i ditt innehåll, då är det vettigt att skapa en anpassad metadatabox.

Faktum är att många av de populära WordPress-plugins lägger till anpassade metadatarutor till redigeringsskärmen för inlägg och sidor. På följande bild kan du se hur enkelt det är att lägga till SEO-information till ditt inlägg med hjälp av en anpassad metadataruta som tillhandahålls av AIOSEO.

Med det sagt, låt oss se hur du enkelt kan lägga till anpassade metarutor i WordPress-inlägg och inläggstyper.

Hur man lägger till anpassade metarutor i WordPress-inlägg och inläggstyper

Det enklaste sättet att lägga till anpassade metarutor i WordPress är att använda Advanced Custom Fields. Detta plugin låter dig koppla alla typer av extra information till dina inlägg och sidor och sedan visa den datan för besökare med hjälp av en kortkod.

Det första du behöver göra är att installera och aktivera pluginet Advanced Custom Fields. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Skapa en anpassad metaruta

Besök sidan ACF » Fältgrupper från WordPress admin-sidomenyn efter aktivering.

Klicka här på knappen 'Lägg till ny'.

Du kan nu skapa de anpassade fälten som kommer att visas i metadatafältet.

Till att börja med behöver du skriva en titel i fältet som som standard visar 'Fältgruppens titel'. Detta kommer att visas i WordPress-innehållsredigeraren och kommer att användas som titel för din metaruta.

Med det sagt bör du använda något beskrivande, särskilt om du hanterar en WordPress-blogg med flera författare eller delar instrumentpanelen med andra personer.

När det är gjort är du redo att lägga till det första fältet i din metabox.

Lägg till anpassade fält i WordPress metarutan

För att börja, öppna rullgardinsmenyn 'Fälttyp' och välj den typ av fält du vill lägga till, till exempel Datumväljare, Kryssruta eller Textfält.

Skriv sedan in en etikett för fältet.

Advanced Custom Fields kommer att visa denna etikett före fältet, så det hjälper användarna att förstå vilken information de behöver ange.

Advanced Custom Fields genererar automatiskt 'Fältnamn', så du kan lämna detta fält tomt.

När det är gjort kan du skriva in ett 'Standardvärde'. Detta kommer att läggas till sidan, inlägget eller den anpassade inläggstypen automatiskt om användaren inte lägger till sin egen information.

Du kan se fler alternativ beroende på vilken typ av fält du skapar. Om du till exempel valde 'Bild' från rullgardinsmenyn 'Filtyp', kan du sedan välja bildformat.

De flesta av dessa alternativ är självförklarande, så du kan följa instruktionerna på skärmen för att konfigurera anpassat fält.

När du är nöjd med hur fältet är inställt, klicka på knappen 'Stäng fält' för att fälla ihop sektionen.

Du kan nu lägga till fler fält i den anpassade metarutan genom att klicka på knappen 'Lägg till fält'.

Konfigurera sedan fältet genom att följa samma process som beskrivs ovan.

Lägg till en anpassad metaruta till WordPress-innehållseditorn

När du är nöjd med hur den anpassade metarutan är inställd, behöver du definiera var och när metarutan ska visas.

För att göra detta, scrolla till sektionen 'Inställningar' och klicka sedan på fliken 'Platsregler'.

Advanced Custom Fields kan lägga till rutan till alla typer av innehåll. Till exempel kan du visa meta-rutan på specifika inläggstyper, kategorier, taxonomier, navigeringsmenyer och mer.

Använd helt enkelt rullgardinsmenyerna för att välja var metaboxen ska visas i din WordPress-instrumentpanel. Om du till exempel accepterar gästinlägg, kanske du vill lägga till rutan till alla inlägg i kategorin 'Gästinlägg'.

Därefter klickar du på fliken 'Presentation'.

Här kan du välja stil för metarutan, var den visas på din WordPress-blogg, och var etiketten och instruktionerna kommer att visas.

Om du planerar att lägga till flera rutor på samma plats, kan du ändra ordningen de visas i genom att skriva i fältet 'Ordning nr'.

Till exempel kan det förbättra ditt redaktionella arbetsflöde att visa de viktigaste meta-rutorna högst upp på skärmen.

Om du är osäker kan du lämna detta fält inställt på 0.

På den här skärmen ser du också en lista över alla fält som WordPress vanligtvis visar på skärmen för redigering av inlägg.

Om du vill dölja ett fält, markera helt enkelt dess ruta. Om du till exempel använder anpassade fält för att skapa en författarinformationsruta, kanske du vill dölja standardfältet 'Författare'.

När du är nöjd med de ändringar du har gjort, klicka på 'Spara ändringar' för att göra fältgruppen aktiv.

Du har nu framgångsrikt skapat en anpassad metaruta för ditt WordPress-inlägg, sida eller anpassad inläggstyp. Beroende på dina inställningar kan du nu besöka inläggsredigeraren för att se den anpassade metarutan i aktion.

Visa dina anpassade metadataboxdata i WordPress-tema

Du har nu framgångsrikt lagt till en anpassad meta-ruta till WordPress-instrumentpanelen. All information som användare skriver in i meta-rutan lagras i WordPress-databasen när de sparar eller publicerar inlägget. Denna information kommer dock inte att visas på din webbplats som standard.

Med det i åtanke, låt oss se till att den anpassade metadata visas i ditt WordPress-tema så att besökarna kan se den.

Du kan göra detta med hjälp av kortkod eller genom att redigera dina WordPress-temafiler.

Hur man visar anpassad metadata med kortkod

Att lägga till en kortkod i WordPress är den enklaste metoden och låter dig styra exakt var informationen visas på din webbplats.

Till exempel, om du har skapat ett fält för 'Stjärnbetyg', kan du visa denna information efter inläggstiteln, inuti innehållet, i sidfoten eller var som helst annars genom att helt enkelt lägga till en kortkod.

Du måste dock lägga till en kortkod manuellt till varje sida, inlägg eller anpassad inläggstyp. Detta kan ta mycket tid och ansträngning, särskilt om du har mycket innehåll.

För att få ett fälts kortkod, gå till ACF » Fältgrupper. Håll sedan muspekaren över fältgruppen du vill visa och klicka på länken 'Redigera' när den visas.

Du kommer nu att se alla fält som utgör denna grupp.

För varje fält du vill visa, notera värdet i fältet 'Namn'.

När det är gjort, gå till sidan, inlägget eller den anpassade inläggstypen där du vill visa den anpassade metadata.

Du kan nu klicka på '+' ikonen och skriva 'Kortkod'.

När rätt block visas klickar du för att lägga till det i din layout.

Du kan nu lägga till följande kortkod i blocket, se till att ersätta "article_byline" med namnet på fältet du vill visa.

Du kan nu upprepa dessa steg för att lägga till flera anpassade fält till inlägget.

När du är nöjd med de ändringar du har gjort, klickar du antingen på knappen 'Publicera' eller 'Uppdatera'. Besök nu helt enkelt din WordPress-webbplats för att se den anpassade metadata i praktiken.

Hur man visar anpassad metadata genom att redigera ditt WordPress-tema

Om du vill visa anpassad metadata på samma plats på varje sida, inlägg eller anpassad inläggstyp, kan du lägga till kod i dina WordPress-temafiler.

Detta kan spara tid på lång sikt, men det är inte den mest nybörjarvänliga metoden. Du kommer också att förlora all anpassad kod nästa gång du uppdaterar ditt WordPress-tema, vilket är anledningen till att vi rekommenderar att skapa ett barntema. Du kan sedan lägga till din anpassade kod i barnet.

Om du inte har redigerat dina temafiler tidigare, ta en titt på vår nybörjarguide om hur man kopierar och klistrar in kod i WordPress.

Du behöver redigera filen där du vill visa den anpassade metadatan. Detta varierar beroende på ditt tema, men du behöver vanligtvis redigera din webbplats fil single.php, content.php eller page.php.

När du har rätt fil behöver du lägga till koden inuti WordPress-loopen. För att hitta den här loopen, sök helt enkelt efter följande kod som ser ut ungefär så här:

	<?php while ( have_posts() ) : the_post(); ?>

Du kan sedan klistra in din kod efter den här raden och före raden som avslutar loopen:

	<?php endwhile; // end of the loop. ?>

Som ett exempel bör din anpassade fältkod se ut ungefär så här:

	<h2 class="article-byline"><?php the_field('article_byline'); ?></h2>

Lägg märke till hur vi slog in koden i en h2-rubrik med en CSS-klass. Detta gör att vi kan formatera och styla det anpassade fältet senare genom att lägga till anpassad CSS till vårt tema.

Här är ett annat exempel:

<blockquote class="article-pullquote">
 
<?php the_field('article_pullquote'); ?>
 
</blockquote> 

När du lägger till kod i ditt tema, glöm inte att ersätta fältnamnen.

När det är gjort kan du besöka vilket inlägg som helst där du redan har angett data i de anpassade fälten. Du kommer nu att se din unika metadata i praktiken.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till anpassade metarutor i WordPress-inlägg och inläggstyper. Du kanske också vill se vår guide om hur man visar blogginläggs metadata i dina WordPress-teman och vår handledning om hur man anpassar WordPress-utdrag.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.