Kilka słów o tagach

Dziś gościnnie wpis Janusza Kamińskiego z Template Monster o ciekawym wykorzystaniu tagów.

Jednym z klasycznych sposobów na ułatwienie nawigacji na blogu jest dodanie tagów do wpisów. Dzięki nim można szybko znaleźć artykuły, które w ten lub inny sposób są powiązane z interesującym słowem kluczowym. Wystarczy kliknąć w odpowiedni tag, aby zobaczyć wszystkie powiązane z nim wpisy. Jest to bardzo proste.
WordPress posiada wygodny widget do wyświetlenia tagów na stronie.
Standardowy widget pozwała na ustawienie tytułu i wybór taksonomii do wyświetlenia słów kluczowych (Rys. 1). To mogą być kategorie, tagi lub kategorie odnośników.

Rysunek 1. Ustawienia chmurki tagów

Dzięki chmurce tagów słowa kluczowe będą dostępne nie tylko na stronie z wpisem (najczęściej są wyświetlane na końcu artykułu), lecz także na panelu bocznym (Rys. 2).

Rysunek 2. Tagi na panelu bocznym

Jak widać z Rysunku 2 wszystkie tagi wyświetlane są w porządku alfabetycznym. Na przykładowej stronie jest ich tylko dziewięć. Ale co robić, gdy takich tagów będzie, na przykład sto? W tym przypadku poszukiwanie potrzebnego słowa nie jest już takim prostym zadaniem. Aby ułatwić wyszukiwanie potrzebnych tagów istnieje wiele alternatywnych wtyczek, które pozwalają je wyświetlać. Oprócz tego, można modyfikować kod motywu w zależności od potrzeb projektu.
Poniżej pokażemy, jak może wyglądać chmurka tagów po małych korektach.
Podczas modyfikacji własnego bloga wynikła potrzeba, aby wyświetlać tagi dla każdej litery osobno. Okazało się, że takie podejście znacznie ułatwia poszukiwanie potrzebnego słowa kluczowego wśród setek innych tagów.
Aby dodać niestandardową chmurkę tagów należy zmodyfikować plik functions.php domyślnego motywu. Przejdziemy do niego za pomocą wbudowanego edytora, który znajduje się w sekcji Wygląd – Edytor ( Rys. 3).

Rysunek 3. Edytowanie pliku functions.php

Dalej otwieramy plik funkcji motywu i wstawiamy na końcu następny kod:

// shortcode [alltags] dla tagów
function wph_alltags_shortcode($atts, $content) 
        {
        $posttags = get_tags();
           if($posttags) {
           $output = ' ';
            foreach($posttags as $tag) 
             {
             $l = mb_strtoupper(mb_substr($tag->name,0,1,'UTF-8'),'UTF-8');

              if ($L != $l) { 
               if ($L) $output .= ' ';
                  $L = $l;
                  $output .= ' '.$L.' ';
              }
             $output.=''.$tag->name.' ';
             }
            $output .= ' ';
           }
          return $output;
}
   
add_shortcode('alltags', 'wph_alltags_shortcode');

Za pomocą funkcji function wph_alltags_shortcode tworzymy shortcode [alltags], który będzie wyświetlał nową chmurkę tagów na stronie. Dzięki temu możemy dodać shortcode nie tylko na panel boczny, lecz także w dowolnym miejscu na stronie.
Pokażemy jak działa ten shortcode w panelu bocznym strony.
W sekcji Wygląd – Widgety i za pomocą techniki „Przyciągnij-i-Upuść” przesuniemy widget „Tekst” na panel boczny. Teraz można dodać do pola tekstowego shortcode [alltags] (Rys. 4) i zapisać wprowadzone zmiany.

Rysunek 4. Dodajemy shortcode do widgetu Tekst

Po przejściu na stronę domową zobaczymy zmodyfikowaną chmurkę tagów (Rys. 5):

Rysunek 5. Chmurka tagów na panelu bocznym

Jak widać z Rysunku 5 nasza nowa chmurka tagów jest bardziej wygodna do poszukiwania słów kluczowych niż standardowe rozwiązanie.
Powyższy kod można dostosować również do wyświetlenia kategorii. Będzie miał on taki wygląd:

function wph_allcats_shortcode($atts, $content) {
$categories = get_categories();
if($categories) {
$output = ' ';

  foreach($categories as $cat) 
    {
     $l = mb_strtoupper(mb_substr($cat->name,0,1,'UTF-8'),'UTF-8');
          if ($L != $l) { 
              if ($L) $output .= ' ';
               $L = $l;
               $output .= ' '.$L.' ';
              }

              $output.=''.$cat->name.' ';
            }
      $output .= ' ';
       }
  return $output;
}
add_shortcode('allcats', 'wph_allcats_shortcode');

W tym przypadku shortcode do dodania na stronę to [allcats]. Możecie samodzielnie sprawdzić jak on działa. Dlatego do widgetu Text należy dodać shortcode [allcats] przez analogię z shortcode [alltags].

Podsumowanie
Za pomocą tagów można nie tylko utrzymywać czytelnika na blogu, lecz także mieć porządek w artykułach. Jest to prosty sposób na znalezienie powiązanych wpisów na blogu i szybkiego poruszania się na stronie. Jeśli nie macie jeszcze widgetu z tagami do artykułów oraz kategorii, polecamy aby zastanowić się nad wykorzystaniem tego rozwiązania. A gdy planujecie wprowadzić taki widget, być może nasze rozwiązanie będzie dla Was przydatne.

P.S. Czy używacie chmurki tagów na blogu? Z jakiego rozwiązania korzystacie najczęściej?

________________

Autor: Janusz Kamiński, specjalista działu marketingu firmy TemplateMonster (https://templatemonster.com/pl/).  W branży IT pracuje od 5 lat. Posiada doświadczenie w SEO, marketingu internetowym. Oprócz tego interesuje się projektowaniem stron internetowych.