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 9 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 9 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 9 lat temu:

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

    odpowiedz
  4. Szymon Skulimowski 9 lat temu:

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

    odpowiedz
  5. Tomek 9 lat temu:

    No tak, zapomniałem :)

    odpowiedz
  6. dzg 9 lat temu:

    no stary jakbys wiedzial czego szukalem :D

    odpowiedz
  7. Hadret 9 lat temu:

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

    odpowiedz
  8. Ravicious 9 lat temu:

    Tak jak Hadret, flashowi raczej podziękuje…

    odpowiedz
  9. seoblogi 9 lat temu:

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

    odpowiedz
  10. Chumber 9 lat temu:

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

    odpowiedz
  11. Szymon Skulimowski 9 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 9 lat temu:

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

    odpowiedz
  13. aniec2 9 lat temu:

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

    Pozdrawiam

    odpowiedz
  14. Szymon Skulimowski 9 lat temu:

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

    odpowiedz
  15. Dejw 9 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
  16. Szymon Skulimowski 9 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
  17. Tomek 9 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
  18. Dejw 9 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
  19. Tomek 9 lat temu:

    Zapowiada się nieźle :)

    odpowiedz
  20. palmiak 9 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
  21. Dejw 9 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
  22. Chumber 9 lat temu:

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

    odpowiedz
  23. Dejw 9 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
  24. Szymon Skulimowski 9 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
  25. Dejw 9 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
  26. Łukasz Więcek 9 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
  27. Lukas 9 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
  28. elo_ziomek 8 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
  29. elo_ziomek 8 lat temu:

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

    odpowiedz
  30. me 8 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
  31. margoo 8 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
  32. www 8 lat temu:

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

    odpowiedz
  33. Gość 8 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
  34. Alik 8 lat temu:

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

    odpowiedz
    1. Szymon Skulimowski 7 lat temu:

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

      odpowiedz
  35. WCbarbi 8 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
  36. Dejw 8 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
  37. enid - M.D.N.S. 8 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
  38. Sebastian 8 lat temu:

    dzięki, działa ekstra!
    Pozdrawiam

    odpowiedz
  39. a 7 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 7 lat temu:

      dodam, że mam plash player w wersji 10…

      odpowiedz
  40. Anonim 6 lat temu:

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

    odpowiedz
  41. Jarosław Rybiński 4 lata 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 4 lata 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 4 lata 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 4 lata 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 […]