Hvordan legge til tilpassede metabokser i WordPress

Å bruke tilpassede metabokser er en fin måte å sette inn noen ekstra metadata i innholdet ditt. Nemlig, ved å legge til forskjellige egendefinerte metabokser til WordPress-sidene, innleggene og/eller egendefinerte innleggstypene dine, vil du kunne få redigeringsgrensesnittet til å fremstå mer organisert og brukervennlig som helhet. Faktisk bruker mange plugin-utviklere dem til å lage og legge til tilpassede plugin-metabokser.

Vi bør også nevne med en gang at hver innholdstype i WordPress har sitt eget sett med metadata som brukes til å gi mer informasjon om det aktuelle innholdet (som dato, tittel og så videre). Og mens WordPress kommer med standard egendefinerte feltboks som du kan bruke til å legge til dine egne tilpassede metabokser og metadata, tilbyr ikke denne metaboksen så mange alternativer generelt.

Derfor har vi bestemt oss for å vise deg hvordan du legger til egendefinerte metabokser i WordPress-innlegg og innleggstyper ved hjelp av en av de mest populære pluginene i denne kategorien – Advanced Custom Fields-pluginen. Bli med oss ​​mens vi forklarer hvordan lage og legge til tilpassede metabokser til WordPress-innholdet ditt, i tillegg til hvordan du viser dine egendefinerte feltmetadata på nettstedet ditt.

Opprette tilpassede metabokser i WordPress med en plugin

Plugin-modulen vi anbefaler for denne oppgaven heter Avanserte egendefinerte felt. Dette er et ganske populært og omfattende plugin-alternativ for å generere tilpassede felt på nettstedet ditt, og med en god grunn. Hvis du bruker denne plugin, vil du kunne legge til dine egendefinerte felter praktisk talt hvor som helst på nettstedet ditt (inkludert sider, innlegg, taksonomier, brukere, etc.), og du vil få til det raskt og enkelt.

Når du har installert plugin-en og aktivert den, vil du kunne se et nytt menyelement kalt Egendefinerte felt i administrasjonslinjen. Gå til Egendefinerte felt >> Legg til ny for å lage ditt egendefinerte felt. Ved å gjøre det, vil du bli omdirigert til siden som heter Legg til ny feltgruppe.

Legg til en tittel til feltgruppen din (dette vil være din metabokstittel). Deretter, trykk på «+Legg til felt»-knappen for å opprette et nytt felt. Dette vil åpne en helt ny rad med innstillinger.

De Feltetikett alternativet lar deg angi et navn for metaboksen din. Dette vil være navnet på hele delen som vises i selve sidens backend.

De Feltnavn alternativet lar deg angi et ekstra navn for feltet ditt. Det skal være et enkelt ord uten mellomrom (selv om du kan bruke understrek og bindestrek). Du vil kopiere dette navnet for å vise dine egendefinerte feltmetadata på nettstedet ditt, men mer om det senere.

Deretter vil du kunne velge Felttype. Du vil ha mange alternativer til din disposisjon – fra tekst, radioknapper, avmerkingsbokser og tall til bilder, filer, brukere, taksonomier og mye mer.

Du vil også komme til å sette inn felt Bruksanvisning som kan være spesielt nyttig siden de lar en bruker vite hva de skal sette inn i det gitte feltet.

Etterpå vil du kunne angi en hel haug med andre alternativer som standardverdi, plassholdertekst, tegngrense og så videre.

Slå den Lukk feltet for å skjule den når du er ferdig med å angi alternativene.

I tilfelle du trenger flere felt i metaboksen din, klikker du ganske enkelt på «+ Legg til felt»-knappen igjen og justerer alternativene i henhold til dine preferanser.

Neste, den plassering området lar deg angi reglene som bestemmer hvilke typer redigeringsskjermer som din egendefinerte metaboks skal vises på. Du vil kunne velge ulike innleggstyper, postkategorier, taksonomier osv.

Nå, i Innstillinger feltet, vil du kunne velge metaboksen Stil (standard eller sømløs). Vi anbefaler å sette den til Standard.

Du vil også få velge metaboksen Posisjon i sidens backend (etter innholdet, før eller i høyre kolonne).

I tillegg vil du kunne angi plasseringen av etikett- og instruksjonsplasseringen og velge ordrenummeret (nummeret som vil definere rekkefølgen på feltet ditt). Sistnevnte er nyttig i tilfelle du har mer enn én feltgruppe satt på ett sted (ellers kan du sette dette alternativet til 0).

Til slutt, den Skjul på skjermen alternativet lar deg merke av eller fjerne merket for visse metaboksfelt for å vise eller skjule dem på skjermbildet for innlegget eller siden din.

Slå den publisere -knappen (plassert i øvre høyre hjørne av skjermen) når du er ferdig.

Gå gjerne videre og besøk bakenden av en av sidene/innleggene dine for å se hvordan din egendefinerte metaboks ser ut live. Når du først er der, vil du også kunne bruke de nye metaboksene dine for å legge til tilpassede metadata.

Vise dine tilpassede metaboksdata på nettstedet ditt

Nå som du har lykkes med å lage din egendefinerte metaboks, er det på tide å vise dataene du skrev inn i feltene dine på selve nettstedet (dvs. siden din, innlegget osv.).

Gå til Feltgrupper side. Når du er der, vil du få tilgang til de egendefinerte feltene dine. Det du trenger å gjøre er å kopiere teksten som vises under «Navn»-feltet:

Nå, for å vise dataene som er angitt i de egendefinerte feltene på nettstedet ditt, kan du bruke to forskjellige alternativer. Du kan enten legg dem til via en kortkode eller ved å bruke en PHP-kode.

For å vise dine egendefinerte feltdata på en enkelt side eller et innlegg, legg ganske enkelt til denne kortkoden i innholdet ditt:

[acf field="weather"]

Du bør selvfølgelig legge til navnet på ditt eget felt i anførselstegnene.

En annen måte å gjøre dette på er ved å sette inn en kodelinje i en av temafilene dine. Denne metoden er flott hvis du vil at metadataene automatisk skal vises på alle sider av en bestemt type.

Få tilgang til temafilen du ønsker å redigere ved å gå til Utseende >> Temaredigering. Hvilken fil du vil redigere avhenger av hvor du vil at dataene dine skal vises. Dette kan være filer som single.php, blog.php, page.php, etc.

Vi har brukt vårt eget gratis Qi-tema for vårt eksempel, så vi har satt inn koden vår i blog.php-malfilen. Selvfølgelig skal du gjerne legge til din egen kode hvor du vil.

Skriv inn følgende kode:

<h2 class="weather"><?php the_field('weather'); ?></h2>

Dette vil vise metadataene fra vår egendefinerte metaboks for «vær» som en H2-overskrift på siden vår. Selvfølgelig bør du erstatte navnet vi har lagt til i anførselstegn med ditt eget tilpassede feltnavn og justere HTML-en for å passe dine behov.

Koden du har satt inn i temafilen vil vise dataene du setter inn i det egendefinerte metafeltet på alle sider som bruker den spesifikke sidemalen du bestemte deg for å redigere.

Slå den Oppdater fil knappen når du er ferdig og gå videre for å se hvordan metadataene dine ser ut vist på siden/innlegget ditt.

Konklusjon

Uansett om du trenger å sette inn en enkel tekstlinje eller legge til mer avanserte metadata, er egendefinerte metabokser en fin måte å få mest mulig ut av redigeringsskjermen din samtidig som den fremstår så intuitiv og brukervennlig som mulig. Vi anbefaler at du bruker Advanced Custom Fields-pluginen for å lage og legge til egendefinerte metafelt på alle redigeringsskjermene dine. Denne plugin-en kommer med et omfattende sett med alternativer som lar deg tilpasse utseendet til dine tilpassede metabokser på alle mulige måter. Sørg for å følge instruksjonene våre nøye for å lære hvordan du kan tilpasse de tilpassede metaboksene dine i full detalj og enkelt vise metadataene dine på WordPress-siden din.