Jeśli znudził ci się wygląd standardowej chmury tagów to być może powinieneś wypróbować WP-Cumulus-a. Wtyczka ta potrafi wygenerować flashową animację tagów i/lub kategorii i, po drobnej przeróbce, wspiera także polskie znaki diakrytyczne.
Jak „to” w ogóle wygląda?
Przykład można obejrzeć na blogu LJDiaz.com (na dole prawego sidebara). Chmura zmienia kąt i prędkość obracania się względem pozycji kursora myszy. Trzeba przyznać, że utrudnia to nieco kliknięcie w konkretny element, zwłaszcza gdy jest on małych rozmiarów.
Z poziomu panela administratora będziemy mogli ustalić taki dane jak:
- kolor fonta i tła (wspierana jest także przeźroczystość),
- wysokość i szerokość jaką zajmować będzie flash,
- prędkość obracania,
- rozłożenie elementów (losowe lub względem wagi),
- rodzaj elementów (tagi i/lub kategorie),
- zaawansowane parametry (liczbę elementów, rozmiary fontów itp.)
Instalacja
- Pobrać z repozytorium, rozpakować, uzyskany katalog przegrać na serwer do katalogu z wtyczkami (
wp-content/plugins) i aktywować w panelu administracyjnym. - Wstawić na bloga poprzez:
- dodanie widgetu (
panel administracyjny-wygląd-widgety, o ile szablon z którego korzystasz je obsługuje), - lub stworzenie nowego wpisu lub strony i w treści podanie
[WP-CUMULUS], - lub wywołanie dowolnym miejscu w plikach szablonu funkcji
<?php wp_cumulus_insert(); ?>.
- dodanie widgetu (
Polska wersja
Podążyłem za wskazówkami otrzymanymi od autora i przygotowałem polską wersję chmurki. W końcu nie każdemu chciałoby się ściągać ważącego 500MB triala Adobe Flash CS3 tylko po to aby dopieścić jakąś tam wtyczkę do WordPressa, prawda? :-)
Aktualizacja:
Kuba przedstawił u siebie sposób na zamianę polskich znaczków na zwykle slugi. Polecam jako alternatywę dla mojej paczki :-).
Autor artykułu: 
Ładowanie ...
Komentarze (42)
chmura tagów jest ekstra.jedno tylko pytanie czy jest ona do zainstalowania wylącznie na www? czy w prezentacjach ppt też można czegoś takiego użyć?
odpowiedzNie znam się na prezentacjach (uff, dziękuję opatrzności, że nigdy nie musiałem tego robić) ale jeśli umożliwiają one inkludowanie elementów flashowych (
odpowiedz.swf) wraz z zewnętrznym plikiemxmlprzechowującym dane to tak, da się :-)))Super wtyczka :) Zastąpiła u mnie tradycyjne tagi :)
odpowiedz@Tomek,
odpowiedzA ściągnąłeś spolszczenie animacji? Bo jakoś nie wyświetlają Ci się polskie znaczki w tagach.
No tak, zapomniałem :)
odpowiedzno stary jakbys wiedzial czego szukalem :D
odpowiedzOjej, Flash? Nie, nie, dziękuję (:
odpowiedzTak jak Hadret, flashowi raczej podziękuje…
odpowiedzWitam
odpowiedzDzięki za tłumaczenie, fajnie się ta chmurka prezentuje na moim blogu blogów :)
No i w tym momencie powstaje dylemat: lepsza wizualizacja czy może lepsze skanowanie przez pająki?
odpowiedzAlbo lepiej - kto przeglądając stronę w ogóle używa chmury tagów? Ja bardzo, bardzo, bardzo rzadko.
odpowiedzu mnie przynajmniej powinny grać ważną rolę ;)
odpowiedzdziała bez zarzutu! Tego mi brakowało „GŁOWA” a nie „GLOWA”:)
Pozdrawiam
odpowiedzKuba opisał u siebie sposób na zamianę „ą, ć, ę…” na „a, c ‚e”. Polecam:
odpowiedzhttp://kubazwolinski.com/2008/11/04/odjechane-tagi/ :-)
@Szymon Skulimowski
Wszystko super, ale chyba przez pomyłkę podczas dodawania polskich znaków, wyłączyłeś zmienną „hicolor” z działania (nie podświetlają się tagi, kiedy wskazujemy je myszką).
@Chumber
odpowiedzJeśli komuś zależy na robotach, może jednocześnie wypisywać zawartość chmury tagów do html, zamiast narzekać. Trzeba tylko zmodyfikować troszkę ten plugin, ale pewnie to już za trudne ;-)
Wydaje mi się, że w momencie gdy robiłem polskie pliki (wrzesień) to wtyczka w ogóle nie miała jeszcze tej opcji. Jak znajdę czas to zaktualizuję pliki. :-)
Dzięki za informację!
odpowiedzJa już od dawna niestety nie mam PL bo z każdą aktualizacją, trzeba zmiany od nowa wprowadzać a człowiek strasznie leniwy ;)
odpowiedzWszyscy Ci, którzy nie lubią flasha na stronach, mogą zobaczyć ten plugin w wersji Java Script pod adresem http://student.agh.edu.pl/~fatyga/projects/stratus/example.html
Dla tych co od razu wytkną, że „jest beznadziejny” zastrzegam się: powstał on z wczoraj na dziś. Zostało jeszcze dużo do napisania, ale efekt już jest zbliżony do rzeczonego Wp-Cumulusa.
odpowiedzZapowiada się nieźle :)
odpowiedzCacy, ale…
Na komputerze uzbrojonym w Core duo 2x2 giga + 2 giga ramu pod Fedorą 10 zajętość wyglądała następująco:
Opera przed: CPU0 ~4% CPU1 ~7%
Opera po odpaleniu: CPU0 ~11% CPU1 ~55%
Fx przed: CPU0 ~5% CPU1 ~9%
Fx po odpaleniu: CPU0 ~21% CPU1 ~98%
Wyniki pobrane za pomocą top, oczywiście troszkę na oko bo nie przepisywałm wszystkiego w tabelki i nie robiłem różnych obliczeń.
Wnioski należy wysnuć samemu, a autorowi życzę miłej optymalizacji :)
odpowiedz@plamiak
U mnie nieoczekiwanie działa troszeczkę lepiej (sprzęt mam taki sam z zastrzeżeniem, że pamięci o połowę mniej).
To prawda, że wydajność nie jest mocną stroną projektu, ale dla porównania u mnie oryginalny flashowy plugin zabierał porównywalnie dużo zasobów. Poza tym, na początku zawsze działa wolniej a potem się rozkręca.
Może wyeliminowanie pośredniości w postaci zewnętrznej biblioteki zmniejszy narzut chociaż trochę. Mimo wszystko i tak nie uda się tego zoptymalizować do „zadowalających” wyników. W ostateczności całość działa całkiem znośnie dla małej ilości tagów ;-)
odpowiedzNom… CPU trochę obrywa … :/ Z dwojga złego chyba ten flash lepszy?
odpowiedzNiestety tutaj muszę się zgodzić, że jak na razie flash wygrywa. Poza tym wersje JS napisałem jako alternatywe dla tych co nie chcą aby wymagane było posiadanie dodatkowych pluginów, żeby oglądać ich stronę, bo wygrać z flashem w tej konkurencji będzie dość ciężko.
odpowiedzFajna sprawa. Mam nadzieję, że uda Ci się zoptymalizować swój projekt. :-)
odpowiedzNawet po optymalizacji projekt będzie pozostawiał wiele do życzenia pod względem zajętości procesora, więc nie ma się co nastawiać na rewolucję ;-)
odpowiedzI bo ja wiem, czy to jest aż takie fajne. Widziałbym coś takiego tylko jako osobną podstronę bloga. W sidebarze o szerokości 300px ta animowana chmura jest całkowicie niepraktyczna. Czytelne są tylko te największe agi, które akurat znajdują się „najbliżej” nas - a cała reszta jest „czymś” w tle.
Jak dla mnie to przerost formy nad treścią.
odpowiedzChciałbym zgłosić buga, który się wkradł. Oprócz zgłaszanego braku podświetlenia, polska wersja ‘tagcloud.swf’ przestała obsługiwać gradient kolorów dla tagów.
Czy ktoś już to zgłaszał? Niestety nie mam flasha CS3 by to naprawić. Możliwe, że jakiś krok opisany przez autora pluginu został pominięty.
Będę wdzięczny Szymonie za info na maila. Dziękuję serdecznie!
odpowiedzWitam,
odpowiedztrafiłem na ten temat szukając na googlach „chmura tagów” - bardzo ciekawe rozwiązanie, dopisuję się tutaj żeby podać przykład chmury tagów który znalazłem, widać że ktoś ją moim zdaniem fajnie zmodyfikował choćby to że się zatrzymuje po najechaniu na tag, looknijcie: qna.info.p, poprosiłem o udostępnienie kodu chmurki, jeżeli będzie można, w komentarzach dodam info gdzie ten kodzik można dostać, bardzo fajny temat pozdrawiam i szukam dalej:)
pomyłka literowa: http://www.qna.info.pl
odpowiedzWitam,
Czy działa wam ta polska wersja z tej strony? U mnie dalej nic (widzi tylko: ó)
Próbuje juz na 100 sposobów:
np:
i.addVariable(„tagcloud”, „ółźćń”);
albo
i.addVariable(„tagcloud”, „%25C3%25B3%25C5%2582%25C4%2585%25C5%25BC%25C5>”);
i dalej nic.. testowałem na kilku przegladarkach, z najnowszym plugnem flash…
Gdby był ktoś w stanie pomóc..
Dziękuję, pozdrawiam.
odpowiedzJak w tej zmodyfikowanej wersji ustawić kolor tła? Ten ostatni parametr przy wywoływaniu SWFObject nic nie zmienia (a w oryginalnej wersji działa świetnie)… muszę sie ratować ustawieniem transparentności, ale to z drugiej strony nie działa na linuxie.
Z góry wielkie dzięki za wskazówki.
odpowiedzMoze ktoś napisać, w który miejscu zmienić wielkość tej chmury?
odpowiedzPróbowałem w każdym możliwym i nic;/:(
» No i w tym momencie powstaje dylemat: lepsza wizualizacja czy może lepsze skanowanie przez pająki?
Nie trzeba rezygnować ani z jednego, ani z drugiego.
odpowiedzBoty Google już świetnie indeksują tekst we flashu.
Oj, przydałaby się ponowna kompilacja z wszystkimi szykanami obłsugianwymi przez wersję angielską. ;)
odpowiedzProsimy…
A ja trafiłem tu z google i żeby wrzucić chmurę na swoją stronkę trzeba coś zawsze doinstalowywać a tu jest chmura zajebista i jest chodzi na luzie pozdrawiam Dejw -a.
odpowiedz@WCbarbi: Również pozdrawiam ;-) Mimo wszystko odradzam Ci gorąco korzystanie z mojego skryptu :-P Nie może on na razie konkurować z płynnością Flash’a. Może kiedyś to się zmieni, lecz jak na razie żadne znaki na niebie i ziemi nie wskazują, żebym coś w najbliższym czasie poprawił.
odpowiedzhej, mam prośbę…
odpowiedzmam blog na bloggerze- blogspot… mam taką chmurę, jednak nie umiem sprawić, aby etykiety/tagi miały polskie znaki, albo chociaż takie puste miejsca… będę baaardzooo wdzięczna za pomoc!
z góry dzięki
- Ewelina - „ciemna” w sprawach flash :/
dzięki, działa ekstra!
odpowiedzPozdrawiam
Dlaczego pojawia mi się taki tekst zamiast chmurki: „WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.”
odpowiedzdodam, że mam plash player w wersji 10…
odpowiedzWłaśnie wgrałem na serwer zaktualizowaną wersję pliku.
odpowiedzCześć
odpowiedzCzy mógłbyś podpowiedzieć, jak pozbyć się obramowania wybranego tagu?
Dodaj własny komentarz
Odnośniki z innych stron (3)
Lista innych stron, które w jakiś sposób odnoszą się do opublikowanej tutaj treści:
[…] http://wpninja.pl/flashowa-chmura-tagow-ilub-kategorii-w-3d/ Share and […]
[…] znaków. Jednak jak na oficjalnie stronie można się dowiedzieć Polski odpowiednik stworzył Szymon Skulimowski i można pobrać z jego strony tutaj. Chyba że nie chcesz polskich znaków “ą, ś, ł, […]
[…] do blogu WP-Ninja, gdzie znajdziecie szczegółowy opis instalacji tego ustrojstwa w WordPressie: http://wpninja.pl/flashowa-chmura-tagow-ilub-kategorii-w-3d/A co Ty myślisz o takiej flashowej chmurze tagów? Jest sens umieszczać coś takiego na […]