Jak dostosować widget Chmura Tagów WordPress

Zamieszczono przez

Wyświetlanie chmury tagów to jeden z tych szczegółów na stronie internetowej z których większość odwiedzających nie korzysta, ale wpływają one na ostateczny osąd całości. Warto więc o nie zadbać by zamiast szpecić całość cieszyły oko.

Jest wiele sposobów na edycję wyglądu sekcji tagów. Osobiście jestem fanką najprostszych rozwiązań, dlatego też często ostylowuję tagi za pomocą ogólnej klasy tego widgetu .tagcloud dzięki której można nadać jej praktycznie dowolny wygląd.

Np.:

.tagcloud a { margin:0 4px 8px 0; background: #06B8D7; border: 1px solid #06B8D7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 1px 8px 2px; color: #fff;}
.tagcloud a:hover {border: 1px solid #eaeaea; color: #777; background: #F9F9F9;}

Gdy potrzebuję nanieść zmiany w sposobie prezentowania danych, wówczas sięgam po filtr widget_tag_cloud_args .

Rozmiar tekstu
W standardzie WordPress dla najczęściej występujących tagów używa 22pt, a dla najrzadszych okazów 8pt.

function custom_tag_cloud_widget($args) {
	$args['largest'] = 25; 
	$args['smallest'] = 15; 
	$args['unit'] = 'px'; 
	return $args;
}
add_filter( 'widget_tag_cloud_args', 'custom_tag_cloud_widget' );

15 – wielkość najmniejszego tagu
25 – wielkość największego tagu
px – zmiana jednostki fontu z punktów na piksele

Ilość wyświetlanych tagów

W standardzie WordPress wyświetla do 45 tagów. Możemy to zmienić dodając poniższą linię do w/w kodu:

$args['number'] = 0;

„0” wyświetli wszystkie dostępne tagi. Możesz naturalnie swoją wartość w miejsce 0.

Usuwanie poszczególnych tagów z chmury

Aby usunąć tag z chmury w widgecie wystarczy do zaprezentowanego kodu dodać poniższą linię z ID poszczególnych tagów.

$args['exclude'] = array(35, 87);

Pełna lista parametrów na codex.wordpress.org

Dodaj komentarz