-
data publikacji: 06.11.2008
Tagi w trójwymiarze
kategoria: Wordpress, Wtyczki do Wordpressa autor: marxy
Któż z obecnych tutaj webmasterów nie używa tagów, są one idealnym narzędziem do nawigacji oraz pozycjonowania strony. Ułatwiają czytelnikom poruszanie się wśród artykułów i zarazem oferują scentralizowane wyszukiwanie powiązanych tekstów.
Popularna chmura tagów nie zawsze musi wyglądać standardowo, aby nadać jej estetyczny wygląd, a zarazem uatrakcyjnić nawigację wystarczy zainstalować wtyczkę o nazwie wp-cumulus
A wszystko to wygląda mniej więcej tak:
Wtyczka przekształca popularną chmurę tagów na flashową animację która umożliwia przeglądanie tagów wykrywając ruchy myszą. Prościej mówiąc po najechaniu na dany tag, ten za pomocą płynnej animacji przedostaje się na pierwszy plan wykonując ruch kołowy. Wszystko to przedstawia ciekawą trójwymiarową animację, która z pewnością doda atrakcyjności niejednej witrynie.
Instalacja
Korzystając już dłużej z wordpressa instalacja nie powinna przynieść żadnych problemów, jednak nowi użytkownicy niech postępują według poniższych kroków.
- Pobieramy wtyczkę ze strony: http://wordpress.org/extend/plugins/wp-cumulus/
- Rozpakowujemy archiwum i kopiujemy katalog ze wtyczką na serwer do katalogu: /wp-content/plugins/
- Ostatnim krokiem jest aktywacja wtyczki w panelu administracyjnym, dokonujemy tego w sekcji: Plugins/wtyczki klikając przy naszym dodatku na Activate/włącz
aby wyświetlić chmurę tagów w wpisie po prostu wpisujemy fragment: [WP-CUMULUS], natomiast aby wtyczka pojawiła się w miejscu na stałe w danym miejscu dodajemy kod:
<?php wp_cumulus_insert(); ?>Konfiguracja
Wtyczka umożliwia nam sprecyzowanie ustawień według autora strony. Pozwala na:
- Precyzyjne ustawienie obszaru wyświetlania chmury tagów, poprzez ustawienie parametrów: Width i Height
- Ustawienie pożądanej kolorystyki dodatku. Z łatwością można tak ostylować wtyczkę aby idealnie komponowała się z naszą stroną
- Ustalenie prędkości animacji
- Zdefiniowanie wyświetlanych elementów, tagów bądź kategorii.
- Opcje zaawansowane, takie jak ilość elementów znajdujących się w chmurze tagów, czy też wielkości poszczególnych czcionek.
Ważne
Aby używać chmury tagów ważne jest aby nasz system wordpress zaktualizowany był do co najmniej wersji 2.3
Wykorzystując chmurę tagów tracimy możliwości płynące z pozycjonowania strony za pomocą chmury tagów. Atrakcyjny wygląd nie współgra z funkcjonalnością SEO.zapraszam do dyskusji.
-
Zobacz podobne wpisy:
-
18 Responses to “Tagi w trójwymiarze”
Leave a Reply
Komentarze
Kategorie
Top 10
Stan: Gravatar, czyli jak mieć globalnego avatara
JaRo: Halu!?
Adi: Halu!?
rokicza: Menu akordeonowe z odrobiną CSS3
Marcin Lewandowski: Portfolio graficzne oparte o Wordpress przy użyciu Custom Fields
Agressiva: Portfolio graficzne oparte o Wordpress przy użyciu Custom Fields
Marcin: Portfolio graficzne oparte o Wordpress przy użyciu Custom Fields
- CMSy Artykuły dotyczące różnego rodzaju systemów zarządzania treścią CMS.
- Flash Podstawowe informacje pomocne przy tworzeniu animacji w Adobe Flash.
- Fotografia Samouczki dotyczące nie tylko robienia zdjęć ale też ich cyfrowej obróbki.
- Grafika Ogólnie pojęta grafika komputerowa, od inspiracji, po tworzenie layoutów oraz mniejszych form graficznych.
- Inne tutoriale wordpressowe Wszystkie inne zagadnienia dotyczące WordPressa.
- Inspiracje Inspirujące materiały graficzne z dziedziny projektowania stron www, projektów DTP, digital painting, itp.
- Obróbka zdjęć Techniki retuszu fotografii cyfrowych.
- Rysunek Tworzenie rysowanych ilustracji w Adobe Photoshop.
- Skóry do Wordpressa Darmowe oraz płatne – najlepsze skóry do WordPressa.
- Skrypty client-side
- Skrypty server-side
- Tutoriale
- Webdesign Tutoriale z zakresu projektowania stron www i grafiki użytkowej na rzecz internetu.
- Wordpress Ulubieniec naszej publiczności CMS WordPress: nowości, tricki, wtyczki, skóry i wszystko to co może przydać się przy korzystaniu z tego systemu.
- Wtyczki do Wordpressa Recenzje oraz instrukcje najbardziej popularnych i najbardziej niezbędnych pluginów do WordPressa.
- XHTML/CSS Ciekawostki z dziedziny kodowania stron www: XHTML, CSS, jQuery.
- Portfolio graficzne oparte o Wordpress przy użyciu Custom Fields
- Menu "wychodzące" zza strony
- Sklep internetowy wyróżniający się z tłumu
- Animowane menu za pomocą funkcji jQuery - animate() cz.2
- 9 grzechów głównych młodego webdesignera
- Tagi w trójwymiarze
- Gravatar, czyli jak mieć globalnego avatara
- Inspirujące szablony stron (DeviantArt) - październik 2008
- ExpressionEngine - pierwsze starcie
- Inspirujące strony www - październik 2008
Najnowsze newsy
Zapraszamy na forum graficzne Graffika.pl
Każda osoba interesująca się grafiką komputerową ma czasami ochotę porozmawiać o swoich pracach, posłuchać rad, krytyki i pochwał innych osób. Idealnym miejscem na realizowanie takich potrzeb jest forum graficzne Graffika.pl.
Czytaj dalej
Przypominamy o Konkursie Noworocznym
Wraz z nowym, 2010 rokiem ogłosiliśmy konkurs na tutorial o tematyce CMS-owej.
Mamy nadzieję, że jakieś prace zostaną nadesłane do końca terminu i znajdzie się zwycięzca w pierwszym naszym oficjalnym konkursie z nagrodami.
Zachęcamy wszystkich do spróbowania swoich sił.
Szczegóły dostępne są pod tym adresem: http://vivee.info/2010/01/01/konkurs-noworoczny/
Zareklamuj nas :)
Jako, że pojawiła się na vivee.info nowa skóra przygotowałam nasze firmowe banerki reklamowe. Osoby, które wyrażą chęć wsparcia nas reklamą u siebie na blogach lub innych serwisach mogą pobrać je poniżej. Czytaj dalej
Polecane strony
- WordPress Theme from Scratch – Day 1: PSD
- 20 Tutorials For Creating HDR Images
- Ask the Expert – Using Wordpress to Build Large Scale Websites with Derek Herman
- Making an Interactive Picture with jQuery
- Create a Horizontal Scrolling Website
- 800 Most Wanted Free RSS Icons for Bloggers
- 45 Most Wanted Beautiful Free Hand Drawn Fonts
- Caffe-Break Themed Blog Layout Photoshop Tutorial
- Create a nature inspired layout in photoshop
- Coding a Web Design for Speed and Quality
- Beautiful Hand Drawn Websites | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials
- 40 Fresh Creative and Inspiring Photographs
- Wordpress portfolio layout | Grafpedia
- Simple Facial Photo Retouching | Grafpedia
- Create a beauty layout in 10 steps | Grafpedia
Bardzo fajny ten efekt..Estetyczny i efektywny
.
Cesar – nie efektywny tylko efektowny
Tez mi sę podoba, jadnak pochłania za duzo miejsca na stronie… W przypadku bardzo duzej ilości tagów i małego miejsca na stronie – już jest problem, dlatego trzeba mieć go ciut wiecej na wszelki wypadek.
Miałem ten plugin przez pewien czas i nie było kłopotu puki nie zgłosił mi ktoś iż po prowadzeniu tego dodatku strona w IE7 się nie włącza (po dojściu do flasha wywala cała stronę)
Wspominając o miejscu zahaczamy tylko o walory estetyczne, bo naturalnie obszar tagów można sobie zdefiniować w panelu, jednakże im mniejszy obszar tym tagi bardziej są skupione co utrudnia działanie.
a co do przeglądarek to na IE6 potwierdzam poprawność działania a co do wersji 7 to jutro dam znać
U mnie na ie7 z sp1 do visty działa.
A ja sprawdze w pracy na XP z SP2 i dam znak:)
Więc tak jak mówiłam sprawdzę:
XP SP2
WP-Cumulus pięknie śmiga
Wiem iż na ie7 raz działa raz nie i to bardziej zależy od serwera niż od ie. Bo np u mnie ten plugin z ie się gryzł, a na innych stronach ie7 spokojnie sobie z tym radził :/
Gdyby zalezalo to od serwera, to na roznych przegladarkach działalo by tak samo albo chociaż podobnie. Tutaj IE ma problemy z JSem i chrzani wyświetlanie.
Jest jeszcze możliwość konfliktu tej wtyczki z inną, ale w takiej sytuacji raczej w kazdej przegladarce byłoby to widoczne.
Samo fajnie wygląda ale w kontekście bleee
A co z polskimi znaczkami (ą, ę, ć…)?
http://wpninja.pl/flashowa-chmura-tagow-ilub-kategorii-w-3d/#polska-wersja
Szymon, dziękujemy za pomoc ;D
[...] Tagi w trójwymiarze [...]
Mam pewien problem, otóż chcąc zmienić szerokość i wysokość tej całej chmury w Plugins – Installed – Edit (wyświetla się kod) to zmieniając właściwości w tej edycji wszystko zostaje po staremu.
P.S. Chmurkę dodałem poprzez zedytowanie stylu (sidebar.php)
Prosiłbym o link do strony gdzie na zostać uruchomiona wtyczka…
Wtyczkę konfigurujemy z poziomu panelu administratora, opcje znajdując się selekcji: Settings >> WP Cumulus i właśnie w tym miejscu można ustalać właściwości wyświetlania chmury tagów
Pozdrawiam i służę pomocą
O już problem rozwiązany, dziękuje, po prostu nie byłem obyty z WP i nie wiedziałęm gdzie się modyfikuje pluginy ;]
Ciesze sie
Polecamy się na przyszłość
Witam, próbowałem zainstalować sobie chmurę tagów i wszystko poszło świetnie. Ale po jakimś czasie stwierdziłem, że może warto byłoby podpiąć tę wtyczkę pod zakładki do sidebara. Walczyłem dzielnie, ale musiałem skapitulować i spytać fachowców czy to się po prostu da zrobić?
PS. Świetny serwis.