publikacja: 19 września 2008, autor: , komentarzy 49 https://wpninja.pl/artykuly/flashowa-chmura-tagow-ilub-kategorii-w-3d/

Flashowa chmura tagów i/lub kategorii w 3D

Flashowa chmura tagów i/lub kategorii w 3D

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

  1. Pobrać z repozytorium, rozpakować, uzyskany katalog przegrać na serwer do katalogu z wtyczkami (wp-content/plugins) i aktywować w panelu administracyjnym.
  2. 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(); ?>.

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 :-).

Komentarze

  1. Anonim 13 lat temu:

    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ć?

    odpowiedz
  2. Szymon Skulimowski 13 lat temu:

    Nie 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 (.swf) wraz z zewnętrznym plikiem xml przechowującym dane to tak, da się :-)))

    odpowiedz
  3. Tomek 13 lat temu:

    Super wtyczka :) Zastąpiła u mnie tradycyjne tagi :)

    odpowiedz
  4. Szymon Skulimowski 13 lat temu:

    @Tomek,
    A ściągnąłeś spolszczenie animacji? Bo jakoś nie wyświetlają Ci się polskie znaczki w tagach.

    odpowiedz
  5. Tomek 13 lat temu:

    No tak, zapomniałem :)

    odpowiedz
  6. dzg 13 lat temu:

    no stary jakbys wiedzial czego szukalem :D

    odpowiedz
  7. Hadret 13 lat temu:

    Ojej, Flash? Nie, nie, dziękuję (:

    odpowiedz
  8. Ravicious 13 lat temu:

    Tak jak Hadret, flashowi raczej podziękuje…

    odpowiedz
  9. seoblogi 13 lat temu:

    Witam
    Dzięki za tłumaczenie, fajnie się ta chmurka prezentuje na moim blogu blogów :)

    odpowiedz
  10. Chumber 13 lat temu:

    No i w tym momencie powstaje dylemat: lepsza wizualizacja czy może lepsze skanowanie przez pająki?

    odpowiedz
  11. Szymon Skulimowski 13 lat temu:

    No i w tym momencie powstaje dylemat: lepsza wizualizacja czy może lepsze skanowanie przez pająki?

    Albo lepiej – kto przeglądając stronę w ogóle używa chmury tagów? Ja bardzo, bardzo, bardzo rzadko.

    odpowiedz
  12. dzg 13 lat temu:

    u mnie przynajmniej powinny grać ważną rolę ;)

    odpowiedz
  13. aniec2 13 lat temu:

    działa bez zarzutu! Tego mi brakowało „GŁOWA” a nie „GLOWA”:)

    Pozdrawiam

    odpowiedz
  14. How to add more characters to WP-Cumulus | Roy Tanck’s weblog 13 lat temu:

    […] https://wpninja.pl/flashowa-chmura-tagow-ilub-kategorii-w-3d/ Share and […]

    odpowiedz
  15. Szymon Skulimowski 12 lat temu:

    Kuba opisał u siebie sposób na zamianę „ą, ć, ę…” na „a, c ,e”. Polecam:
    http://kubazwolinski.com/2008/11/04/odjechane-tagi/ :-)

    odpowiedz
  16. » Trójwymiarowe tagi zwane WP-Cumulus » NaszeWP | Wielki zbiór porad dla Wordpress-a 12 lat temu:

    […] 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 “ą, ś, ł, […]

    odpowiedz
  17. Dejw 12 lat temu:

    @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
    Jeś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 ;-)

    odpowiedz
  18. Szymon Skulimowski 12 lat temu:

    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ą).

    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ę!

    odpowiedz
  19. Tomek 12 lat temu:

    Ja już od dawna niestety nie mam PL bo z każdą aktualizacją, trzeba zmiany od nowa wprowadzać a człowiek strasznie leniwy ;)

    odpowiedz
  20. Dejw 12 lat temu:

    Wszyscy 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.

    odpowiedz
  21. Tomek 12 lat temu:

    Zapowiada się nieźle :)

    odpowiedz
  22. palmiak 12 lat temu:

    Cacy, ale…

    Na komputerze uzbrojonym w Core duo 2×2 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
  23. Dejw 12 lat temu:

    @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 ;-)

    odpowiedz
  24. Chumber 12 lat temu:

    Nom… CPU trochę obrywa … :/ Z dwojga złego chyba ten flash lepszy?

    odpowiedz
  25. Dejw 12 lat temu:

    Niestety 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.

    odpowiedz
  26. Szymon Skulimowski 12 lat temu:

    Wszyscy 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

    Fajna sprawa. Mam nadzieję, że uda Ci się zoptymalizować swój projekt. :-)

    odpowiedz
  27. Dejw 12 lat temu:

    Nawet 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ę ;-)

    odpowiedz
  28. Łukasz Więcek 12 lat temu:

    I 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ą.

    odpowiedz
  29. Lukas 12 lat temu:

    Chciał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!

    odpowiedz
  30. elo_ziomek 12 lat temu:

    Witam,
    trafił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:)

    odpowiedz
  31. elo_ziomek 12 lat temu:

    pomyłka literowa: http://www.qna.info.pl

    odpowiedz
  32. me 12 lat temu:

    Witam,

    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.

    odpowiedz
  33. margoo 12 lat temu:

    Jak 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.

    odpowiedz
  34. www 12 lat temu:

    Moze ktoś napisać, w który miejscu zmienić wielkość tej chmury?
    Próbowałem w każdym możliwym i nic;/:(

    odpowiedz
  35. Gość 12 lat temu:

    >> 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.
    Boty Google już świetnie indeksują tekst we flashu.

    odpowiedz
  36. Alik 12 lat temu:

    Oj, przydałaby się ponowna kompilacja z wszystkimi szykanami obsługiwanymi przez wersję angielską. ;) Prosimy…

    odpowiedz
    1. Szymon Skulimowski 10 lat temu:

      Właśnie wgrałem na serwer zaktualizowaną wersję pliku.

      odpowiedz
  37. WCbarbi 12 lat temu:

    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
  38. Dejw 11 lat temu:

    @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ł.

    odpowiedz
  39. enid – M.D.N.S. 11 lat temu:

    hej, mam prośbę…
    mam 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 :/

    odpowiedz
  40. Sebastian 11 lat temu:

    dzięki, działa ekstra!
    Pozdrawiam

    odpowiedz
  41. Flashowa chmura tagów, czyli szczyt bezużyteczności » IT z ogonkiem 11 lat temu:

    […] do blogu WP-Ninja, gdzie znajdziecie szczegółowy opis instalacji tego ustrojstwa w WordPressie: https://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 […]

    odpowiedz
  42. a 10 lat temu:

    Dlaczego pojawia mi się taki tekst zamiast chmurki: „WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.”

    odpowiedz
    1. a 10 lat temu:

      dodam, że mam plash player w wersji 10…

      odpowiedz
  43. Anonim 10 lat temu:

    Cześć, czy mógłbyś podpowiedzieć, jak pozbyć się obramowania wybranego tagu?

    odpowiedz
  44. Jarosław Rybiński 8 lat temu:

    Cześć bardzo fajna wtyczka, używałem już jej jakiś czas temu, ale dopiero dzisiaj zauważyłem brak polskich znaków. Moja jedna uwaga bo NIE DZIAŁA mi :P Jak wysyłam na serwer przez kokpit WP to mam komunikat następującej treści…

    „Paczka nie mogła zostać zainstalowana. Nie znaleziono odpowiednio przygotowanych wtyczek. Instalacja wtyczki nie powiodła się.”

    Jakaś sugestia jak to rozwiązać? :)

    odpowiedz
    1. Szymon Skulimowski 8 lat temu:

      Jeśli chodzi Ci o plik wp-cumulus-polska-chmura.zip, który można pobrać z powyższego artykułu to trzeba go rozpakować i podmienić z oryginalnymi plikami wtyczki (przesłać na serwer za pomocą klienta FTP).

      odpowiedz
    2. Jarosław Rybiński 8 lat temu:

      Dziękuję bardzo! Działa ;)
      Dobrze, że są takie osoby, które szybko podpowiedzą i wyjaśnią. Dzięki.

      Możesz liczyć na moją subskrypcję Twojego bloga, z pewnością masz tutaj coś fajnego ;)

      odpowiedz
    3. Szymon Skulimowski 8 lat temu:

      Dzięki! :)

      odpowiedz

Dodaj własny komentarz

Odnośniki z innych stron

Lista innych stron, które w jakiś sposób odnoszą się do opublikowanej tutaj treści:

  1. How to add more characters to WP-Cumulus | Roy Tanck's weblog

    […] https://wpninja.pl/flashowa-chmura-tagow-ilub-kategorii-w-3d/ Share and […]

  2. » Trójwymiarowe tagi zwane WP-Cumulus » NaszeWP | Wielki zbiór porad dla Wordpress-a

    […] 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 “ą, ś, ł, […]

  3. Flashowa chmura tagów, czyli szczyt bezużyteczności » IT z ogonkiem

    […] do blogu WP-Ninja, gdzie znajdziecie szczegółowy opis instalacji tego ustrojstwa w WordPressie: https://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 […]