Instalacja:

• Za pomocą FTP:
  1. Pobieramy wtyczkę z strony www.wordpress.org/extend/plugins/easing-slider/
  2. Poprzez FTP kopiujemy zawartość archiwum do katalogu wp-content/plugins
  3. W panelu administracyjnym w zakładce Wtyczki aktywujemy nową wtyczkę o nazwie Easing Slider
• Za pomocą automatycznej instalacji
  1. W panelu administracyjnym w zakładce Wtyczki wybieramy z submenu pozycję Dodaj nową
  2. W polu wyszukiwania wtyczek po nazwach wpisujemy Easing Slider, po odnalezieniu jej klikamy na opcję Zainstaluj
  3. Po automatycznym zamieszczeniu wtyczki na serwerze uruchamiamy ją w zakładce Wtyczki.

Po zainstalowaniu wtyczki, pojawi się dodatkowa zakładka w menu WordPressa.

Umieszczanie slidera na stronie:

Slder możemy zamieścić bezpośrednio w skórze, w dowolnie wybranym przez nas miejscu wklejając tą funkcję w kod:

Mamy też możliwość zamieszczenia slidera w pojedynczym wpisie lub stronie statycznej poprzez shortcode:

Dodawanie obrazków:

Nowe obrazki które wyświetlane będą w sliderze dodajemy podobnie jak inne media w WP. Po kliknięciu na Upload Image pojawi się nam znane okienko uloadowania plików z komputera. Wszystkie dodane przez nas obrazki do slidera trzymane są w zakładce Media - tutaj możemy nimi bezproblemowo zarządzać.

Po wgraniu obrazka należy skopiować jego adres bezpośredni:

Następnie skopiowany adres pliku wklejamy w pole Image Path:. W polu Image Link: podajemy adres url strony pod jaką mamy być kierowani po kliknięciu na dany obrazek.

Ustawienia slidera:

• disableShadow - ukrywanie cienia pod sliderem
• shadowStyle - styl cienia
• next/prevButtons - pokazywanie buttona "następny", "poprzedni"
• nextbuttonIcon - zmienia buttona, można podać ścieżkę własnej ikony
• prevbuttonIcon - zmienia buttona, można podać ścieżkę własnej ikony
• Slider "width" - szerokość slidera
• Slider "height" - wysokość slidera
• paddingBottom - padding dolny
• paddingTop - padding górny
• paddingRight - padding prawy
• paddingLeft - padding lewy
• backgroundColour - kolor tła pod obrazkami w sliderze
• startPosition - pierwsza plansza slidera
• transitionSpeed - czas w jakim widoczny jest jeden obrazek przed zmianą na następny
• autoPlay - szybkość zmiany obrazków
• animationStyle - rodzaj animacji / przechodzenia obrazków
• borderWidth - szerokość bordera / obramowania slidera
• borderColour - kolor tego obramowania
• preloadIcon - ikona przed wczytaniem obrazków
• pagination - pokazywanie stronicowania obrazków
• paginationPosition - położenie stronicowania
• paginationIcon (on) - zmienia ikony stronicowania (aktywnej planszy) - należy podać adres obrazka
• paginationIcon (off) - zmienia ikony stronicowania (nieaktywnej planszy) - należy podać adres obrazka

Przykłady:

Instalacja

1. Pobieramy wtyczkę z oficjalnej strony autora.
2. Rozpakowujemy archiwum (zip) i kopiujemy jego zawartość na serwer do katalogu wp-content/plugins.
3. W panelu administracyjnym w zakładce Wtyczki aktywujemy nowo dodaną wtyczkę.
4. Po aktywacji wtyczki, w lewym menu pojawi się nowa zakładka FlippingBook

Tworzenie pierwszej książki

Dodajemy zdjęcia
Pierwszym krokiem do stworzenia nowej książki jest upload wybranych obrazków do bazy wtyczki.
Sporym udogodnieniem dla organizacji obrazków jest możliwość podziału ich na galerie. Tym sposobem dla każdej osobnej książki można utworzyć osobną galerię i utrzymywać określony porządeczek w dodawanych plikach.

Aby dodać dodać nową galerię należy wybrać przycisk Create New Gallery a następnie podać jej nazwę.
Po utworzeniu galerii należy wybrać opcję Upload images, dzięki wykorzystanym do tego silniku można wgrać wiele plików jednocześnie co znacznie ułatwia upload szczególnie w przypadku sporej ilości obrazków.

Tworzymy książkę
W momencie kiedy zdjęcia są już dodane do galerii możemy przystąpić do tworzenia książki, w tym celu klikamy na Create Book znajdujący się tuż obok nazwy galerii której obrazki posłużą za pojedyncze strony książki.

Ustawienia książki
Teraz zaczyna się cała zabawa.
Otworzy nam się podstrona z masą opcji do wyboru, do ustawienia, do dodania, itp.
Poniżej znajdują się opisane możliwości.

Book name - nazwa książki

Stage Width - maksymalna szerokość jaką zajmować będzie ustawiona we wpisie lub na stronie książka

Stage Height - podobnie jak wyżej, tyczy się wysokości

Width - szerokość samej książki

Height - wysokość książki

Scale Content - skalowanie zawartości (zdjęć / obrazków) książki

Center Content - wyśrodkowanie zawartości książki

Preserve Proportions - czy zachować proporcje

Hardcover - twarda okładka

Hardcover Thickness - grubość twardej okładki

Frame Width - szerokość ramki

Frame Color - kolor ramki

Frame Alpha - przezroczystość ramki

First Page - pierwsza strona, automatyczne otwieranie się książki na określonej stronie

Flip on Click - rozpoczęcie przewijania książki po kliknięciu

Hand Over Corner - określa rodzaj kursora myszy po najechaniu na miejsce zawinięcia okładki

Hand Over Page - określa rodzaj kursora myszy po najechaniu na miejsce zawinięcia strony

Always Opened - książka automatycznie otwarta lub zamknięta

Static Shadow Type - symetryczny cień po środku książki

Static Shadows Depth - moc cienia w środku książki

Rigid Page Speed - szybkość przewijania stron

Flip Sound - podkład dźwiękowy

Upload Sound - dodawanie pliku dźwiękowego

Preloader Type - rodzaj preloadera

Page Back - kolor tła pod książką

Rigid Pages - sztywne strony

Zoom Enabled - włączenie / wyłączenie powiększenia stron

Zoom Image Width - wielkość powiększenia - szerokość

Zoom Image Height - wielkość powiększenia - wysokość

Zoom On Click - powiększenie na kliknięcie

Zoom Hint - podpowiedź przy powiększaniu

Center Book - wycentrowanie książki względem całego obszaru Flasha

Use Custom Cursors - domyślne rodzaje kursorów myszy

Drop Shadow Enabled - cień przy zawijaniu stron

Drop Shadow Hide When Flipping - cień chowa się po przewróceniu strony

Background Color - kolor tła książki

Background Image - obrazek jako tło

Upload Background Image - obrazek jako tło - upload

Background Image Placement - zachowanie obrazka jako tło

Print Enabled - możliwość drukowania

Print Title - tytuł wydruku

Navigation Bar - menu nawigacyjne

Navigation Bar Placement - miejsce ułożenia menu

Download - pobieranie książki

Auto Reduce - auto zmniejszanie

W momencie kiedy wszystkie ustawienia są już dopasowane do potrzeb klikamy na Add Book.

Na liście utworzonych książek pojawi się nowa o wcześniej przypisanym tytule czyli w naszym przypadku "Vivee".

Aby zobaczyć podgląd utworzonej książki korzystamy z buttona Preview

Zarządzanie książką

Do zarządzania stworzonymi książkami mamy 3 opcje.

Jedna z nich jest Add Page, czyli dodawanie nowej strony.
Po kliknięciu na ten button pojawi nam się widok wcześniej dodanych galerii z obrazkami z których to należy wybrać kolejny widok do nowej strony.

Opcja Pages List, która znajduje się pod każdą książką umożliwia wyświetlenie wszystkich stron oraz zmianę ich kolejności za pomocą tzw drag and drop (przeciągnij i upuść), jest to bardzo wygodne i pozwala w szybki i wizualny sposób zmienić kolejność stron.

Page editor jest najbardziej unowocześnioną formą edycji (flash) poszczególnych stron, pozwala na dobranie stylu (kolor i grubość ramki inny dla każdej strony), zmienianie układu stron i ich kolejność.

Dodawanie książek do stron / wpisów

Dodawanie jest bardzo proste, polega na wklejeniu jednej linijki w zawartość wpisu
[book id='podaj_id' /]
W miejscu podaj_id należy wpisać odpowiednie ID przypisane książce którą chcemy wstawić. Znajduje się on przy każdej pozycji w widoku Manage books and pages.

Podstawową funkcjonalnością MobilePress jest zastąpienie Twojej szaty graficznej strony, skórą odpowiednio dostosowaną do przeglądarek w telefonach komórkowych. Jest ona przede wszystkim lekka - w swoim stylu zdefiniowane ma czcionki, kolory, marginy, paddingi, itp.

Instalacja

Pierwszym krokiem instalacji jest pobranie wtyczki,
+ można to uczynic wchodzac na oficjalną stronę wtyczki, gdzie klikniecie w download przeniesie nas na www.wordpress.org/extend/plugins/mobilepress/
+ lub też w Panelu Administracyjnym strony w zakładce Wtyczki wybrać pozycję dodaj nową, wpisując w wyszukiwarkę słowo mobilepress pojawi się ona na liście jako pierwsza. Następnie należy wybrać zainstaluj i podać odpowiednie namairy na ftp, aby system mógł umieścić wtyczkę już w odpowiednim katalogu.
Kiedy wtyczka znajdzie się już w katalogu wp-content/plugins, należy ją aktywować w zakładce Wtyczki (plugins)

Funkcjonalność

Po zainstalowaniu wtyczki, w lewym menu panelu administracyjnego pojawi się nowa pozycja Mobilepress

Zakładka Options (opcje)

Tutaj mamy możliwość podania tytułu i opisu naszego bloga - Blog Title, Blog Description (jeżeli nie chcemy zmieniać defaultowych nazw należy te pola pozostawić puste)
Opcje takie jak Treat iPhone as a web browser?, Treat Windows smartphone as a web browser?, Treat Opera Mini as a web browser? decydują o tym, czy wchodząc na stronę przez przeglądarkę w telefonie komórkowym ma się odpalać wersja mobile. A konkretniej czy ma traktować np Operę mini jak zwykłą przeglądarkę internetową - gdybyśmy zaznaczyli opcję Yes, wtedy w Operze mini widzielibyśmy stronę jaka jest w oryginale, więc jeżeli chcemy aby pod wszystkimi komórkowymi przeglądarkami nasza strona korzystała z możliwości wtyczki MobilePress należy opcje ustawić na No.

Zakładka Themes (skóry)

Jeżeli chodzi o skóry to na standardzie mamy wgrane 2 tematy graficzne. Jeden z nich posiada w swojej funkcjonalności opcje dostosowane dla iPhone'a.
W sieci jak na tą chwilę jest niewiele skór do wyboru dla tej wtyczki, znaleźć je można m.in. na stronie:www.mediafrenzy.co.za/2008/10/mobilepress/

Każda taka skóra składa się z podobnych plików co standardowe theme do WordPressa, jej przetłumaczenie nie sprawia żadnego problemu.
Dla zainteresowanych udostępniam wersję PL theme Default. Pobierz

Jeżeli ktoś będzie chciał zmienić wygląd przypuśćmy skóry Default, może to zrobić edytując CSS, który znajduje się w pliku header.php w sekcji head.

Wtyczka ta jest już aktywna na stronie Vivee.info, więc teraz kiedy "w drodze" będziecie chcieli sprawdzić czy nie ma jakichś nowych wpisów lub komentarzy, spokojnie będziecie mogli skorzystać z wersji mobilnej.

agressiva.poprostuja.pl wersja mobile w akcji:

Instalacja

Jak każdą wordpressową wtyczkę po pobraniu z wyżej podanego adresu należy skopiować do katalogu wp-content/plugins
Następnie w Panelu Administracyjnym, w zakładce Wtyczki (Plugins) aktywować ją

Funkcjonalność

Wtyczki tej można używać jako Widgeta (o ile skóra obsługuje widgety), lub ręcznie wkleić odpowiedni fragment kodu w wybrane miejsce.
Widok widgetów

Kod dla komentarzy

Kod dla trackbacków

Wtyczka Get Recent Comments dzięki własnym "parametrom" umieszczanym w panelu wtyczki daje nam bardzo dużo możliwości jeżeli chodzi o wyświatlane informacje dotyczące komentarzy / trackbacków.

Lista parametrów

%comment_excerpt - Shortened comment.
%comment_link - Link do komentarza.
%comment_author - Imię autora komentarza
%comment_date - Data opublikowania komentarza
%comment_time - Czas publikacji (godzina minuta)
%comment_type - Typ: Komentarz, Trackback lub Pingback
%time_since - Ile czasu upłynęło od publikacji komentarza
%userid - ID autora komentarza
%gravatar - Gravatar komentatora
%gravatar_url - Adres url gravatara
%profile_picture - Adres url do zdjęcia z profilu autora
%author_url - Adres url autora
%author_url_href - Czy nick autora będzie zamianieony w linka do jego strony czy pozostanie tekstem
%post_title - Tytuł wpisu, do którego dodany był komentarz
%post_link - Link do wpisu
%post_date - Data opublikowania wpisu
%post_counter - Liczba komentarzy do danego wpisu

Wszystkich tych parametrów można użyć w szablonie, który gotowy jest do wyedytowania w Panelu administracyjnym w zakładce Recent Comments

Poza tym jak można zauważyć w panelu od wtyczki można również ustawić:

• ilość ostatnio dodanych komentarzy,
• ile znaków ma zawierać wstęp komentarza wyświetlany za pomocą Get Recent Comments
• wielkość wyświetlanego gravatara (1-80px)
• pokazać tylko komentarze z danej kategorii
• nie pokazywać komentarzy z danych kategorii
• nie zamienianie uśmieszków typu na emotikony
• itp.

Wtyczka ma naprawdę spore możliwości, pozwala na dokładne dostosowanie wyświtlanego szablonu ostatnich komentarzy do własnych potrzeb i wyglądu strony / bloga.

Przykład

Wzór dla komentarzy:

Efekt:

Screenshots

Zakładka Comments

Zakładka Trackbacks

Zakładka Categories

Zakładka Gravatar

Zakładka Misc

Zakładka Instructions

Potrzebę zastosowania multilanguage na stronie internetowej przeżyłem na własnej skórze, kiedy to pracowałem nad projektem angielsko-hiszpańskim. Z pomocą przyszła mi wtyczka qTranslate która przerosła moje oczekiwania…

Sprawmy aby nasz wordpress zaczął mówić w wielu językach!

Instalacja

Wtyczkę pobieramy stąd:

Zawartość archiwum kopiujemy do katalogu z wtyczkami na naszym serwerze (katalog Plugins);

Włączamy wtyczkę w Panelu Administratora, na liście dodatek widnieje pod nazwą: qTranslate.

Po aktywacji wtyczki w naszym panelu ukazał się dodatkowy element z wyborem wersji językowej, natomiast w ustawieniach wordpress’a ukazała się nowa opcja pod nazwą Languages.

Konfiguracja

Wtyczka serwuje bardzo zaawansowany panel ustawień.
Z łatwością możemy definiować kolejność domyślnych języków (Default Language / Order);

Umożliwia również detekcję języka przeglądarki i dopasowanie odpowiedniej wersji językowej strony (Detect Browser Language);

Pozwala na definiowanie obrazków (flag) języków. Dodawania nowych języków, edycję obecnych oraz automatyczną konwersję niektórych elementów strony www.

Działanie

Przyjrzyjmy się funkcjonowaniu wtyczki:

A więc pierwszym krokiem jest ustalenie jakie języki maja pojawić się na naszej witrynie…

Jak widać wybraliśmy stronę dwujęzyczną (Niemiecki, Angielski) przy czym angielski jest naszym językiem domyślnym.

Kolejnym krokiem jest zredagowanie odpowiedniego dwujęzycznego wpisu. Tutaj autorze wtyczki wykazali się bardzo pomysłowością i utworzyli tę funkcję w formie zakładek:

Podobnie sprawa wygląda przy tytule wpisu, tutaj pojawiły pole na poszczególne tytuły.

Po zredagowaniu artykuły nastał czas na dodanie elementu (widget) dzięki któremu będziemy mogli się przełączać pomiędzy wcześniej zdefiniowanymi językami. Do tego celu użyjemy fragmentu kodu:

w miejsce $type wstawiamy interesujący nas sposób wyświetlania widgetu:
image – obrazki flag;
both – flaga wraz z nazwą danego języka;
dropdown – rozwijana lista języków;
text – sama nazwa języka.

I to właściwie tyle, od teraz nasz wordpress może mówić w wielu językach

Zapraszam do dyskusji w komentarzach…
Czekamy na pytania.

Po pierwsze - instalacja i ogólna funkcjonalność wtyczki

Instalacja jak przy każdej innej wtyczce wygląda tak samo:

• Pobieramy odpowiednią wersję WP-Polls ze strony Lesterchan
• Rozpakowujemy archiwum i wrzucamy katalog wp-polls do wp-content/plugins
• W panelu administracyjnym w zakładce wtyczki (plugins) aktywujemy WP-Polls. Jeżeli mamy zamiar korzystać z widgetów można także aktywować WP-Polls Widget

Po zainstalowaniu wtyczki, w menu głównym panelu administracyjnego pojawi się nowa zakładka Polls, a w niej wszystkie potrzebne nam w następnych etapach jej poznawania opcje, do których zaliczamy:

• Manage Polls (czyli zarządzanie utworzonymi ankietami, edycja, usuwanie, sprawdzanie ilości głosów, itd), następnie Add Polls (dodawanie nowej ankiety),

  

• Poll Options (tutaj można nadać odpowiedni kolor "suwakom", ustalić metodę sortowania pól, nadać uprawnienia do głosowania odpowiedniej grupie użytkowników strony),

  

• Poll Templates (autor wtyczki daje użytkownikom możliwość zmiany wyglądu szablonu ankiety poprzez zastosowane "tagi" typu: %POLL_ID%, %POLL_QUESTION%, itp, wszystkie te symbole są dokładnie opisane i nie powinny stwarzać większego problemu, w tym miejscu również przetłumaczyć niektóre angielskie zwroty na polskie, niestety do tej pory nie pojawiło się spolszczenie do wp-polls i trzeba radzić sobie inaczej w polskimi frazami w ankiecie)

  

• Uninstall WP-Polls (ta opcja pozwala na szybkie odinstalowanie WP-Polls)

Po drugie - tworzenie ankiety

Aby stworzyć nową ankietę należy skorzystać z zakładki Add Poll i wypełnić wszystkie pola jakie tam się znajdują. Podstawa to pytanie w ankiecie (Poll Question), następnie odpowiedzi (Answers) - możliwych odpowiedzi można ustalić tyle ile potrzeba, nie ma tutaj właściwie żadnych granic.

Jak wiadomo pól wyboru są dwa rodzaje radio (jedna możliwa odpowiedź wśród wszystkich odpowiedzi) oraz check (wiele możliwości do zaznaczenia przy wypełnianiu jednaj ankiety). Na standardzie aktywowana jest opcja "radio", czyli możliwość zaznaczenia przez użytkowników tylko jednej odpowiedzi, jednak aby móc dać im możliwość wyboru kilku pól należy aktywować opcje Allows Users To Select More Than One Answer? (wybierając Yes na liście wyboru), poniżej aktywuje się kolejne pole w którym można wybrać maksymalną ilość pól jaką może zaznaczyć pojedynczy użytkownik.

Jeszcze jedną opcją podczas zakładania nowej ankiety jest możliwość ustawienia daty jej rozpoczęcia oraz zakończenia. W zależności od zapotrzebowania, jest to dość przydatna rzecz.

Po trzecie - umieszczenia ankiety na stronie

Umieszczenie ankiety we wpisie i na stronie
Umieszczenie w tych miejscach jest bardzo proste. To co musimy pamiętać to ID ankiety która ma być opublikowana w konkretnym miejscu.
ID to odczytać możemy w zakładce Manage Polls, jest ono bardzo widocznie zaznaczone.
Po zainstalowaniu wtyczki w treści wpisu i strony, w pasku narzędzi pojawiło się nowe pole Poll, po kliknięciu na które należy podać odpowiednie ID. To wystarczy, aby ankieta zostala dołączona do treści.

Wyświetlanie ankiety wraz z jej wynikami

Do różnego rodzaju podsumować głosowań funkcja ta może być bardzo przydatna. Pokazuje ona jak przestawiają się ostateczne wyniki przeprowadzonej ankiety, wyglądają one zapewne o wiele wiarygodniej niż wrzucone między słowa cyferki, które nie zawsze muszą być zgodne z prawdą.

Wyświetlanie ankiety w template strony www
Aby móc pokazać ankietę o konkretnym ID nie we wpisie ani w treści tzw. strony, a w zupełnie innym i niezależnym od edytora miejscu należy w wybranym miejscu skóry wkleić następujący template tag

Do wyświetlania losowych ankiet w szablonie html należy zastosować poniższy kod:

Losową ankietę można również wyświetlić we wpisie lub na stronie w wordpressie, korzystając z:

Wyświetlanie wszystkich dotychczas odbytych ankiet na stronie:

Podsumowanie

Wtyczka, jaką jest WP-Polls, może nie jest aż tak bardzo zaawansowanym narzędziem, ale na pewno dzięki swoim zaletom stanie się doskonałym rozwiązaniem dla osób, które potrzebują na swojej stronie zamieścić ankietę i zebrać głosy w danej sprawie. Obsługa jest prosta i w miarę przyjemna, także uważam, że nikt nie powinien mieć z tą wtyczką najmniejszego problemu.

Życzymy miłego korzystania z WP-Polls.

W niezbędniku prawie każdego blogera leży możliwość menadżerowania swoimi kanałami RSS, bądź Atom. Któż z nas nie zna FeedBurner'a?. Zestawu narzędzi ułatwiających nam, czy to udostępnianie użytkownikom możliwości subskrypcji treści naszej strony, czy po prostu możliwość przejrzenia lub zamieszczenia statystyk w naszym serwisie. Pomimo dostarczonego API nie znajdziemy jednak bezpośrednio w panelu FeedBurner'a kodu pozwalającego na umieszczenie samej liczby subskrybentów bloga. I rozwiązanie tego, pozornie błahego problemu postaram się Wam dziś przedstawić...

Stary, dobry FeedBurner.com...

Niespełna dwa lata temu słynny serwis zajmujący się obsługą kanałów RSS został przejęty za sto milionów dolarów przez Google. Pomimo tego, że minęło aż tyle czasu wielu blogerów nadal korzysta z zasobów starego, wysłużonego, pierwotnego FeedBurner'a. I co może wydawać się dziwne, to właśnie oni mają najbardziej ułatwioną sytuację.

Zarówno stara, jak i nowa odsłona serwisu oferują usługę FeedCount dostępną z poziomu menu Publicize. Pozwala ona na dobranie typu wbudowanego tła wyświetlającego ilość subskrybentów (statyczne, bądź animowane) oraz na dobranie jego barwy i koloru tekstu. Wraz z ustawieniem tych parametrów otrzymujemy kod HTML do wstawienia na naszą stronę. I tu rodzi się problem. Prócz kilku stylistycznych zmian wygląd tychże "chickletów" jest zawsze taki sam i najczęściej nijak pasuje do designu naszego bloga. Co zrobić jeżeli np. chcemy wraz z tekstem przycisku odnoszącego użytkowników do wygenerowanego kanału wstawić także ilość osób śledzących naszą stronę?

Rozwiązanie zaprezentuje na podstawie użytkowania platformy WordPress (oczywiście ilość subskrybentów - opierając się na dalszym tekście - można zamieścić w każdym innym systemie zarządzania treścią, bądź nawet na własnej, prywatnej stronie). W takim wypadku wystarczy zainteresować się wtyczkami FeedSmith 2.3 (polska wersja) (wg. developerów WordPress'a kompatybilną ze wszystkimi wersjami 2.x) i Feed Count 1.2 (polska wersja). Pierwsza z nich niezbędna jest do obsługi kanału RSS przez serwis FeedBurner.

Jej instalacja oraz rejestracja w serwisie jest niezbędna do działania drugiej z nich. Jak wykonuje się instalacje wtyczek? Wystarczy wyodrębnić z archiwum odpowiednie pliki (w naszym pierwszym przypadku będzie to FeedBurner_FeedSmith_Plugin.php, w drugim feedcount.php) i umieścić je w katalogu wp-content/plugins/ systemu WordPress. Następnie wtyczki należy zaktywować w panelu administratora (Wtyczki / Nazwa wtyczki / Włącz).

Obydwa pluginy należy dodatkowo skonfigurować w zakładce Ustawienia. Pierwszy z nich swoje opcje ukrywa w podmenu FeedBurner. Zobaczycie tam dwa pola do uzupełnienia, jedno wymagane, drugie opcjonalne. Pierwsze z nich to pełny odnośnik do feedu strony w serwisie FeedBurner (i dla starej odsłony, i dla nowej na serwerach Google), a drugi to link do kanału RSS komentarzy.

Konfiguracja wtyczki FeedSmith w panelu.

Co do drugiego rozszerzenia to działa ono dla wersji 2.x WordPress'a, z tymże przy najnowszej 2.7x może sprawiać problemy natury zwracania wyniku w postaci N/A zamiast poprawnej wartości.

Konfiguracja wtyczki Feed Count w panelu.

Rozszerzenie to także należy dodatkowo skonfigurować. Robimy to w panelu poprzez menu Ustawienia / Feed Count. W jej opcjach trzeba podać co najmniej adres kanału (Feed Url) w postaci nazwy kanału na FeedBurner'ze, częstość aktualizowania ilości subskrybentów (Update interval) oraz częstość aktualizacji po wystąpieniu błędu (Update interval (recovery)). Pozostałe pola nie są wymagane. Link url to adres odnośnika pojawiającego się na zwróconej przez skrypt ilości osób śledzących stronę. Before za to jest treścią pojawiającą się przed liczbą w.w. użytkowników, a After to treść po.

Po wykonaniu konfiguracji należy jeszcze w strukturze szablonu strony dodać odpowiedni kod.

Wstawić go musimy w miejscu w którym chcemy wyświetlać wystylizowaną liczbę użytkowników RSS (plugin ten nie zwraca tylko liczby otaczając ją poprzez dodatkowe tagi HTML). Oczywiście możemy go modyfikować. Jeżeli chcielibyście np. wyświetlić go w odnośniku (w header.php) o nazwie RSS w dodatkowych nawiasach to możecie to zrobić w następujący sposób:

No i ostatecznie musicie w panelu FeedBurner'a (nie wtyczki, a profilu w serwisie w którym zakładaliście konto) zezwolić wtyczce na działanie z API tegoż serwisu. Wystarczy wejść do zakładki Publicize, a następnie do menu Awareness API i zaktywować tą funkcjonalność.

Wtyczka Feed Count 1.2 dla Google FeedBurner!

Jeżeli zdecydowaliście się jednak na migracje z starych serwerów serwisu, na ultraszybkie i megafajne klastry Google, a wcześniej trafnie stosowaliście w.w. metodę do wyodrębniania liczby użytkowników to prawdopodobnie będzie ona także działać po przejściu na feedburner.google.com.

Trzeba jednak w takim wypadku dokonać pewnych, małych zmian w kodzie wyżej opisywanej wtyczki Feed Count. W tym celu edytujemy plik feedcount.php (np. poprzez Notepad++ lub ZendStudio). Przechodzimy w okolice 41 linii w celu odnalezienia następującego kodu.

Co można zauważyć element tablicy o nazwie przed => wskazuje na adres dostępowy do API, ale feedburner.com. A my przecież chcemy korzystać już z API Google. W tym celu należy tą linijkę zmienić niżej wymienionym kodem, po czym zapisać plik i ponownie wysłać go na serwer.

C... bombki strzelił! Jedyne co otrzymuje w wyniku to ten niewdzięczny "N/A"...

Po pierwsze musicie sprawdzić czy biblioteka cURL (Client URL Library Functions) jest dostępna w konfiguracjach Waszych serwerów (jako pakiet PHP). W tym celu wystarczy stworzyć jakikolwiek plik o rozszerzeniu .php, wypełnić go poniższym kodem i wywołać na hipotetycznie problematycznym serwerze.

W wylistowanych wynikach wystarczy poszukać wpisu cURL support i sprawdzić, czy jego flaga ustawiona jest na enabled. Jeżeli nie, to właśnie znaleźliście przyczynę problemu. Powyższa, kluczowa dla nas wtyczka oparta jest na tym libie, a co za tym idzie jego brak powoduje niemożność poprawnego wykonania kodu tego rozszerzenia.

Diagnoza problemu: cURL...

Kiedy zawodzą dostępne już rozwiązania najlepszym sposobem na pozbycie się własnego problemu jest... napisanie indywidualnej solucji. Niestety to wiążę się najczęściej z jedną z dwóch rzeczy. Albo z posiadaniem konkretnej wiedzy odnośnie danego problemu, albo z wydatkiem związanym z opłaceniem osoby która rozwiąże Waszą dolegliwość.

Jeżeli dotarliście do tego punktu tzn. że nadal nie uzyskaliście pożądanego efektu. Pora więc właśnie na w.w. sposób, z tymże ja dla Was przygotuję go w stu procentach... za friko :] Mógłbym Wam zaprezentować kilkulinijkowy sposób, bo praktycznie do tego ogranicza się rozwiązanie - pytanie po co? Blog ten ma uczyć, dlatego postaram się Wam przedstawić dwie metody pobierania potrzebnych nam danych które po lekkim tuningu złożą się w jedną, w pełni funkcjonalną wtyczkę napisaną specjalnie na potrzeby tego artykułu. I w gruncie rzeczy będzie to najbardziej optymalne rozwiązanie ze wszystkich tutaj przedstawionych...

Przypadek numer jeden: brak możności użytkowania cURL'a. Jak to w życiu bywa, jak nie da wejść się jednym oknem, trzeba próbować drugim. Sposobów jest wiele, ja wybiorę użycie funkcji file_get_contents. Zaimplementowana jest ona w PHP od wersji 4.3 i dodatkowo do jej działania konfiguracja serwera musi zezwalać na zdalne (z zewnętrznych źródeł) pobieranie plików. Trik który zastosujemy ogranicza się kolejno do:

• pobrania danych z adresu FeedBurner'a korzystając z udostępnionego przez niego API,
• sprawdzenia czy odebrane dane są poprawne (pod kątem poprawności adresu i ewentualnych wyjątków),
• wyszukanie frazy circulation=" w posiadanym buforze. Kod który pobraliśmy wcześniej musi być w formacie XML, a co za tym idzie składa się on ze znaczników i parametrów. Właśnie parametr circulation zawiera w sobie wartość będącą ilością subskrybentów,
• jeżeli fraza nie zostanie znaleziona, zwrócenie błędu,
• w przeciwnym razie pobranie ciągu od pozycji wyszukiwanej wyżej frazy + 13 znaków (długość szukanego słowa), aż do znalezienia następnego cudzysłowia (bez niego).

Kiedy problemem nie jest jednak cURL...

Plugin FeedCount nie zawsze działa na WordPress'ie 2.7x. Nie pytajcie dlaczego. Szczerze? Nie wiem i nie chciało mi się dociekać co jest tego powodem. Postanowiłem jakiś czas temu spotykając się z tą przypadłością po prostu stworzyć bardziej uproszczony kod, niż ten z popularnej wtyczki. Jak wygląda jego schemat krokowy? Po kolei:

• inicjalizacja cURL,
• ustawienie opcji transferu biblioteki (zwracanie zawartości bez wypisywania jej na ekran oraz wprowadzenie adresu docelowego),
• wykonanie zadania, po czym zniszczenie sesji połączenia,
• sprawdzenie, czy nie występuje znacznik nadrzędny err z parametrem code o wartości 1 (oznaka zwrócenia błędu, najczęściej nieodnalezienia pliku),
• jeżeli powyższy punkt nie okaże się prawdą to utworzenie obiektu SimpleXMLElement i wyszukanie zawartości wyżej już wspomnianego atrybutu circulation.

Aby bardziej wyjaśnić działanie powyższej partii kodu posłużę się przykładowymi danymi, jakie mogą zostać pobrane.

Można z niego wywnioskować, że odpowiednio operując na klasie SimpleXMLElement moglibyśmy uzyskać identyfikator konta, jego część adresu zwaną w tym artykule po prostu nazwą, datę utworzenia, ilość osób śledzących RSS'a, liczbę kliknięć oraz ściągnięć. Działanie powyższej klasy jest proste. Z kodu XML tworzymy obiekt po którym możemy przesuwać się za pomocą zwyczajnych selektorów. Przykładowo jeżeli chcielibyśmy wyłuskać z powyższego przykładu identyfikator (id) zrobilibyśmy to w następujący sposób:

Pierwszy, główny element rsp jest pomijany w instancji obiektu.

Zasada działania SimpleXMLElement na podstawie kodu pobierania liczby subskrybentów.

Autorska wtyczka finalnym rozwiązaniem naszego problemu!

I tak oto dochodząc do meritum przedstawiam Wam rozszerzenie uproszczone, ale za to wzbogacone o trzy, moim zdaniem niezbędne funkcjonalności. Easy Feed Counter posiada możliwość łatwej instalacji i konfiguracji poprzez panel administratora. Proces wdrażania tego pluginu jest adekwatny do dodawania opisywanego wcześniej FeedCount (jest także dokładnie opisany w linku powyżej w repozytorium modyfikacji). Pozwala on na ustawienie serwera feedów, metody pobierania statystyk oraz wpisanie nazwy konta kanału RSS na FeedBurner'ze. Opcjonalnie możecie także dodać konto komentarzy na tym serwisie, o ile takowe posiadacie.

Rezultaty działania wtyczki.

Rozwiązanie to ma także jeden wielki, dodatkowy atut. Nie formatuje jak inne pluginy zwracanej treści, a ogranicza się do podania wartości (liczby użytkowników), bądź kodu błędu (n/d). To pozwala na szersze modyfikacje położenia bądź wyglądu wyników po wywołaniu funkcji easyfeedcounter_get([opcjonalny: parametr]) bez dodatkowej ingerencji w sam kod rozszerzenia.

Bardziej skrupulatne objaśnienie, opisane krok po kroku znajdziecie w moim repozytorium. W przypadku wątpliwości dotyczących tematu, bądź instalacji tego tworu proszę śmiało pytać :]

copyright © 2008-2009, m1chu

udostępnione na licencji CC dla vivee.info i m1chu.eu

Cforms jest rozbudowanym narzędziem przeznaczonym do stron opartych o WordPress, które umożliwia nam w prosty sposób stworzyć formularz poczynając od najprostszego - kontaktowego, a skończywszy na rozbudowanym formularzu służącym przykładowo do rezerwacji pokoju w pensjonacie. To jaki formularz utworzymy zależy jedynie od przeznaczenia strony i naszej fantazji, resztę za nas robi Cforms.
Cforms to temat rzeka, przedstawimy Wam jednak jego najważniejsze funkcje i możliwości, a także sposób konfigurowania własnych formularzy.

Instalacja i spolszczenie

Instalacja wtyczki Cforms jest dziecinnie prosta. Jak zawsze, postępujemy według danego rytuału:

• Na początek należy pobrać wtyczkę Cforms z tej strony lub ze strony autora: Delicious Day
  (lub za pomocą zakładki Dodaj nową w menu Wtyczki).
• Następnie rozpakowujemy archiwum i katalog cforms kopiujemy na serwer do katalogu wp-content/plugins/.
• W panelu administracyjnym, w zakładce Wtyczki (Plugins) aktywujemy wtyczkę.

W menu głównym WordPressa pojawia się nowe pole - CformsII.

Cforms sam w sobie wśród wszystkich zakładek zawiera:
- Form Settings (Ustawienia pojedynczego formularza, wybranego z już stworzonych)
- Global Settings - Ustawienia ogólne
- Styling - Wygląd (możemy wybrać jaki szablon css mają posiadać tworzone formularze - do wyboru jest kilka gotowych styli, można je wyłączyć - wtedy własny styl CSS można zamieścić w stylu skóry z której się korzysta).
- Help -Pomoc

Spolszczenie
Autorką spolszczenia do cfroms jest Nietoperzka. Niestety spolszczenie nie jest najnowsze, także w Cforms 10.0 można dopatrzeć się wielu niedociągnięć wynikających z braku aktualizacji polskich plików językowych.
Spolszczenie można pobrać z tej strony

UPDATE Spolszczenia do najnowszych Cforms tworzy także Tomek Ignatiuk. Możecie je pobrać ze strony http://ignatiuk.pl/kategoria/tlumaczenia/cforms-tlumaczenia/.

Instrukcja spolszczania:
Po pobraniu plików językowych, należy porównać ich nazwy z deklaracją w wp-config.php, a następnie skopiować je do wp-content/plugins (Uwaga: nie do katalogu cforms!).

Jeśli w wp-config.php jest WP_LANG pl_PL, to nie trzeba zmieniać nazw plików cfroms-pl_PL.po. i cforms-pl_PL.mo.
Jeśli jednak w wp-config.php jest PL_pl albo pl, to powyższe pliki też muszą mieć taką nazwę

Pliki graficzne z katalogu images trzeba skopiować do wp-content/plugins/cforms/images, nadpisując wszystkie, jeżeli ich nazwy się powieliły.
Jeżeli powyższe etapy zrealizujemy bez żadnego błędu, to panel Cforms od razu powinien zmienić język na polski.

Tworzenie formularzy i osadzanie ich na stronach

Przykładowym formularzem, będzie formularz zgłoszeniowy na konferencję naukową. Użyjemy w nim praktycznie każdego rodzaju pól, aby przedstawić ogólną zasadę funkcjonowania Cforms.
Do stworzenia formularza posłuży nam zakładka Form Setting (Ustawienia formularza).

Na samym początku pokazuje nam się defaultowy formularz, który albo wyedytujemy (zmienimy mu nazwę, dodamy / odejmiemy pola) albo usuniemy i stworzymy nowy. W tym przypadku skorzystamy z pierwszego wyjścia.
Pierwszym krokiem jest zmiana jego nazwy na "zgloszenie" i aktualizowanie jego ustawień.

Następnie musimy się zastanowić jakie pola będą nam potrzebne w tym formularzu:

1. Imię i Nazwisko
2. Stopień naukowy
3. Miejsce zatrudnienia
4. Dane korespondencyjne
5. Telefon
6. Email (adres musi być prawidłowy i ważny, to na ten adres zostanie nadesłane potwierdzenie wysłania zgłoszenia)
7. Zgłoszenie uczestnictwa (zaznaczenie pola checkbox dla potwierdzenia uczestnictwa)
8. Zgłoszenie uczestnictwa oraz: plakatu naukowego lub referatu (15-minutowego) - to pole można oprzeć na select
9. Jeżeli wybrano referat należy nadesłać jego abstrakt (format pliku pdf, doc, odt)
10. Tytuł referatu lub posteru
11. Dane do rachunku z numerem NIP

Do każdej nazwy rubryki musimy wybrać odpowiedni rodzaj pola, czy to ma być najprostszy tekstowy input, czy select, czy też pole wielokrotnego wyboru, a może textarea.
W tym celu należy pojedynczo wyedytować każdą możliwą pozycje w domyślnym formularzu, a także dodać kilka pól ekstra.
Pierwsza kolumna (zielona na ilustracji) dotyczy nazw pól - uzupełniamy ją zgodnie z powyższym szkicem, druga (szara) służy do edycji pojedynczych pól. W przypadku pól wielokrotnego wyboru, czy też listy rozwijanej musimy podać pozycje jakie mają być do wyboru.
W trzeciej kolumnie (czerwonej) zaś należy wybrać rodzaj pola. Cforms daje nam także możliwość oznaczenia pól wymaganych do wypełnienia (zaznaczyć należy wtedy pole "required").

Kompletny formularz z tego przykładu na stronie wygląda następująco: zobacz demo

Dodatkowe opcje formularzy

Dodatkowe opcje formularzy dadzą nam możliwość doboru indywidualnych ustawień dla każdego stworzonego formularza osobno.

Do najważniejszych ustawień dla formularzy zaliczamy:
Ustawienia uploadu plików
tutaj wskazujemy katalog na serwerze do którego są wrzucane pliki pochodzące z załączników do formularza, można również ograniczyć wielkość uploadowanych plików oraz ich format

Przekierowania, wiadomości, napisy na przyciskach
w tym miejscu można zmienić wyświetlane komunikaty oraz nazwy na buttonach, itp

Administrator formularza / opcje e-maili
najistotniejszym punktem z wszystkich w tej części ustawień to oczywiście adres email, na który maja być wysyłane zgłoszenia, dodatkowo przydatną opcją jest ustawienie daty startu oraz wygaśnięcia formularza - ma to sens przykładów przy zgłoszeniach na konferencję, gdyż zgłoszenia mogą nadchodzić od dnia X do dnia X i ustawiając dokładne czasy nie ma potrzeby martwienia się o to, że ktoś jeszcze coś przyśle mimo, że termin już minął

Opcje wiadomości e-mailowych do administratora
Dzięki cform nadsyłane emaile nie muszą być zwykłym tekstem, dzięki niemu możemy określić szablon html, który sprawie, że staną się one nieco ciekawsze.

Automatyczne potwierdzenie
Może nie każdy lubi otrzymywać automatyczną odpowiedź zwrotną, ale w niektórych przypadkach ona bardzo się przydaje. Jeżeli chcemy ją aktywować należy podać tekst jaki ma być przesyłany do osoby, która wcześniej do nas pisała.

Podłączanie formularzy do stron / wpisów

Aby wyświetlić stworzony za pomocą Cforms formularz na stronie lub wpisie należy wpisać odpowiedni fragment kodu:
<!--cforms name="nazwa formularza"-->
Dzięki tej mozliwości można tworzyć dowolną ilość formularzy na stronę.
Na podstawie stworzonego przykładu wygląda ten kod następująco:
<!--cforms name="zgloszenie"-->
Przy nadawaniu nazw formularzom należy pamiętać, aby nie uzywać tej samej nazwy dla kilku formularzy, nazwy muszą być indywidualne dla każdego z osobna.

Wygląd

Cforms oferuje nam kilka gotowych rozwiązań jeżeli chodzi o gotowy wygląd dla formularzy. Jeżeli nie są one specjalnie dopasowane do naszej strony - wtedy można je bez problemu wyedytować za pomocą wbudowanego do wtyczki edytora kodu CSS (przed edycją należy plikom wyglądowym nadać chmod 777)

Jeżeli na liście gotowych szablonów wyglądowych nie ma takiego, który pasowałby do naszej stromy, możemy wyłączyć styl cforms i własnoręcznie ostylować formularze dodając własny styl do plików skóry wordpressowej z jakiej korzystamy - jest to najprostszy sposób na dostosowanie wyglądu formularza do wyglądu strony.

Podsumowanie

Kiedy stworzymy swój pierwszy formularz za pomoca wtyczki Cforms zobaczymy jak ogromne ma możliwości mimo, że na pierwszy rzut oka wydawać może się zupelnie inaczej. Od najprostszego formularza do najbardziej zakręconego i skomplikowanego. I najważniejsze, że można stworzyć ich wiele w jednym miejscu.

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.

Większość blogerów na świecie zakładając bloga rozpoczyna wojnę ze spamem w komentarzach. Dzięki artylerii pokroju SpamKarma czy Akismet wychodzą z tego zwycięsko. Kiedy jednak blog im zacznie się rozrastać i stwierdzą, że chcą mieć prawdziwe community włączają możliwość rejestracji. Czasem czeka ich niespodzianka gdy pierwszy zarejestrowany user będzie miał nick "viagra". Coś trzeba z tym zrobić.

Na szczęście społeczność wordpressowa dostrzegła problem i stworzyła rozwiązanie w postaci wtyczki o nazwie SABRE (Simple Anti Bot Registration Engine). Dzięki niej formularz rejestracyjny zostanie wzbogacony o captcha, test matematyczny lub/oraz kilka rozwiązań działających w tle (np. sprawdzanie jak szybko został wypełnony formularz, jak za szybko rejestracja nie zostanie zaakceptowana).

Instalacja

Instalacja tej wtyczki nie powinna nikomu sprawić najmniejszych problemów:

• Pobierz wtyczkę ze strony wordpress plugins
• Rozpakuj i umieść katalog sabre w /wp-content/plugins/
• W panelu administracyjnym, we wtyczkach włącz SABRE

Przykładowa konfiguracja

Nim zaczniemy cokolwiek robić, należy zdać sobie sprawę z pewnej rzeczy - nie ma zabezpieczenia doskonałego, to co robimy to najwyżej utrudnienie, niestety także dla usera. Musimy więc je odpowiednio zbalansować pomiędzy bota, a użytkownika (żeby mu życia nie zatruć).

Nasz arsenał to captcha, prosty rachunek matematyczy oraz kilka zabezpieczeń w tle. Możecie ich używać we wszelakich konfiguracjach, w zależności od gustu.

Ja bym proponował matmę + te kilka zabezpieczeń. Dlaczego? Ano dlatego, że coraz bardziej uważam, że captcha służy do tego, żeby zirytować usera, a dość sporo botów sobie z nią radzi i tak.

Zaptaszkowywujemy Enable math test. Test ten polega na tym, że losowane są dwie liczby naturalne z przedziału od 1 do 20, a pomiędzy nie jest wstawiany znak, z tych które wybierzemy wiersz niżej (standardowo +, - i *).

Następnie zaptaszkowywujemy Enable stealth test. Pozostałych wartości z tego działu bym nie zmieniał. Najwyżej bym się zastanowił nad Speed limit, czyli minimalnym czasem potrzebnym na wypełnienie formularza (jeżeli ktoś wypełni szybciej to rejestracja się nie powiedzie, a głupie boty dość szybko te formularze wypełniają). Najlepiej jest samemu, ze stoperem w ręku, zobaczyć ile zajmuje nam rejestracja.

Niektórzy mogą się pokusić w zabawę z potwierdzaniem reestracji w Confirmation options. Dzięki temu możemy doprowadzić, ze rejestracja będzie dopiero zakończona sukcesem, gdy ręcznie ją zatwierdzimy. Wg. mnie nie warto, chyba, że mamy do czynienia z jakąś bardziej zamkniętą społecznością.

Warto jeszcze wspomnieć o User's password, czyli możlwiości wybrania przez usera własnego hasła.

Podsumowanie

Mam nadzieję, że ta wtyczka pomoże Wam powstrzymać różnych erotyczno-farmakologicznych userów przed rejestracją. Co prawda pewnie czasem jakiś bot może zdołać się przebić, ale usunięcie jednego usera na miesiąc (albo i więcej) nie powinno stanowić problemu.

ps. podziękowania dla bloga wpninja za inspirację.