-
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:
-
19 Responses to “Tagi w trójwymiarze”
Leave a Reply
Komentarze
Kategorie
Top 10
Wski: Cross Processing
Kallie Akinyooye: Krótko o… Wordpress 2.7
Agressiva: Jak za pomocą js poprawić wygląd formularzy
S.Wojnowski: Jak za pomocą js poprawić wygląd formularzy
Arek: Menu “wychodzące” zza strony
Giuseppe Heitner: Wstęp do programowania zorientowanego obiektowo w PHP5…
Kamil: 960 Grid System
Piotrek: Rozwijany panel z odrobiną słodyczy
Kuba: Tworzymy indywidualną stronę startową dla naszych fanów na Facebooku
- 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.
- Wieczór z Open Source
- 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
- Tagi w trójwymiarze
- 9 grzechów głównych młodego webdesignera
- Sklep internetowy wyróżniający się z tłumu
- Menu "wychodzące" zza strony
- Animowane menu za pomocą funkcji jQuery - animate() cz.2
- 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
Wieczór z Open Source 2010
Jak co roku WSINF organizuje konferencję Wieczór z Open Source.
Chciałbym zaprosić was na tegoroczna konferencję Wieczór z Open Source 2010! Czytaj dalej
Grafart.org i WACOM zapraszają na konkursy!
Witam!
Myślę, że czas najwyższy nadmienić, że za niedługi czas zostanie zorganizowany pierwszy z trzech konkursów, w których główną nagrodą będą tablety firmy WACOM!
Za miejsca drugie oraz trzecie nagrodami będą kubki i koszulki firmy WACOM oraz magazyny graficzne PSD PHOTOSHOP oraz COMPUTERARTS.
Czytaj dalej
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
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.
Siema Kocham Edytę, jest najlepszą polską piosenkarką. Przykro mi że nie widać jej więcej na koncertach niż w TV.