Du kan skapa intuitiva navigationsstrukturer och förbättra användarnas engagemang på din webbplats med hjälp av kategorier, taggar och anpassade taxonomier. Vi anser dock att ett avgörande element i användarupplevelsen är att ge tydlig kontext inom varje arkivsida för taxonomi.
Du kan ge denna kontext genom att visa relevant information direkt på dina arkivsidor i WordPress, såsom den aktuella taxonomins titel, URL och mer.
I den här artikeln visar vi hur du kan hjälpa användare att förstå sin plats i din webbplats hierarki genom att visa den aktuella taxonomins titel, URL och mer i WordPress.
Skapa arkivmallar för taxonomier i WordPress-teman
Om du lär dig WordPress-temautveckling eller skapar ditt eget anpassade WordPress-tema, kanske du vill anpassa hur dina taxonomisidor visas på din webbplats.
Detta inkluderar sidor för kategorier, taggar och alla anpassade taxonomier.
De goda nyheterna är att WordPress har ett kraftfullt system som låter dig skapa anpassade mallar för dessa sidor. Detta innebär att du har stor kontroll över hur dina kategori- och taggsidor ser ut på din WordPress-webbplats.
WordPress gör detta ganska enkelt. Om du till exempel vill skapa en speciell mall bara för dina arkivsidor för kategorier, behöver du bara skapa en fil som heter category.php i din temas mapp. WordPress kommer automatiskt att använda den här filen för att visa dina arkivsidor för kategorier, vilket kan hjälpa dig att ge dina besökare en unik upplevelse när de utforskar din webbplats.
På samma sätt kan du skapa mallar för andra taxonomier. För en anpassad taxonomi skulle du skapa en fil med ett specifikt format: taxonomy-{taxonomy}-{term}.php. Om du är ny på detta kan du ha nytta av vårt fuskblad för WordPress mallhierarki. Det ger en komplett översikt över alla olika typer av mallfiler du kan använda med WordPress.
När du har skapat din anpassade mallfil för taxonomi är en bra utgångspunkt att kopiera koden från din temas archive.php fil. Du vill dock troligen göra ändringar som är mer specifika för dina taxonomisidor.
Till exempel kanske du vill visa taxonomins namn på en speciell plats, lägga till en länk till taxonomins RSS-flöde, eller visa taxonomins beskrivning eller ett antal inlägg. Alla dessa saker kan anpassas med din egen kod.
Med det sagt, låt oss titta på hur man hämtar taxonomirelaterad data i WordPress och visar den i ditt WordPress-tema.
Visa taxonomins titel, URL och mer i WordPress
För att visa alla dina taxonomirelaterade data måste du dynamiskt ta reda på vilken taxonomisida som visas och sedan hämta all nödvändig data för den specifika taxonomitermen.
Först måste du kopiera och klistra in följande kod i din taxonomimalldokument:
<?php $term = get_queried_object(); ?>
Detta hämtar informationen om den aktuella taxonomin baserat på sidan du befinner dig på.
Om du till exempel befann dig på en kategorisida som heter 'affärer', så hämtar den informationen för den taxonomitermen.
Efter den kodraden kan du visa titeln på taxonomin och annan information så här:
echo $term->name; // will show the name
echo $term->taxonomy; // will show the taxonomy
echo $term->slug; // will show taxonomy slug
Du kan göra detsamma med hjälp av något av följande värden:
- term_id
- namn
- slug
- term_group
- term_taxonomy_id
- taxonomi
- beskrivning
- parent
- antal
- filter
- meta
Låt oss titta på ett verkligt exempel. I vårt test-barn-tema ville vi visa termens titel, taxonomins namn, antal artiklar och termens beskrivning.
Vi använde följande kod för att visa dessa data:
<?php $term = get_queried_object(); ?>
<h1 class="category-title"><?php echo $term->name; ?><span class="taxonomy-label"><?php echo $term->taxonomy; ?> (<?php echo $term->count; ?> articles)</span></h1>
<p class="category-description"><?php echo $term->description; ?></p>
Du kan se att vi lade till några CSS-klasser så att vi kunde lägga till anpassad CSS för att även styla texten.
Så här såg det ut på vår testwebbplats:
Expertguider om WordPress-taxonomier
Nu när du vet hur du visar den aktuella taxonomins titel, URL och mer i WordPress-teman, kanske du vill se några andra guider relaterade till WordPress-taxonomier:
- Ordlista: Taxonomi
- Ordlista: Termer
- När behöver du en anpassad inläggstyp eller taxonomi i WordPress?
- Hur man skapar anpassade taxonomier i WordPress
- Hur konverterar man WordPress-kategorier till anpassade taxonomier
- Hur man lägger till anpassade meta-fält till anpassade taxonomier i WordPress
- Hur man lägger till taxonomibilder (kategoriikoner) i WordPress
- Hur man visar anpassade taxonomitermer i WordPress sidofältswidgets
- Hur man visar barn-taxonomi på föräldra-taxonomins arkivsida
- Hur man lägger till Ajax-taxonomifilter i WordPress-sökning
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du visar den aktuella taxonomins titel, URL och mer i WordPress-teman. Du kanske också vill se vårt fuskblad för WordPress-temautvecklare eller vårt experttips om sidbyggarplugins för WordPress för lösningar utan kod.
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.
kzain
Jag uppskattar verkligen hur du bröt ner varje steg tydligt, vilket gjorde det tillgängligt även för dem som kanske inte är så erfarna med kodning. De praktiska exemplen och kodsnuttarna är särskilt värdefulla för att förstå hur man implementerar dessa funktioner.
En punkt jag skulle vilja lägga till är vikten av att säkerställa att all anpassad kod som läggs till en WordPress-webbplats testas noggrant, särskilt i en staging-miljö. Ibland kan små ändringar ha oväntade effekter, så det är alltid bra att kontrollera att allt fungerar som förväntat innan man gör uppdateringar live.
Pete
Det här fungerar bra också…
$queried_object = get_queried_object();
$this_tax = get_taxonomy( $queried_object->taxonomy );
echo $this_tax->labels->singular_name; //ändra detta därefter
WPBeginner Support
Thank you for sharing this code as another option
Admin
Keyur
Tusen tack för denna kod – detta hjälpte mig att lösa mitt problem under den senaste veckan. Jag försökte själv men lyckades inte, men med din kod fick jag det att fungera.
Tack än en gång.
Aleksandar
Tack så mycket, jag behövde detta för anpassad taxonomi i brödsmulor.
sami
Vad händer om vi vill hämta namnet/titeln på taxonomi -> termer utanför loopen med wp Query på en sidmall? Dessutom, hur hämtar man namnet/titeln på taxonomin i samma scenario.
Tack
Kalle Pedersen
Noob question here: where is the “archive page” in which I need to paste the above code? Have tried it in different pages, but to no avail
Abel
archive.php-fil
sylee
Tack så mycket!
Nechemya K
Hej.
Jag försöker bygga en webbplats för filmer.
Jag har några inläggstyper som filmer, tv och mer
Och jag har några taxonomier som: regissörer. Stjärnor. År. Och mer.
Hur kan jag få taxonomisidor att bara visa titeln på filmernas inläggstyp på sidan?
För när jag ber att visa alla inlägg i denna tax, visas alla inlägg från alla typer
Tack för din hjälp.
Redaktionell personal
Svaret finns här:
http://codex.wordpress.org/Class_Reference/WP_Query#Type_Parameters
Admin
Aaron
Titeln och första stycket lovar instruktioner om hur man får URL:en, men jag ser ingen hänvisning till hur man gör det i artikelns brödtext.
Redaktionell personal
Det andra kodavsnittet visar precis hur man gör det.
Admin
Pete
Jag använder bara detta inuti loopen
Pete
<?php single_tag_title(); ?>
Pete
och detta för termen/taggens beskrivning
<?php $description = get_queried_object()->description; ?>
<?php echo $description; ?>
Pete
Det här forumsinlägget kan också vara användbart…
http://wordpress.org/support/topic/how-to-display-custom-taxonomy-tags-outside-the-loop
P.s. kan wpbeginner vara snäll och inte ha “Prenumerera på WPBeginner-uppdateringar (veckovis e-post)” förbockat som standard varje gång jag lägger in en kommentar, det är väldigt irriterande och lite oetiskt… tack.
Saad
Du gjorde min dag Jag har letat efter detta så länge tack så mycket :). det kommer verkligen att hjälpa mig att bygga ett nytt tema för min blogg.
Frank Pereiro
Detta är verkligen, verkligen trevligt.
Jag önskar att det fanns fler inlägg om taxonomier som detta.
Tack så mycket för att du delade med dig
Redaktionell personal
We can definitely work on that
Admin