Snelle tip Gebruik de WordPress wp_tag_cloud () functie op de juiste manier

We weten allemaal dat tags een essentieel onderdeel zijn van WordPress-taxonomieën, die een manier zijn om dingen samen te voegen. Tags worden on the fly gemaakt tijdens het maken van berichten en helpen ons om vergelijkbare berichten te vinden die zijn gekoppeld aan bepaalde tags. Over het algemeen zijn in een WordPress-blog verschillende tags gegroepeerd in een tagwolk en bepaalt de grootte van elke tag de frequentie van de toewijzingen aan berichten. Hier zullen we kijken naar het juiste gebruik van de wp_tag_cloud () functie, die verantwoordelijk is voor al deze tag clouds.

Invoering

Dit is de belangrijkste ingebouwde functie om de tags te tonen die aan uw recente berichten zijn gekoppeld, in de tagwolk.

  8, 'largest' => 22, 'unit' => 'pt', 'number' => 45, 'format' => 'flat', 'separator' => "\ n", 'orderby' => ' name ',' order '=>' ASC ',' exclude '=> null,' include '=> null,' topic_count_text_callback '=> default_topic_count_text,' link '=>' view ',' taxonomy '=>' post_tag ' , 'echo' => waar); ?>

De WordPress Codex wp_tag_cloud () pagina heeft een duidelijke uitleg van alle parameters van deze functie, maar laten we toch snel de belangrijke parameters bespreken.

'Kleinste' - Deze parameter is van het type integer en specificeert de minimale tekstgrootte van de tag in de cloud
'Grootste' - Deze parameter is van het type integer en specificeert de maximale tekstgrootte van de tag in de cloud
'aantal' - Deze parameter geeft het totale aantal tags aan dat in de cloud moet worden weergegeven. U kunt het als '0' specificeren als u wilt dat ze allemaal worden weergegeven
'formaat' - Deze parameter geeft de indeling van het cloudscherm aan. Het kan een van 'vlak','lijst', of'rangschikking'
'Separator' - Deze parameter geeft het scheidingsteken aan binnen de tags in de cloud
'Topic_count_text_callback' - Deze parameter toont het aantal berichten dat aan elke tag is gekoppeld via een tooltip
'Taxonomie' - Deze parameter geeft het type WordPress-taxonomie aan dat in de tagwolk kan worden gebruikt. Hier is de standaard de 'post_tagsmaar u kunt ook een aangepaste taxonomie gebruiken

Deze parameters spelen een belangrijke rol bij het aanpassen van de tagwolk.

Gebruik

WordPress heeft een standaard Tag Cloud-widget die in het juiste gedeelte van de pagina kan worden geplaatst. Maar zonder een widget te gebruiken, kunt u de wp_tag_cloud () functie om de tagwolk in uw blog weer te geven en aan te passen. U kunt de parameters op verschillende manieren opgeven.

Parameters gescheiden door '&' in één eenvoudige inline string.

Parameterspecificatie in matrixindeling.

  '10', 'largest' => '50', 'unit' => 'px', 'number' => '45', 'separator' => '::', 'orderby' => 'tellen', 'order' => 'RAND')); ?>

Specificeert alleen geselecteerde parameters, de rest wordt als standaard bewaard.

Retourneer de tagwolk als een array zonder deze in de blog weer te geven. Dit resultaat kan later in de PHP-code worden gebruikt.

Praktische voorbeelden

Voorbeeld 1 Geef de Tag Cloud weer in de zijbalk of voettekst van uw thema

Maak een functie in uw functions.php bestand en retourneer de wp_tag_cloud () functie. Zodra deze is gedefinieerd, kunt u de functie overal in uw blog oproepen.

 function my_cloud ($ echo = false) if (function_exists ('wp_tag_cloud')) return wp_tag_cloud ();

Laten we nu onze sidebar.php en roep de functie op om de tagwolk weer te geven.

  populaire tags'; my_cloud (); ?>

Laten we wat CSS-styling toevoegen in onze style.css bestand om de tagwolk professioneler te laten lijken.

 .mycloud a background: # FFC414; kleur: # 0000FF; weergave: inline-block; marge: 0 4px 8px 0; opvulling: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; grensradius: 20px; lettergrootte: 10px;  .mycloud h3 font-style: italic; lettertype: vet; lettertypegrootte: 30px; kleur: # FF00FF; font-family: Comic Sans;

Nu ziet het er zo uit:

Evenzo hetzelfde gebruiken in de footer.php van ons thema.

Je kunt het mooier maken door je aangepaste CSS-stijlen toe te voegen.

Door verschillende parameters toe te voegen binnen de wp_tag_cloud () functie in de functions.php bestand kunnen we onze tagwolk aanpassen. Als u bijvoorbeeld zowel uw tags als categorieën wilt opnemen in de tagwolk of liever in de taxonomiewolk, dan kan de functie worden geschreven als:

 wp_tag_cloud (array ('taxonomy' => array ('post_tag', 'category')));

Voorbeeld 2 Maak een Tag Cloud-pagina voor uw blog

Soms hou je niet van het houden van de tagwolk in je zijbalk of voettekst en het maken van een aparte pagina omdat het je blog schoon houdt. U kunt dit doen met behulp van de volgende methode.

Maak eerst een aangepaste paginasjabloon in uw themamap met de wp_tag_cloud () functie. Hier hebben we het bestand genoemd tagcloud.php.

Meld u nu aan bij uw WordPress-beheerder en ga naar Pagina's -> Nieuw toevoegen. Zet een goede titel voor de pagina en vervolgens onder de Paginakenmerken sectie kies de Sjabloon als Tag Cloud en klik vervolgens op Bijwerken. Dat is het; je tag cloud-pagina is klaar. U kunt de pagina opmaken met uw eigen CSS-stijlen.

Voorbeeld 3 Maak een Tag Cloud-scrollbox voor uw zijbalk

Soms willen we dat onze gebruikers tags selecteren in een schuifbaar vak in onze zijbalk. Om dit te bereiken, moeten we een functie creëren in onze functions.php het dossier.

 functie cloudbox () if (function_exists ('wp_tag_cloud')) $ tags = wp_tag_cloud (array ('smallest' => 10, 'largest' => 10, 'orderby' => 'naam', 'order' => 'ASC', 'format' => 'array')); foreach ($ tags als $ tag) echo $ tag. '
';

In de bovenstaande functie hebben we het array-formaat van de wp_tag_cloud () functie, samen met dat de lettergrootte hetzelfde is gebleven en de lijst is gesorteerd op naam in oplopende volgorde.

Open nu je sidebar.php en noem deze functie.

 Selecteer de tag

Laten we het opmaken met wat CSS.

 #cloud background: #FFFFCC; hoogte: 200 px; breedte: 200 px; marge: 0 auto; overloop: scrollen; border: 4px solid # 000000; opvulling: 2px; text-align: rechtvaardigen;  #cloud a background: # 400000; kleur: # FFFF00; weergave: inline-block; marge: 0 4px 8px 0; opvulling: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; grensradius: 20px; lettergrootte: 15px;  #text font-style: italic; lettertype: vet; lettertypegrootte: 20px; kleur: # FF9900; font-family: Comic Sans;

Eindelijk ziet het er als volgt uit:

Bedankt voor het lezen en aarzel niet om nog meer gebruik van dit zeer nuttige te suggereren wp_tag_cloud () functie.

Code