Sfat rapid Utilizarea WordPress wp_tag_cloud () funcționează corect

Știm cu toții că etichetele reprezintă o parte vitală a taxonomiilor WordPress, care reprezintă o modalitate de a grupa lucrurile împreună. Etichetele sunt create în timp ce creați postări și ne ajutați să găsim postări similare legate de anumite etichete. În general, într-un blog WordPress, diferite etichete sunt grupate în interiorul unui tag cloud și mărimea fiecărei etichete determină frecvența atribuțiilor sale la postări. Aici vom examina modul în care se utilizează corect wp_tag_cloud () funcție, care este responsabil pentru toate aceste nori tag.


Introducere

Aceasta este funcția principală încorporată pentru afișarea etichetelor asociate postărilor dvs. recente, în cadrul cloud-ului de etichete.

  8, cel mai mare = 22, 'unitate' => 'pt', 'număr' => 45, 'format' => numele "'>', 'exclude' => null, 'include' => null, 'topic_count_text_callback' => default_topic_count_text, , 'echo' => true); ?>

Codul WordPress wp_tag_cloud () pagina are o explicație clară a tuturor parametrilor acestei funcții, dar totuși să discutăm rapid cele importante.

  • „Mai mic“ - Acest parametru este de tip integer și specifică dimensiunea minimă a textului din eticheta cloud
  • „Cea mai mare“ - Acest parametru este de tip integer și specifică dimensiunea maximă a textului din eticheta cloud
  • 'număr' - Acest parametru specifică numărul total de etichete care vor fi afișate în cloud. Puteți să o specificați ca "0" dacă doriți ca toate acestea să fie afișate
  • 'format' - Acest parametru specifică formatul afișării cloud. Poate fi oricare dintre "apartament","listă"sau"mulțime'
  • 'separator' - Acest parametru specifică separatorul din etichetele din nor
  • 'Topic_count_text_callback' - Acest parametru arată numărul de postări asociate fiecărei etichete printr-o sugestie de instrument
  • „Taxonomie“ - Acest parametru specifică tipul de taxonomie WordPress care poate fi folosit în cloud-ul tag-urilor. Aici implicit este "post_tags"dar puteți folosi și o taxonomie personalizată

Acești parametri joacă un rol cheie în personalizarea cloud-ului tag-urilor.


folosire

WordPress are un widget implicit pentru Tag Cloud, care poate fi plasat în zona corespunzătoare a paginii. Dar fără a utiliza un widget puteți utiliza wp_tag_cloud () pentru a afișa și personaliza cloud-ul tag-urilor în blog. Puteți specifica parametrii în mai multe moduri.

Parametrii separați de '&' într-un șir simplu inline.

 

Specificarea parametrilor în format matrice.

  '10', 'cel mai mare' => '50', 'unitate' => 'px', 'number' => '45', 'separator' => '::', 'orderby' => 'comanda' => 'RAND')); ?>

Specificând numai parametrii selectați, restul sunt păstrați ca implicit.

 

Returnați norul tag-urilor ca un tablou fără a le afișa în blog. Acest rezultat poate fi folosit ulterior în cadrul codului PHP.

 

Exemple practice

Exemplu 1 Afișați cloud-ul Tag în bara laterală sau subsol a temei

Creați o funcție în dvs. functions.php fișier și returnați wp_tag_cloud () funcţie. Odată definită, puteți apela funcția oriunde în blog.

 funcția my_cloud ($ echo = false) if (funcția_există ('wp_tag_cloud')) returnează wp_tag_cloud (); 

Acum, să ne deschidem sidebar.php și apelați funcția pentru a afișa norul tagului.

 
Tag-uri populare„; my_cloud (); ?>

Să adăugăm un stil CSS în stilul nostru style.css fișier pentru a face nor nor tag arata mai profesionist.

 .mycloud a background: # FFC414; culoare: # 0000FF; afișare: inline-block; margine: 0 4px 8px 0; padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 10px;  .clcloud h3 font-style: italic; font-weight: bold; font-size: 30px; culoare: # FF00FF; font-familie: Comic Sans; 

Acum se arată astfel:

În mod similar, folosind același lucru în footer.php din tema noastră.

Puteți face mai frumos adăugând propriile stiluri CSS personalizate.

Prin adăugarea de parametri diferiți în cadrul wp_tag_cloud () funcția în functions.php fișierul ne putem personaliza norul de etichete. De exemplu, dacă doriți să includeți atât etichetele, cât și categoriile dvs. în cloud-ul tag-urilor sau mai degrabă în cloud-ul taxonomiei, atunci funcția poate fi scrisă ca:

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

Exemplu 2 Creați o pagină cu cloud tag pentru blogul dvs.

Uneori nu vă place să păstrați norul tag-urilor în bara laterală sau subsol și să creați o pagină separată pentru a păstra blogul dvs. curat. Puteți face acest lucru utilizând următoarea metodă.

La început creați un șablon de pagină personalizat în dosarul tematic cu wp_tag_cloud () funcţie. Aici am numit dosarul tagcloud.php.

   

Acum conectați-vă la administratorul dvs. WordPress și mergeți la Pagini -> Adăugați noi. Pune un titlu bun pentru pagină și apoi sub Atribute de pagină selectați secțiunea Format ca Tag Cloud și apoi faceți clic pe Actualizați. Asta e; pagina dvs. de cloud tag este gata. Puteți modela pagina cu propriile stiluri CSS.

Exemplu 3 Creați o casetă de derulare a cloud-ului Tag pentru bara laterală

Uneori vrem ca utilizatorii noștri să aleagă etichete dintr-o casetă scrollabilă în bara noastră laterală. Pentru a realiza acest lucru trebuie să creăm o funcție în cadrul nostru functions.php fişier.

 (de exemplu, "clusterbox") if (function_exists ('wp_tag_cloud')) $ tags = wp_tag_cloud (array (' 'ASC', 'format' => 'array')); foreach ($ tag-uri ca $ tag) echo $ tag. '
„;

În funcția de mai sus am luat în considerare formatul matricei wp_tag_cloud () , împreună cu faptul că dimensiunea fontului a fost păstrată la fel și lista a fost ordonată după nume în ordine ascendentă.

Deschide-ți acum sidebar.php și apelați această funcție.

 

Selectați eticheta

Să-l stil cu unele CSS.

 #cloud background: #FFFFCC; înălțime: 200px; lățime: 200px; marja: 0 auto; overflow: parcurgere; frontieră: solid 4px # 000000; padding: 2px; text-align: justify;  #cloud a background: # 400000; culoare: # FFFF00; afișare: inline-block; margine: 0 4px 8px 0; padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 15px;  #text font-style: italic; font-weight: bold; font-size: 20px; culoare: # FF9900; font-familie: Comic Sans; 

În cele din urmă se pare că:

Vă mulțumim pentru citire și vă rugăm să vă simțiți liber să sugerați mai multe utilizări ale acestui lucru foarte util wp_tag_cloud () funcţie.

Cod