Menu
Jest wolny
rejestracja
Dom  /  Multimedia/ Galeria Wordpress z chmurą tagów. Ulepszanie chmury tagów WordPress za pomocą wtyczek

Galeria Wordpress z chmurą tagów. Ulepszanie chmury tagów WordPress za pomocą wtyczek

WP-Cumulus: chmura etykiet 3D na flashu (ulepszona wersja rosyjska). Wtyczka WP-Cumulus jest już stara i wielu o niej słyszało, a jeszcze więcej ją widziało. Zapewnia możliwość wyświetlania chmury etykiet w postaci obracającej się chmury 3D, bardzo pięknej. Powinieneś zobaczyć jego pracę powyżej. Autor wtyczek Roy Tanck.

Ściągnij

Obsługa wersji: WP 2.8+

Zrzuty ekranu

Ustawienia

Wszystkie ustawienia są opisane we wtyczce i nie powinno być żadnych pytań dotyczących zrzutów ekranu i pytań na ich temat. Może z wyjątkiem opcji wp_tag_cloud Parametry funkcji. W nim możesz określić, jak i które linki będą pokazywane w chmurze. Na przykład „liczba=20&wyklucz=12” wygeneruje tylko 20 etykiet, nawet jeśli jest ich więcej, i wykluczy etykietę 12 (identyfikator etykiety).

Wszystkie możliwe opcje tego ustawienia to:

  • najmniejszy - rozmiar tekstu dla etykiet z mniejszą liczbą wpisów. Wartość domyślna to 8.
  • największy - rozmiar tekstu dla etykiet z duża ilość dokumentacja. Wartość domyślna to 22.
  • unit - jednostka wielkości dla najmniejszej i największej. Może: pt, px, em, %. Domyślnie pkt.
  • number - maksymalna liczba etykiet do wyświetlenia. Jeśli jest ustawiony na 0, wszystkie etykiety będą wyświetlane bez ograniczeń. Wartość domyślna to 45.
  • wyklucz - wyklucz określone tagi. Musisz podać identyfikator oddzielony przecinkami.
  • include — pokaż tylko określone etykiety. Musisz podać identyfikator oddzielony przecinkami.
  • taksonomia — nazwa taksonomii, z której terminów zostanie zbudowana chmura. Dzięki tej opcji możesz wywnioskować terminy z dowolnej taksonomii, a nie tylko tagów czy kategorii.

Parametry są połączone z &: number=20&exclude=12 .

Wyjście w chmurze 3D w szablonie

Jeśli chcesz wyświetlić chmurę wp-cumulus bezpośrednio w szablonie, bez użycia widżetu lub shortcode, możesz użyć funkcji wp_cumulus_insert($options, $links) w kodzie szablonu. Wyjście można skonfigurować, przekazując żądane parametry. Ustawienia z panelu administratora zostaną nadpisane przez te parametry.

Parametry, które można przekazać:

$options = array("width" => "550", // szerokość flash "height" => "375", // wysokość flash "tcolor" => "ffffff", // kolor dużych linków "tcolor2" = > "ffffff", // small link color "hicolor" => "ffffff", // hover link color "bgcolor" => "333333", // background color "speed" => "150", // prędkość obrotu " trans" => "fałsz", // przezroczyste tło for flash "args" => "", // argumenty przekazane do funkcji wp_tag_cloud. Np.: large=20&smallest=12&number=40 "mode" => "tags", // które linki do wyświetlenia: tagi (tagi), koty (kategorie), oba (tagi i kategorie) "compmode" => "js", // embed code flash: js (javascript), empty (object) "showwptags" => 1, // czy wyświetlać linki HTML, jeśli flash jest wyłączony w przeglądarce); wp_cumulus_insert($opcje);

Przykłady danych wyjściowych chmury 3D w szablonie

#1 Wyświetlaj flashowy blok etykiet z białym tłem o rozmiarze 300x225 pikseli.

Aby to zrobić, otwórz plik motywu, na przykład sidebar.php i wklej następujący kod we właściwym miejscu:

"300", "wysokość"=>"225", "bgkolor"=>"ffffff")); ?>

#2 Wyprowadź chmurę 20 terminów dowolnej taksonomii „autorzy”, określ prędkość obrotową 300:

"taxonomy=autorzy&liczba20", "szybkość"=>"300")); ?>

#3 Wyświetl dowolne linki

Oprócz terminów taksonomicznych w chmurze mogą być wyświetlane dowolne linki. Ten przykład pokazuje, jak wyświetlić stałe strony, w tym celu podajemy drugi argument funkcji $links:

-1, "post_type" => "strona",)); // utwórz ciąg linków $links = ""; foreach($posts as $post)( $fsize = rand(12,28); $links .= "ID) ."">". $post->post_title .""; ) wp_reset_postdata(); // wypisz wp_cumulus_insert("", $links); ?>

Chmura 3D bez wtyczki

Jeśli nie chcesz podłączać wtyczki, chmurę można wycofać bez instalowania wtyczki. Dla tego:

    Pobierz to archiwum i umieść z niego folder (wp-cumulus-not-plugin) w dowolnym katalogu, niech będzie to katalog motywu;

  1. W miejsce szablonu, w którym chcesz wyświetlić chmurę, umieść plik wp-cumulus.php i użyj funkcji wp_cumulus_theme_flashcode($options, $links).
"600", // szerokość flash "height" => "450", // wysokość flash "tcolor" => "3D3644", // kolor dużych linków "tcolor2" => "7E748C", // kolor małych links " hicolor" => "DE1E1C", // kolor linku najechania "bgcolor" => "ffffff", // kolor tła "speed" => "300", // prędkość obrotu "mode" => "tagi", // wyświetl tagi (tagi), kategorie (koty) lub oba (oba) "args" => "largest=16&smallest=10&number=30", // argumenty przekazane do funkcji wp_tag_cloud //"folder_url" => get_stylesheet_directory_uri( ) . "/wp-cumulus-not-plugin/" // URL do folderu plików php)); ?>
Nie działa?

Funkcja wp_cumulus_theme_flashcode() podczas wyświetlania obiektu flash zawiera 2 pliki: swfobject.js i tagcloud.swf . Funkcja automatycznie określa adresy URL tych plików (muszą znajdować się w tym samym katalogu co plik wp-cumulus.php). Jeśli adres URL zostanie określony niepoprawnie, chmura może nie działać. Dlatego podczas wywoływania funkcji może być konieczne określenie parametru folder_url, w którym należy określić adres URL do folderu, w którym znajdują się te 2 pliki.

Czy chcesz umieścić swoje tagi w chmurze, czy raczej w dynamicznej chmurze, która zawsze jest w ruchu i przyciąga uwagę odwiedzających witrynę? Myślę, że tak, bo dzisiaj dostałam kilka listów z pytaniem: do bloga. A jeśli są tacy, którzy nadal nie wiedzą, czy tego potrzebują, czy nie, albo w ogóle nie wiedzą, o czym mówię, to po prostu zajrzyj na stronę główną mojego bloga i oceń jak Chmura tagów WordPress.

Przejdźmy do rzeczy: do zainstaluj chmurę etykiet wordpress trzeba zainstalować i aktywować podłącz WP Cumulus. Jednocześnie prosimy o UWAGA, że wtyczkę tę należy pobrać niezależnie z Internetu! Zdecydowanie rosyjska wersja! W przeciwnym razie, jeśli użyjesz wyszukiwania na karcie Dodaj wtyczkę, wyszukiwanie znajdzie angielską wersję tej wtyczki, która nie będzie działać poprawnie z Twoimi rosyjskimi tagami.

  1. PUA - Wtyczka - Dodaj wtyczkę - Prześlij plik.
  2. Aktywuj.
  3. Skonfiguruj wtyczkę.

Co to znaczy skonfigurować wtyczkę? I nie ustawiajmy tego i po prostu zobaczmy, jak nasza chmura wygląda na stronie!

Aby dodać chmurę do strony, wybierz widżet Label Cloud i przeciągnij go na pasek boczny. Gotowe? Następnie przejdź do oglądania strona główna Strona.

I jak? Wszystko dobrze?

  • Kolor tekstu, kolor tła pasuje?
  • Przetestuj tagi: kliknij dowolny tag i zobacz wynik. A tak przy okazji, czy kliknąłeś tag? Czy jesteś zadowolony z prędkości obrotowej?
  • Przy okazji zwróć uwagę, czy Twoja chmurka mieści się w wymiarach paska bocznego! Podczas początkowej instalacji rozmiar chmury nie pasował do mojego paska bocznego.
  • Gdzie znajdują się Twoje tagi? Nie sądzisz, że są stłoczeni razem? Jeśli tak, to zdecydowanie musisz sprawdzić ustawienia wtyczki, aby równomiernie umieszczać tagi w chmurze.

Dlatego w końcu wróćmy do strony ustawień chmury i naprawmy wszystko, co nam nie odpowiada.

Aby skonfigurować wtyczkę, kliknij LPM nazwę wtyczki WP Cumulus na karcie Ustawienia. Wprowadź potrzebne zmiany, wejdź na stronę i podziwiaj zmiany. Tylko UWAGA, po dokonaniu zmian koniecznie sprawdź, jak to wygląda w rzeczywistości, a jeśli już, przywróć parametry na swoje miejsce.

Nawiasem mówiąc, te same ustawienia wtyczki można wprowadzić, klikając opcję Chmura etykiet na karcie Widgety.

NIE ZAPOMNIJ! Zwracam uwagę na konieczność zaznaczenia pola

Rozmieszcza tagi w równych odległościach od siebie zamiast losowo

w przeciwnym razie Twoje tagi mogą zostać zebrane razem i nie będziesz czerpać przyjemności i piękna z chmury!

Nawiasem mówiąc, prawie zapomniałem cię ostrzec: podłącz należy ustawić tylko wtedy, gdy istnieje co najmniej jedna etykieta!!! Jeśli nie ma tagów, otwórz artykuły i dodaj tagi!!!

Podsumujmy:

  • dowiedziałem się, dlaczego potrzebujesz wtyczki WP Cumulus
  • pobierz wtyczkę WP Cumulus
  • nauczyłeś się instalować, aktywować, konfigurować podłącz WP Cumulus
  • nauczyliśmy, jak zainstalować chmurę etykiet wordpress do bloga

Testowałem tę chmurę przez trzy miesiące i zdecydowałem, że na razie usunę tę chmurę ze swojej strony. Przetestuję działanie bloga bez chmury etykiet.

W tym artykule przedstawię trzy sposoby wyświetlania chmury etykiet na blogu. Każda metoda wypłaty ma swoje zalety. Przyjrzyjmy się każdej metodzie osobno.

Pierwsza droga. Wyświetl chmurę etykiet z kodem php
Zaleta: chmura etykiet może być wyświetlana w dowolnym miejscu.

Nawiasem mówiąc, ostatnio ta metoda bardzo mi pomogła na jednej z moich witryn, ponieważ musiałem ustawić własny styl dla tytułu i samych etykiet.
Wada: musisz być w stanie pracować z kodami. Niestety nie każdy kocha, a nawet wie, jak coś naprawić w plikach.
Oto sam kod:

Chmura etykiet:

Wklej kod w dowolnym miejscu w pliku motywu (szablonu).

Dodatkowe opcje :

○ Parametr 'smallest' - określa rozmiar czcionki najmniej popularnego tagu.

○ Parametr 'największy' – określa wielkość czcionki w tagu, który cieszy się największą popularnością.

Łączymy dwa parametry „najmniejszy” i „największy” :

○ Parametr "liczba" - określa ilość tagów pokazywanych na stronie

○ parametr „orderby” – sortuje tagi po nazwie (nazwa) i popularności (liczba)

Lub

○ parametr "kolejność" - wyświetla chmurę tagów w kolejności alfabetycznej - ASC(A-Z), DESC(Z-A) i RAND (losowa kolejność wyprowadzania).

○ Parametr „wyklucz” pomoże wykluczyć niepotrzebne tagi z ogólnej listy. Identyfikatory etykiet są oddzielone przecinkami.

○ Parametr „include” – pomoże określić, które etykiety mają być wyświetlane wspólna lista. Identyfikatory etykiet są oddzielone przecinkami.

Drugi sposób

Zalety: jest szybki.
Wady: istnieją ograniczenia w ustawieniach i nie zawsze można je ustawić tak, jak chcesz.
Więc przejdź do panel administracyjny => "Wygląd" => "Widżety". Po lewej stronie znajdź widżet chmury etykiet. Kliknij na to

i wybierz dostępne miejsce do wstawienia widżetu.

Trzeci sposób. Wyświetlanie chmury tagów za pomocą wtyczki „wp-cumulus” lub „Tag Cloud Canvas”
„WP-Cumulus” lub „Tag Cloud Canvas” to wtyczka do tworzenia chmury tagów 3D w WordPressie i po instalacji chmura tagów wygląda tak:

Możesz pobrać wtyczkę WP-Cumulus i zobaczyć, jak jest skonfigurowana pod tym adresem:

https://mywordpress.ru/plugins/wp-cumulus-oblako-tegov/

Pobierz wtyczkę Tag Cloud Canvas:

https://wordpress.org/plugins/tag-cloud-canvas/

Zalety: piękny i szybki wydruk w chmurze etykiet.
Wady: nie zawsze pasuje do projektu bloga, a także dodatkowe obciążenie bloga.

To wszystko, przyjaciele! Życzę dobrego i udanego wyboru!

W tym poście przeanalizujemy wtyczkę WP-Cumulus który wyświetla etykiety (tagi) w postaci ruchomej kuli wolumetrycznej ( Lampa błyskowa).Chmura tagów wygodne, ponieważ odwiedzający nie będzie musiał szukać interesujących go artykułów we wszystkich nagłówkach, ale po prostu użyj tagów.

Instalacja i konfiguracja wtyczki

1. Twój wersja wordpress musi mieć wartość 2,3 lub wyższą. Chmura tagów dlaWzadzwoń nie będzie działać ze starszymi wersjami.

2. Pobierz wersję rosyjską, wrzucamy folder wp-cumulus do katalogu wtyczek ( wp-treść/wtyczki/).

3.Aktywuj wtyczkę w panelu administracyjnym.

Wszystkie ustawienia wtyczki znajdują się w ( Parametrpax\WP Cumulus). Jeśli nagle nie masz zaznaczenia w ustawieniach wtyczki, ( Rozłóż tagi równomiernie na kuli), to należy go ustawić. W przeciwnym razie tagi w chmurze wpadną na siebie i nie będzie to piękne.

Aby wyświetlić chmurę tagów Wordpress, masz trzy opcje.

1. Jeśli chcesz wkleić chmura wordpress do artykułu lub strony, dodaj do niego tag

Ten tag zostanie zastąpiony przez chmura tagów flash podczas przeglądania strony.

2. Do wklejania chmury tagów wordpress Korzystając z szablonu posługujemy się kodem:

3. Jeśli chcesz wyświetlić chmurę tagów na pasku bocznym, musisz przejść do ( Projekt\Widżety) i dodaj widżet.

Widżet posiada osobny zestaw ustawień, dzięki czemu możemy zmienić kolor tła, rozmiar itp.

Dostosuj ten widżet tak, jak chcesz i kliknij „ Zapisać".

Wszystko jest przetłumaczone na rosyjski, myślę, że zrozumiesz.

Wszyscy wiemy, że tagi są ważną częścią taksonomii WordPressa i służą jako narzędzie do ich porządkowania. Tagi są tworzone na bieżąco podczas procesu tworzenia postu i pomagają nam znaleźć podobne posty, które są powiązane z określonymi tagami. Zazwyczaj na blogu WordPress różne tagi są pogrupowane w chmurze tagów, a rozmiar każdego tagu zależy od tego, jak często jest używany w postach. W tym artykule dowiesz się, jak prawidłowo korzystać z funkcji wp_tag_cloud(), który jest odpowiedzialny za wszystkie te chmury tagów.

Wstęp

Jest to główna wbudowana funkcja jądra do wyświetlania tagów przypisanych do twoich postów, która wyświetla chmurę tagów.

8, "largest" => 22, "unit" => "pt", "number" => 45, "format" => "płaski", "separator" => "\n", "orderby" => " name", "order" => "ASC", "exclude" => null, "include" => null, "topic_count_text_callback" => default_topic_count_text, "link" => "view", "taksonomia" => "post_tag" , "echo" => prawda); ?>

Strona Kodeksu WordPress wp_tag_cloud() jasno wyjaśnia wszystkie te parametry funkcji, ale spójrzmy szybko na najbardziej podstawowe z nich.

  • „najmniejszy”– Ta opcja określa minimalny rozmiar tekstu w chmurze znaczników.
  • 'Największa'- Ten parametr określa największy rozmiar tekst w chmurze tagów.
  • 'numer'– To ustawienie określa całkowitą liczbę tagów wyświetlanych w chmurze tagów. Możesz podać „0”, jeśli chcesz, aby wszystkie zostały wprowadzone
  • 'format'– Ten parametr określa format wyświetlania chmury. Może przyjmować wartości ‘ płaski‘, ‘lista', lub ' szyk
  • 'separator'– Ten parametr definiuje separator tagów w chmurze
  • „topic_count_text_callback”- Ta opcja wyświetla liczbę wpisów przypisanych do każdego tagu jako podpowiedź
  • „taksonomia”– To ustawienie określa typ taksonomii WordPress, której można używać w chmurze tagów. Wartość domyślna to „ post_tags‘, ale możesz też użyć niestandardowych taksonomii

Parametry te odgrywają kluczową rolę w dostosowywaniu chmury tagów.

Stosowanie

WordPress posiada standardowy widget Tag Cloud, który można umieścić w odpowiednim obszarze strony. Jednak nawet bez korzystania z widżetu możesz korzystać z funkcji wp_tag_cloud() aby wyświetlić i dostosować chmurę tagów na swoim blogu. Możesz także określić opcje na różne sposoby.

Parametry są oddzielone „&” w jednym prostym wierszu.

Określanie parametrów w formacie tablicy.

"10" ,"largest" => "50", "unit" => "px", "number" => "45", "separator" => "::", "orderby" => "liczba", "zamówienie" => "RAND")); ?>

Określ tylko wybrane parametry, resztę - domyślnie pozostaw bez zmian.

Zwracamy chmurę tagów jako tablicę bez wyświetlania jej na blogu. Wynik może być użyty później w kodzie PHP.

Praktyczne przykłady

Przykład 1: Wyświetl chmurę tagów na pasku bocznym lub w stopce motywu

Utwórz funkcję w swoim pliku funkcje.php i zwróć funkcję wp_tag_cloud(). Po zdefiniowaniu możesz wywołać tę funkcję w dowolnym miejscu bloga.

Funkcja my_cloud($echo = false) ( if (function_exists("wp_tag_cloud")) return wp_tag_cloud(); )

Teraz otwórzmy twój plik sidebar.php i wywołaj funkcję, aby wyświetlić chmurę znaczników.

Popularne tagi"; moja_chmura(); ?>

Dodajmy trochę style css do naszego pliku styl.css aby chmura tagów wyglądała bardziej przyzwoicie.

Mycloud a ( background: #FFC414; color: #0000FF; display: inline-block; margin: 0 4px 8px 0; padding: 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; color: #FF00FF; font-family: Comic Sans; )

Oto jak teraz wygląda:

Działamy również w stopka.php twój temat.

Możesz uczynić go jeszcze ładniejszym, jeśli dodasz własne style CSS.

Dodając różne parametry do funkcji wp_tag_cloud() do pliku funkcje.php możemy dostosować naszą chmurę tagów. Na przykład, jeśli chcesz zawrzeć zarówno tagi, jak i kategorie w chmurze tagów lub w chmurze taksonomii, funkcja będzie napisana w ten sposób:

wp_tag_cloud(array("taksonomia" => array("post_tag","category")));

Przykład 2: Tworzenie strony w chmurze tagów dla swojego bloga

Czasami po prostu nie musisz umieszczać chmury tagów na pasku bocznym lub w stopce, ale musisz dla nich tworzyć oddzielna strona w trosce o czystość wygląd zewnętrzny blog. Możesz to zrobić w następujący sposób.

Najpierw utwórzmy własny szablon strony w folderze twojego motywu z funkcją wp_tag_cloud(). Nazwijmy ten plik tagcloud.php.

Teraz musisz przejść do administratora WordPressa i przejść do Strony -> Dodaj nowy. Ustaw żądany tytuł strony, a następnie w sekcji Atrybuty strony wybierz dla niego szablon — Chmura tagów, a następnie kliknij Aktualizuj. To wszystko. Twoja strona chmury tagów jest gotowa. Możesz go pokolorować za pomocą CSS.

Przykład 3: Tworzenie przewijalnego bloku chmury tagów dla paska bocznego

Możesz zaprosić użytkowników do wybrania tagów na pasku bocznym z przewijanego bloku. Aby to zrobić, musisz utworzyć funkcję w pliku funkcje.php.

Funkcja cloudbox() ( if (function_exists("wp_tag_cloud")) ( $tags = wp_tag_cloud(array("smallest"=>10, "largest"=>10, "orderby"=>"name", "order"=> "ASC", "format" => "tablica")); foreach($tags as $tag) ( echo $tag."
"; } } }

W powyższej funkcji użyliśmy formatu tablicy funkcji wp_tag_cloud(), czcionka pozostała bez zmian, a lista została posortowana według nazwy w porządku malejącym.

Teraz otwieramy nasze sidebar.php i wywołaj tę funkcję.

Wybierz tag

Stylizujmy to za pomocą CSS.

#cloud ( background: #FFFFCC; wysokość: 200px; szerokość: 200px; margines: 0 auto; overflow: scroll; border: 4px solid #000000; padding: 2px; text-align: justify; ) #cloud a ( tło: # 400000; kolor: #FFFF00; wyświetlacz: inline-block; margines: 0 4px 8px 0; padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; czcionka -size: 15px; ) #text ( styl czcionki: kursywa; grubość czcionki: pogrubienie; rozmiar czcionki: 20px; kolor: #FF9900; rodzina czcionek: Comic Sans; )

W rezultacie blok będzie wyglądał tak.