Suggerimento rapido utilizzare la funzione wp_tag_cloud () di WordPress nel modo giusto

Sappiamo tutti che i tag sono una parte vitale delle tassonomie di WordPress, che sono un modo di raggruppare le cose. I tag vengono creati al volo durante la creazione di post e ci aiutano a individuare post simili collegati da tag specifici. Generalmente in un blog WordPress, diversi tag sono raggruppati all'interno di un tag cloud e la dimensione di ciascun tag determina la frequenza dei suoi incarichi nei post. Qui esamineremo l'uso corretto di wp_tag_cloud () funzione, che è responsabile di tutti questi tag cloud.

introduzione

Questa è la principale funzione integrata per visualizzare i tag associati ai tuoi post recenti, all'interno del tag cloud.

  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' => true); ?>

Il codice WordPress wp_tag_cloud () pagina ha una chiara spiegazione di tutti i parametri di questa funzione, ma continuiamo a discuterne rapidamente.

'Piccolo' - Questo parametro è di tipo intero e specifica la dimensione minima del testo del tag nel cloud
'maggiore' - Questo parametro è di tipo intero e specifica la dimensione massima del testo del tag nel cloud
'numero' - Questo parametro specifica il numero totale di tag da visualizzare nel cloud. Puoi specificarlo come '0' se vuoi che tutti vengano visualizzati
'formato' - Questo parametro specifica il formato della visualizzazione cloud. Può essere qualsiasi di 'piatto','elenco', o 'schieramento'
'separatore' - Questo parametro specifica il separatore all'interno dei tag nel cloud
'Topic_count_text_callback' - Questo parametro mostra il numero di post associati a ciascun tag attraverso un suggerimento
'tassonomia' - Questo parametro specifica il tipo di tassonomia di WordPress che può essere utilizzato all'interno del tag cloud. Qui il valore predefinito è l 'post_tags'ma puoi anche usare una tassonomia personalizzata

Questi parametri svolgono un ruolo chiave nella personalizzazione del cloud di tag.

uso

WordPress ha un widget Tag Cloud predefinito che può essere posizionato nell'area appropriata della pagina. Ma senza usare un widget puoi usare il wp_tag_cloud () funzione per visualizzare e personalizzare la nuvola di tag nel tuo blog. È possibile specificare i parametri in diversi modi.

Parametri separati da '&' in una semplice stringa inline.

Specifica dei parametri in formato array.

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

Specificando solo i parametri selezionati, il resto viene mantenuto come predefinito.

Restituisci il tag cloud come una matrice senza visualizzarla nel blog. Questo risultato può essere utilizzato successivamente all'interno del codice PHP.

Esempi pratici

Esempio 1 Visualizza il Tag Cloud nella sidebar o nel piè di pagina del tuo tema

Crea una funzione nel tuo functions.php file e restituire il wp_tag_cloud () funzione. Una volta definito, puoi chiamare la funzione ovunque all'interno del tuo blog.

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

Ora apriamo il nostro sidebar.php e chiama la funzione per visualizzare la nuvola di tag.

  Tag popolari'; my_cloud (); ?>

Aggiungiamo un po 'di stile CSS nel nostro style.css file per rendere la nuvola di tag più professionale.

 .mycloud a background: # FFC414; colore: # 0000FF; display: blocco in linea; margine: 0 4px 8px 0; imbottitura: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 10px;  .mycloud h3 font-style: italic; font-weight: bold; font-size: 30px; colore: # FF00FF; font-family: Comic Sans;

Ora sembra così:

Allo stesso modo usando lo stesso nel footer.php del nostro tema.

Puoi renderlo più bello aggiungendo i tuoi stili CSS personalizzati.

Aggiungendo diversi parametri all'interno di wp_tag_cloud () funzione nel functions.php file possiamo personalizzare la nostra nuvola di tag. Ad esempio, se desideri includere sia i tag che le categorie nel tag cloud o piuttosto nel cloud della tassonomia, la funzione può essere scritta come:

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

Esempio 2 Crea una pagina Tag Cloud per il tuo blog

A volte non ti piace mantenere il tag cloud nella sidebar o nel footer e creare una pagina separata per mantenere pulito il tuo blog. Puoi farlo usando il seguente metodo.

Inizialmente crea un modello di pagina personalizzato nella cartella del tema con il wp_tag_cloud () funzione. Qui abbiamo chiamato il file tagcloud.php.

Ora accedi al tuo amministratore di WordPress e vai a Pagine -> Aggiungi nuovo. Metti un buon titolo per la pagina e poi sotto il Attributi della pagina sezione scegliere il Modello come Tag Cloud e quindi fare clic su Aggiornare. Questo è tutto; la tua pagina di tag cloud è pronta. Puoi modellare la pagina con i tuoi stili CSS personalizzati.

Esempio 3 Crea una casella di scorrimento della nuvola di tag per la sidebar

A volte vogliamo che i nostri utenti selezionino i tag da una casella scorrevole nella nostra barra laterale. Per realizzare ciò dobbiamo creare una funzione nel nostro functions.php file.

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

Nella funzione sopra abbiamo considerato il formato array di wp_tag_cloud () funzione, insieme al fatto che la dimensione del carattere è stata mantenuta uguale e l'elenco è stato ordinato per nome in ordine crescente.

Ora apri il tuo sidebar.php e chiama questa funzione.

 Si prega di selezionare il tag

Lascia che lo modelliamo con alcuni CSS.

 #cloud background: #FFFFCC; altezza: 200 px; larghezza: 200 px; margine: 0 auto; overflow: scroll; border: 4px solid # 000000; imbottitura: 2px; allineamento del testo: giustificare;  #cloud a background: # 400000; colore: # FFFF00; display: blocco in linea; margine: 0 4px 8px 0; imbottitura: 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; colore: # FF9900; font-family: Comic Sans;

Finalmente sembra:

Grazie per la lettura e sentiti libero di suggerire altri usi di questo molto utile wp_tag_cloud () funzione.

Codice