W tym tutorialu upiększymy i dodamy dodatkową funkcjonalność do naszego WordPressa poprzez umieszczenie na stronie internetowej zegara analogowego, który będzie pokazywał aktualną godzinę. Wtyczka nazywa się Analog Clock FX i jest kompatybilna z wersjami WordPressa nowszymi niż wersja 2.8. Animowany we flash-u zegar możemy umieścić na stronie typu post lub page oraz w dowolnym innym miejscu na stronie www, np. na sidebarze przy pomocy odpowiedniej funkcji php (patrz konfiguracja wtyczki). Plik wyjściowy (animowany zegar) zapisany jest we flash-u, a dane konfiguracyjne zegara zapisane są w pliku xml. Jak się zaraz przekonasz tworzenie stron internetowych oraz ich modyfikacja w aplikacji WordPress jest bardzo prosta.
Instalacja wtyczki Analog Clock FX
Krok 1. Ściągnij najnowszą wersję wtyczki Analog Clock FX ze strony internetowej http://wordpress.org/extend/plugins/analog-clock-fx/.
Krok 2. Wypakuj archiwum na dysk twardy komputera, a następnie przegraj folder do katalogu wp-content /plugins/.
Krok 3. Aktywuj plugin w panelu zarządzania WordPress-em –sekcja Wtyczki.
Krok 4. Utwórz wewnątrz katalogu wp-content pusty folder o nazwie flashxml.
Krok 5. Ściągnij plik pt. „Free archive” – link: http://www.flashxml.net/free/download/analog-clock.zip na dysk komputera.
Krok 6. Wypakuj archiwum, a następnie zmień nazwę folderu na analog-clock-fx.
Krok 7. Przegraj folder analog-clock-fx do folderu flashxml (patrz krok 4) – ścieżka wp-content/ flashxml/.
Krok 8. Jeżeli chcesz, żeby animowany zegar znajdował się w pojemniku z treścią na stronie typu post lub page to otwórz lub utwórz nową stronę typu post lub page i wklej do kontrolki gdzie wpisujesz treść artykułu funkcję [analog-clock-fx][/analog-clock-fx]. Możesz również umieścić zegar w innym dowolnym miejscu, np. w sidebarze edytując plik sidebar.php i wklejając do niego funkcję <?php analogclockfx_echo_embed_code(); ?> .
Krok 9. Żeby upiększyć zegar oraz zmienić jego wymiary należy przejść na stronę http://www.flashxml.net/analog-clock.html wybrać odpowiednie ustawienia, a następnie kliknąć w przycisk pt. „GENERATE” i Select All & Copy.
Krok 10. Otwórz plik pt. „settings.xml”, który znajduje się w wp-content/flashxml/analog-clock-fx/settings.xml, edytuj plik i wklej skopiowaną zawartość z kroku 9.
Krok 11. Zapisz plik settings.xml (oczywiście przegraj plik w to samo miejsce na serwerze).
Krok 12. Odśwież stronę internetową (klawisz F5). Zegar powinien pojawić się w wybranym przez Ciebie miejscu na stronie www.
Przykładowy printscreen:
Instalacja wtyczki Analog Clock FX na stronie internetowej WordPress zakończona.