-
data publikacji: 07.10.2009
FlippingBook WordPress Gallery Plugin
kategoria: Wordpress, Wtyczki do Wordpressa autor: agressiva
Tym razem dla miłośników WordPressa mamy narzędzie z kategorii "bajery". Jest to wtyczka - FlippingBook WordPress Gallery Plugin, która umożliwia nam stworzenie animacji Flash upodobnionej do książki za pomocą uploadu wybranych przez nas obrazków.
W ostatnim czasie efekt ten stał się bardzo popularny...
Instalacja
1. Pobieramy wtyczkę z oficjalnej strony autora.
2. Rozpakowujemy archiwum (zip) i kopiujemy jego zawartość na serwer do kataloguwp-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. -
4 Responses to “FlippingBook WordPress Gallery Plugin”
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
Arek: Full of colours
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.
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

































A można dodać PDF;a? Bo szczerze chętnie bym dodać większe materiały tekstowe właśnie w formie takiej książki :/
no no bajer jak się patrzy
Świetny do prezentacji jakiejś gazetki czy katalogu produktów, jako portfolio według mnie nie sprawdza się już tak dobrze. (-;
Zależy… widziałam portfolio na flippage’u w wersji pełnoekranowej i wyglądało bardzo fajnie.
Nie dziwmy się, że ta uproszczona wersja nie spełni naszych wszystkich oczekiwań – takie narzędzie autorskie kosztuje bardzo dużo i wymaga sporego nakładu pracy. Ci, którzy nie mogą sobie pozwolić na zakup wersji rozbudowanej powinni naprawdę się cieszyć, że ktoś wyszedł z inicjatywą zrobienia czegoś prostszego za darmo – posiadającego wbrew pozorom naprawdę sporo opcji dostosowawczych.