Sådan gør du tags usynlige i WordPress — Trin-for-trin guide

Uden at vide, hvordan man gør tags usynlige i WordPress, er den eneste måde at få dem til at forsvinde ved at slette dem og aldrig bruge tags igen.

Fra et brugersynspunkt er tags vigtige. De hjælper dine besøgende med at finde mere relevant indhold eller produkter til det indhold, de allerede ser.

Skjulning af tags i WordPress sker med CSS. Du kan gøre tagelementet usynligt, eller du kan tvinge det til ikke at blive vist. Begge er simple redigeringer.



Sådan gør du tags usynlige i WordPress

Brug en browserinspektør til at finde klassenavnet på tag-taksonomien. De fleste temaer bruger 'post_tags'. WooCommerce-produkter bruger 'tagged_as'. Indtast klasseelementet i 'Yderligere CSS' med enten visibility:hidden eller display:none. Hvis du skjuler det, indlæses elementet, sidstnævnte deaktiverer indlæsning af tags.

Tjek først dine WordPress-temaindstillinger

Alle WordPress-temaer har forskellige funktioner. Nogle giver dig mulighed for et enkelt klik til at deaktivere og aktivere visse elementer.

Andre kræver, at du bruger CSS til at kontrollere dit websteds udseende.

For at se, om dit tema giver muligheden med et enkelt klik for at gøre dine tags usynlige, skal du klikke på tilpasningsindstillingen i din udseendemenu. (placeret i venstre sidebjælke på dit WP admin dashboard).

Se efter en sektion mærket 'blogindstillinger'. Hvis muligheden er tilgængelig, vil der være et afkrydsningsfelt til enten at vise eller skjule indlæggets meta.

Post-meta er mere end dine tags. Det inkluderer postdato, forfatternavn, kategorier og tags. Hvis du opsætter brugerdefinerede taksonomier, skjuler metaen for skjul indlæg også dem.

Hvis du vil holde nogle meta synlige, såsom dine kategorier for at hjælpe med navigation, vil det være nødvendigt at redigere din CSS.

Meget få temaer er kodet til kun at målrette individuelle elementer som WordPress-tags.

De fleste vil holde indstillingerne brede ved at deaktivere eller aktivere alle post-meta i stedet for kun et eller to elementer.

For at gøre det skal du redigere CSS (stylesheet.css). Den hurtigste måde er at bruge WordPress CSS Customizer.

For at bruge det skal du identificere det klasseelement, der styrer tags på dit WordPress-tema. Intet tema er kodet ens.

Sådan finder du tagelementet, der skal skjules med CSS

De fleste moderne browsere har en inspektionstilstand. I Chrome skal du højreklikke på det element på en side, du vil redigere, og derefter vælge undersøg.

Kildeinspektøren vil indlæse og vise kildekoden for det fremhævede element.

Den del, du skal bruge, er elementet .

På WooCommerce-produktsider styres tags af klassen 'tagged-as'. På blogindlæg er tags sat efter hvad temaudvikleren end har kaldt klassen. Normalt er det post_tags.

Brug dit browserinspektionsværktøj til at identificere navnet på det element, der styrer dine tags.

Gå derefter til dit WP-admin-dashboard, rul til menuen 'Udseende' i venstre sidebjælke, vælg 'tilpas', og vælg derefter 'Yderligere CSS'.

Indsæt koden:

.tagged_as {
visibility:hidden
}

I eksempelkoden ovenfor er 'tagged-as' den kode, der bruges på en WooCommerce-produktside. Erstat 'tagged-as' med klassenavnet for dit tema.

Afhængigt af hvor mange tags du har brugt, da du satte produktet eller blogindlægget op, kan der stadig være en masse hvid plads.

Hvis du skjuler synligheden, indlæses stadig tags. Det viser sig bare ikke.

Hvis koden efterlader for meget hvidt mellemrum, eller du helst ikke vil have tags indlæst overhovedet, skal du bruge CSS-koden: display:none.

.tagged_as {
display:none
}

Hvad er forskellen mellem synlighed og visning i CSS?

Visibility:hidden CSS-koden indlæser elementet, men skjuler det på sidevisningen. Det er som hvid tekst på en hvid baggrund. Det er der, men det kan ikke ses.

Display:none-koden forhindrer elementet i at indlæse.

Skærmlæsere vil heller ikke læse den skjulte tekst. Hvad der ikke kan ses, bliver ikke hørt.

Når du kun har et lille antal tags at gøre usynlige, vil forskellen knap være mærkbar. Det tomme hvide mellemrum bliver tydeligt, når du bruger visibility:hidden på en side med snesevis af tags.

Sådan gør du tags usynlige på visse sider i WordPress

Når du ønsker at holde tags på resten af ​​dit websted synlige, men skjule dem på bestemte sider, kan du bruge CSS til kun at skjule elementet på en enkelt side.

Du kan også målrette mod flere sider med den samme kode blot ved at tilføje flere CSS-blokke i afsnittet Yderligere CSS.

Når du er logget ind på WordPress, skal du gå til 'alle indlæg' og enten se en forhåndsvisning af det indlæg, du vil skjule tags på, eller svæv over forhåndsvisningsknappen. Når du er logget ind, vises post-id'et i URL'en på WordPress-domæner.

Dit websted[.]com/wp-admin/post.php?post=388&action=edit

I eksemplets URL er 388 post-id'et. Brug indlægs-id'et til det indlæg eller den side, du vil skjule tags på.

.post-id-388 .tagged-as {
display:none;
}

Som før kan du bruge display:none-koden til at stoppe elementet i at indlæse, eller du kan gøre det usynligt, men stadig til stede i baggrunden ved at bruge visibility:hidden-koden i stedet for display:none.

Sådan bruges WordPress-tags korrekt

Formålet med WordPress-tags er at hjælpe med hjemmesidenavigation. Den tekniske betegnelse for dem i WordPress er en taksonomi.

De to mest almindelige taksonomier er kategorier og tags. Begge er der for at hjælpe med at strukturere dit indhold; at hjælpe brugerne med at finde det, de vil have, og som du har nemmere.

Korrekt brug af tags i WordPress

At kategorisere produkter i WooCommerce-butikker og tilføje en ekstra søgefunktion til et WordPress-websted.

Brugere klikker på et tag, og hvis du har dem organiseret korrekt, bliver alle andre relaterede/relevante indlæg eller produkter returneret.

Forkert brug af tags i WordPress

Føj søgeord til dit indlæg og tro, at det vil forbedre søgemaskineoptimering. Den vil ikke.

WordPress-tags er en taksonomi. Formålet, de tjener, er at tilføje struktur til din hjemmeside. Det ligner dine kategorier, men kerneforskellen er, at du ikke behøver at bruge dem.

Med kategorier skal du inkludere én kategori pr. indlæg.

Ellers vil den blive udgivet til den ukategoriserede kategori, så din hjemmeside ser ud og føles som om den ikke er korrekt vedligeholdt.

WordPress-tags er på den anden side en understøttende taksonomi til kategorier. Brug dem til at hjælpe besøgende med at finde relaterede indlæg, mens dine kategorier holdes brede.

Eksempel på brug af tags til mikrostruktureringsindhold

Ved at bruge dette websted som eksempel, er en kategori 'programmering'. Der er mange programmeringssprog. PHP, Python, Ruby, SQL, JavaScript, C++ osv.

På et niche-programmeringswebsted kunne hvert sprog være en underkategori.

I stedet for at tilføje en underkategori for hvert sprog, kan indlæg tagges med det relevante. WordPress understøtter et uendeligt antal underkategorier.

Generelt vil mere end to eller tre underkategorier gøre navigation kedelig. Det bliver for meget klik for en bruger at nå deres destination.

Hvad er forskellen mellem WordPress-kategorier og tags

  • Kategorier er hierarkiske
  • Tags er ikke

Du kan have en kategori og underkategorier. Du kan ikke have sub-tags. Tags er designet til at være enkeltstående søgeord eller virkelig korte søgeordssætninger.

I praksis kunne en kategori for programmering opdeles i to. Client-side og Server-side. Det kunne være kategorier på øverste niveau. Underkategorier ville være sprogene for de to.

> /kategori/klientside
> JavaScript
> CSS
> HTML.
> AJAX

> /kategori/serverside
> Python
> Ruby on Rails
> SQL
> Perl

I stedet bruger strukturen på dette websted tags til at navigere i indlæg inden for kategorier.

Forskellen er antallet af klik, en besøgende skal udføre for at nå en destination. En underkategori er et ekstra klik for den besøgende.

Tags indsnævrer emnerne, hvilket øger relevansen uden at skulle omstrukturere kategorier.

Hav altid brugeroplevelsen i tankerne, når du strukturerer dit indhold. Brug tags i WordPress for at gøre navigationen nemmest for dine brugere.

Når tags bliver rodet, er redigering af CSS, hvordan man gør tags usynlige i WordPress.

Derefter kan du omstrukturere eller organisere dit websted for at implementere tagging korrekt, og derefter fjerne CSS'en for at gøre tags synlige, når jobbet er fuldført.