15%

Zaoszczędź 15% na wszystkich usługach hostingowych

Sprawdź swoje umiejętności i zdobądź Rabat na dowolny plan hostingowy

Użyj kodu:

Skills
Rozpocznij
23.10.2024

Jak dodać DearFlip, aby utworzyć flipbook w WordPress

DearFlip to wtyczka WordPress, która konwertuje pliki PDF lub sekwencje obrazów na interaktywne, przewracane flipbooki renderowane bezpośrednio w przeglądarce przy użyciu WebGL i transformacji 3D CSS3. Zamiast zmuszać odwiedzających do pobierania statycznego pliku PDF, DearFlip osadza realistyczne doświadczenie przewracania stron — z cieniami zwijania stron, efektami dźwiękowymi i kontrolkami powiększenia — bez konieczności używania Flash ani żadnych zewnętrznych zależności.

Ten przewodnik przeprowadza przez każdy etap procesu: instalację, globalną konfigurację, tworzenie flipbooka, osadzanie i optymalizację wydajności. Obejmuje również techniczne przypadki brzegowe i typowe pułapki, które większość poradników całkowicie pomija.

Dlaczego flipbooki mają znaczenie dla strategii treści WordPress

Flipbook to nie tylko wizualny gadżet. Dla wydawców, operatorów e-commerce i agencji rozwiązuje konkretny problem: pliki PDF osadzone za pomocą <iframe> lub przeglądarki Google Docs są pozbawione brandingu, wolne na urządzeniach mobilnych i nie oferują żadnych haków analitycznych. DearFlip utrzymuje użytkowników w Twojej domenie, obsługuje głębokie linkowanie do konkretnych stron i integruje się ze standardowymi hookami WordPress, dzięki czemu możesz śledzić zaangażowanie.

Typowe przypadki użycia obejmują:

  • Cyfrowe magazyny i katalogi, w których nawigacja strona po stronie odzwierciedla doświadczenie drukowane
  • Lookbooki produktów osadzone na stronach kategorii WooCommerce
  • Raporty roczne i białe księgi, które muszą zachować spójność z marką
  • Interaktywne portfolio zbudowane z sekwencji wysokiej rozdzielczości obrazów
  • Podręczniki szkoleniowe z wewnętrznymi zakładkami i nawigacją po spisie treści

DearFlip Free vs. Pro: Co faktycznie otrzymujesz

Przed instalacją zapoznaj się z ograniczeniami wersji bezpłatnej i funkcjami odblokowywanymi przez licencję Pro.

FunkcjaDearFlip FreeDearFlip Pro
Flipbooki PDFTakTak
Flipbooki oparte na obrazachTakTak
Efekt przewracania stron 3DTakTak
Niestandardowy motyw / kolorystykaOgraniczone (3 motywy)Pełny niestandardowy CSS + ponad 10 motywów
Ochrona hasłemNieTak
Głębokie linkowanie (URL do strony)NieTak
Warstwa tekstowa PDF / wyszukiwanieNieTak
Integracja z analitykąNieTak
Znakowanie wodneNieTak
Obsługa WordPress multisiteCzęściowaPełna
Usunięcie brandingu DearFlipNieTak
Wsparcie priorytetoweNieTak

W przypadku dokumentów wewnętrznych lub witryn o niskim ruchu wersja bezpłatna jest w pełni funkcjonalna. W przypadku katalogów skierowanych do klientów lub treści z bramką dostępu, Pro jest warte inwestycji.

Krok 1: Zainstaluj wtyczkę DearFlip

1.1 Instalacja z repozytorium wtyczek WordPress

Zaloguj się do panelu administracyjnego WordPress i przejdź do Wtyczki > Dodaj nową wtyczkę. W polu wyszukiwania wpisz DearFlip. Znajdź wtyczkę zatytułowaną DearFlip – 3D Flipbook, PDF Viewer autorstwa DearHive i kliknij Zainstaluj teraz, a następnie Aktywuj.

Alternatywnie zainstaluj za pomocą WP-CLI, jeśli zarządzasz wieloma witrynami lub preferujesz przepływy pracy z wiersza poleceń:

wp plugin install dearflip --activate

1.2 Ręczna instalacja wersji Pro

Jeśli zakupiłeś licencję Pro, pobierz archiwum .zip z panelu konta DearHive. Następnie przejdź do Wtyczki > Dodaj nową wtyczkę > Prześlij wtyczkę, wybierz plik .zip i kliknij Zainstaluj teraz > Aktywuj.

Ważna uwaga: Nie instaluj jednocześnie wersji bezpłatnej i Pro. Dezaktywuj i usuń wersję bezpłatną przed przesłaniem archiwum Pro, aby uniknąć konfliktów klas, które spowodują krytyczny błąd PHP.

1.3 Weryfikacja wymagań PHP i serwera

DearFlip wymaga:

  • PHP 7.4 lub wyższego (zalecane PHP 8.1+)
  • WordPress 5.0+
  • Biblioteki GD lub Imagick włączonej na serwerze (używanej do generowania miniatur z okładek PDF)
  • allow_url_fopen lub cURL włączonego (dla zdalnych źródeł PDF w wersji Pro)

Jeśli Twoje środowisko hostingu współdzielonego nie ma Imagick, miniatury okładek flipbooka nie będą generowane automatycznie. Przejście na plan Hosting VPS daje pełną kontrolę nad rozszerzeniami PHP i dyrektywami php.ini, co całkowicie eliminuje tego rodzaju problemy z konfiguracją.

Krok 2: Skonfiguruj globalne ustawienia DearFlip

Po aktywacji w lewym pasku bocznym pojawi się element menu DearFlip. Przejdź do DearFlip > Ustawienia. Te globalne ustawienia definiują domyślne zachowanie każdego tworzonego flipbooka — poszczególne flipbooki mogą je nadpisywać, ale właściwe ustawienie wartości domyślnych oszczędza czas.

2.1 Ustawienia ogólne

  • Tryb przewracania stron: Wybierz Pojedyncza strona dla układów zoptymalizowanych pod urządzenia mobilne lub Podwójna strona dla prezentacji w stylu magazynowym na komputerach. Tryb podwójnej strony poprawnie dzieli każdy rozkład PDF tylko wtedy, gdy plik PDF został wyeksportowany jako rozkłady, a nie pojedyncze strony.
  • Wysokość flipbooka: Ustaw wartość procentową lub stałą wartość w pikselach. Użycie 100% z kontenerowym div jest najbardziej responsywnym podejściem.
  • Kolor tła: Dopasuj do tła swojej witryny, aby uniknąć rażącego kontrastu kolorów wokół obszaru roboczego flipbooka.

2.2 Ustawienia kontrolek

Włącz lub wyłącz następujące kontrolki interfejsu użytkownika w zależności od odbiorców:

  • Powiększenie — niezbędne dla katalogów z drobnym drukiem; wyłącz dla czysto wizualnych lookbooków
  • Pełny ekran — wysoce zalecane; użytkownicy tego oczekują
  • Kontrolki nawigacji po stronach — przyciski strzałek i pole wprowadzania numeru strony
  • Efekty dźwiękowe — dźwięk przewracania strony dodaje realizmu, ale może być uciążliwy; pozostaw jako opcję do włączenia przez użytkownika, a nie włączoną automatycznie
  • Przycisk pobierania — wyłącz, jeśli Twój PDF jest zastrzeżony lub stanowi treść z bramką dostępu

2.3 Ustawienia wydajności

To jest miejsce, gdzie większość poradników milczy, a rzeczywiste wdrożenia zawodzą.

Silnik renderowania PDF: DearFlip renderuje pliki PDF po stronie klienta przy użyciu PDF.js (biblioteki open-source Mozilla). Oznacza to, że cały plik PDF jest przesyłany do przeglądarki przed rozpoczęciem renderowania. W przypadku 50-stronicowego katalogu o wadze 150 KB na stronę daje to początkowy ładunek 7,5 MB. Ogranicz to przez:

  1. Kompresję pliku PDF za pomocą Ghostscript przed przesłaniem:
gs -sDEVICE=pdfwrite -dCompatibilityLevel=1.4 -dPDFSETTINGS=/ebook 
   -dNOPAUSE -dQUIET -dBATCH 
   -sOutputFile=compressed_output.pdf input.pdf
  1. Włączenie Lazy Loading w ustawieniach DearFlip, aby tylko pierwsze kilka stron renderowało się przy początkowym ładowaniu.
  2. Serwowanie pliku PDF z zasobnika pamięci masowej obsługiwanego przez CDN, a nie bezpośrednio z katalogu uploads WordPress.

Limit pamięci WordPress: Przetwarzanie PDF.js może powodować skoki użycia pamięci PHP podczas generowania miniatur. Jeśli po przesłaniu dużego pliku PDF widzisz biały ekran lub błąd 500, zwiększ limit pamięci w wp-config.php:

define( 'WP_MEMORY_LIMIT', '256M' );

Krok 3: Utwórz nowy flipbook

Przejdź do DearFlip > Dodaj nowy. Otworzy się interfejs tworzenia flipbooka, który działa jak edytor niestandardowego typu wpisu.

3.1 Ustaw tytuł i typ źródła

Wprowadź opisowy tytuł wewnętrzny (domyślnie nie jest wyświetlany odwiedzającym, ale pojawia się na liście shortcode’ów i w panelu administracyjnym, więc bądź konkretny: 2025 Spring Catalog zamiast Flipbook 1).

Z listy rozwijanej Źródło wybierz:

  • PDF — dla pojedynczego pliku PDF (najczęstsze)
  • Obraz — dla sekwencji plików JPEG lub PNG
  • Zewnętrzny URL (tylko Pro) — aby odwołać się do pliku PDF hostowanego na zewnętrznym serwerze lub CDN

3.2 Prześlij plik PDF

Kliknij Prześlij PDF i wybierz plik z Biblioteki multimediów lub prześlij bezpośrednio z komputera. Domyślny maksymalny rozmiar przesyłania WordPress wynosi często 2 MB, co jest niewystarczające dla większości katalogów.

Aby zwiększyć limit przesyłania, dodaj następujące wpisy do pliku .htaccess (Apache) lub nginx.conf (Nginx):

Apache .htaccess:

php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

Blok serwera Nginx:

client_max_body_size 64M;

Po przesłaniu DearFlip automatycznie generuje miniaturę okładki z pierwszej strony przy użyciu Imagick lub GD. Jeśli miniatura jest pusta lub brakuje jej, sprawdź, czy na serwerze jest zainstalowany Imagick:

php -r "phpinfo();" | grep -i imagick

3.3 Prześlij sekwencję obrazów

W przypadku flipbooków opartych na obrazach kliknij Prześlij obrazy i wybierz wiele plików. Kolejność przesyłania określa kolejność stron. Niezawodnym sposobem jest nadanie plikom sekwencyjnych nazw przed przesłaniem (page-001.jpg, page-002.jpg itd.), aby kolejność sortowania systemu plików odpowiadała zamierzonej sekwencji.

Obsługiwane formaty: JPEG, PNG, WebP (obsługa WebP zależy od wersji GD lub Imagick na serwerze).

Zalecane specyfikacje obrazów:

  • Rozdzielczość: 1200 x 1600 px (pionowa) lub 1600 x 1200 px (pozioma)
  • Profil kolorów: sRGB (obrazy CMYK będą renderowane z nieprawidłowymi kolorami w przeglądarkach)
  • Rozmiar pliku na obraz: poniżej 200 KB po kompresji; użyj narzędzi takich jak cwebp lub jpegoptim

3.4 Opcje dostosowywania poszczególnych flipbooków

Każdy flipbook ma własne ustawienia, które nadpisują globalne wartości domyślne:

  • Szerokość / Wysokość strony: Ustaw dokładne wymiary, jeśli flipbook musi pasować do konkretnej kolumny układu
  • Automatyczne przewracanie: Włącza automatyczne przewracanie stron w określonym interwale (w sekundach). Używaj oszczędnie — automatyczne przewracanie dezorientuje przy stronach z dużą ilością treści
  • Strona startowa: Określ, która strona otwiera się jako pierwsza, przydatne w kampaniach z głębokim linkowaniem
  • Motyw: Wybierz motyw wizualny (jasny, ciemny lub niestandardowy w Pro)
  • Miniatura flipbooka: Prześlij niestandardowy obraz okładki, który pojawia się przed kliknięciem przez użytkownika w celu otwarcia flipbooka

3.5 Opublikuj flipbook

Kliknij Opublikuj. WordPress zapisuje flipbook jako wpis niestandardowego typu wpisu. Shortcode jest natychmiast widoczny po prawej stronie edytora, w formacie:

[dflip id="123"]

Gdzie 123 to identyfikator wpisu WordPress przypisany do tego flipbooka. Zanotuj ten identyfikator — będzie potrzebny do osadzania.

Krok 4: Osadź flipbook na stronie lub we wpisie

4.1 Używanie edytora bloków Gutenberg

Przejdź do Strony > Dodaj nową lub otwórz istniejącą stronę. W edytorze bloków kliknij ikonę +, aby dodać nowy blok. Wyszukaj Shortcode i wybierz go. Wklej shortcode:

[dflip id="123"]

Możesz również użyć dedykowanego bloku DearFlip, jeśli pojawia się w bibliotece bloków po aktywacji — zapewnia on wizualny podgląd bezpośrednio w edytorze.

4.2 Używanie klasycznego edytora

Otwórz stronę lub wpis w klasycznym edytorze. Przełącz się na zakładkę Tekst (nie Wizualny), aby wkleić shortcode bezpośrednio do HTML. Wklejenie w zakładce Wizualny może spowodować, że filtr wpautop WordPress opakuje shortcode w tagi <p>, co czasami psuje wymiary kontenera flipbooka.

4.3 Osadzanie za pomocą bloku niestandardowego HTML

Aby uzyskać precyzyjną kontrolę nad układem, opakuj shortcode w blok niestandardowego HTML z wyraźnie określonymi wymiarami:

<div>
  [dflip id="123"]
</div>

Zapobiega to rozciąganiu flipbooka na pełną szerokość okna na monitorach ultrawide.

4.4 Parametry shortcode dla zaawansowanego osadzania

Shortcode DearFlip akceptuje parametry inline, które nadpisują zarówno ustawienia globalne, jak i ustawienia poszczególnych flipbooków:

[dflip id="123" width="900" height="600" mode="2d" autoplay="1" duration="5"]

Kluczowe parametry:

ParametrWartościOpis
widthpx lub %Nadpisuje szerokość flipbooka
heightwartość pxNadpisuje wysokość flipbooka
mode2d, 3dWymusza tryb przewracania 2D lub 3D
autoplay0, 1Włącza automatyczne przewracanie
durationsekundyInterwał automatycznego przewracania
startpageliczba całkowitaStrona otwierana przy ładowaniu
bgcolorkolor hexNadpisanie koloru tła
controlspositiontop, bottom, hideUmiejscowienie paska kontrolnego

4.5 Osadzanie w widżecie lub pasku bocznym

Shortcode’y DearFlip działają w każdym obszarze widżetów obsługującym renderowanie shortcode’ów. Przejdź do Wygląd > Widżety, dodaj widżet Tekst lub Niestandardowy HTML i wklej shortcode. Pamiętaj, że flipbooki w pasku bocznym powinny używać ograniczonych wymiarów (width="300"), aby uniknąć przepełnienia układu.

Krok 5: Wydajność, SEO i kwestie dostępności

5.1 Implikacje SEO flipbooków PDF

Google może indeksować treść PDF bezpośrednio, gdy plik jest publicznie dostępny, ale nie może indeksować treści renderowanej przez JavaScript (PDF.js) w ten sam sposób. Jeśli możliwość odkrycia treści flipbooka przez wyszukiwarki ma znaczenie, rozważ:

  1. Opublikowanie tej samej treści jako strony HTML obok flipbooka
  2. Dodanie tekstowego spisu treści poniżej osadzonego flipbooka
  3. Użycie metatagu og:image w celu ustawienia okładki flipbooka jako obrazu udostępnianego w mediach społecznościowych

5.2 Wpływ na Core Web Vitals

Osadzenie flipbooka wprowadza znaczący ładunek JavaScript (PDF.js to około 300 KB po minifikacji). Aby chronić wyniki Largest Contentful Paint (LCP) i Total Blocking Time (TBT):

  • Ładuj flipbook tylko na stronach, gdzie jest główną treścią, a nie na stronie głównej
  • Użyj trybu Lightbox DearFlip, który ładuje flipbook dopiero po kliknięciu miniatury przez użytkownika, odkładając pełny pakiet JavaScript do momentu interakcji
  • Włącz buforowanie WordPress i serwuj statyczne zasoby przez CDN

Dobrze skonfigurowany VPS z cPanel pozwala na precyzyjne dostrojenie pul procesów PHP-FPM, włączenie OPcache i skonfigurowanie Nginx jako odwrotnego proxy — wszystko to przekłada się na mierzalnie szybsze czasy ładowania flipbooka w porównaniu ze środowiskami współdzielonymi.

5.3 Dostępność

Domyślna implementacja DearFlip ma ograniczone wsparcie dla nawigacji klawiaturą. Aby zapewnić zgodność z WCAG 2.1:

  • Włącz funkcję Spisu treści (Pro), aby czytniki ekranu mogły nawigować według rozdziałów
  • Udostępnij alternatywny link do pobrania oryginalnego pliku PDF poniżej flipbooka
  • Ustaw opisowy tekst alt na obrazie miniatury flipbooka

5.4 Renderowanie na urządzeniach mobilnych

Na urządzeniach mobilnych efekty przewracania stron 3D są intensywne dla GPU. DearFlip automatycznie przełącza się na tryb przesuwania 2D na urządzeniach z ograniczoną obsługą WebGL. Testuj flipbook na rzeczywistym sprzęcie mobilnym — nie tylko w DevTools przeglądarki — ponieważ zachowanie WebGL znacznie różni się między Android Chrome a iOS Safari.

Krok 6: Zarządzanie wieloma flipbookami

W miarę rozrastania się biblioteki lista DearFlip > Wszystkie flipbooki staje się centrum zarządzania. Każdy wpis pokazuje tytuł flipbooka, shortcode i status publikacji.

Praktyczne wskazówki dotyczące zarządzania:

  • Używaj spójnej konwencji nazewnictwa uwzględniającej typ treści i datę: Catalog-Spring-2025, Report-Annual-2024
  • Przypisuj kategorie lub tagi WordPress do flipbooków, jeśli masz ich więcej niż dziesięć — DearFlip obsługuje filtrowanie taksonomii w wersji Pro
  • Podczas aktualizacji flipbooka (nowa wersja PDF) zastąp plik źródłowy zamiast tworzyć nowy wpis flipbooka; identyfikator shortcode pozostaje taki sam, więc wszystkie istniejące osadzenia aktualizują się automatycznie
  • Regularnie przeglądaj nieopublikowane lub robocze flipbooki i usuwaj nieużywane pliki PDF z Biblioteki multimediów, aby uniknąć nadmiernego zajmowania miejsca na dysku

Jeśli prowadzisz witrynę z dużą ilością treści, z dziesiątkami flipbooków i dużymi zasobami PDF, rozważ plan Serwerów dedykowanych, aby zapewnić stałą wydajność I/O i uniknąć efektu hałaśliwego sąsiada, powszechnego w infrastrukturze współdzielonej.

Rozwiązywanie typowych problemów z DearFlip

Flipbook wyświetla pusty biały obszar roboczy

Przyczyna: Nie udało się załadować pliku PDF, zazwyczaj z powodu polityki CORS blokującej URL pliku PDF, nieprawidłowej ścieżki pliku po migracji witryny lub wyczerpania pamięci PHP podczas renderowania.

Rozwiązanie: Otwórz konsolę przeglądarki (F12 > Console). Jeśli widzisz błąd CORS, upewnij się, że plik PDF jest serwowany z tej samej domeny co WordPress. Jeśli widzisz błąd 404, sprawdź URL załącznika w Bibliotece multimediów. Jeśli widzisz krytyczny błąd PHP, zwiększ WP_MEMORY_LIMIT.

Animacja przewracania stron jest nierówna lub opóźniona

Przyczyna: Strony PDF są zbyt duże (obrazy wysokiej rozdzielczości osadzone w pliku PDF) lub GPU urządzenia nie radzi sobie z kompozytowaniem WebGL.

Rozwiązanie: Skompresuj plik PDF przed przesłaniem (patrz polecenie Ghostscript w kroku 2.3). Przełącz flipbook na mode="2d" dla użytkowników na urządzeniach o niskiej wydajności.

Shortcode renderuje się jako zwykły tekst

Przyczyna: Motyw lub kreator stron usuwa przetwarzanie shortcode’ów, lub shortcode został wklejony wewnątrz bloku kodu zamiast bloku shortcode.

Rozwiązanie: Upewnij się, że shortcode znajduje się wewnątrz bloku Shortcode w Gutenbergu, a nie bloku Kod lub Akapit. W klasycznym edytorze potwierdź, że jesteś w trybie Tekst, a nie Wizualny, podczas wklejania.

Miniatura nie jest generowana

Przyczyna: Imagick lub GD nie jest zainstalowany, lub plik PDF używa niestandardowego kodowania, którego żadna z bibliotek nie może przetworzyć.

Rozwiązanie: Zainstaluj Imagick za pomocą menedżera pakietów serwera:

sudo apt-get install php-imagick
sudo systemctl restart php8.1-fpm

Alternatywnie prześlij niestandardowy obraz miniatury ręcznie w ustawieniach flipbooka.

Flipbook nie wyświetla się na witrynach HTTPS

Przyczyna: Plik PDF jest serwowany przez HTTP, podczas gdy strona używa HTTPS, co powoduje zablokowanie przez przeglądarkę z powodu mieszanej treści.

Rozwiązanie: Upewnij się, że Adres witryny i Adres WordPress są ustawione na https:// w Ustawienia > Ogólne. Wykonaj wyszukiwanie i zamianę w bazie danych, aby zaktualizować wszystkie URL-e załączników:

wp search-replace 'http://yourdomain.com' 'https://yourdomain.com' --skip-columns=guid

Połączenie tego z prawidłowo wystawionym Certyfikatem SSL zapewnia, że wszystkie zasoby — w tym pliki PDF przechowywane w wp-content/uploads — są serwowane przez bezpieczne połączenie bez ostrzeżeń o mieszanej treści.

Zaawansowana konfiguracja: Hostowanie plików PDF w zewnętrznej pamięci masowej

W przypadku wdrożeń produkcyjnych z dużymi bibliotekami PDF przechowywanie plików PDF bezpośrednio w wp-content/uploads jest nieefektywne. Lepsza architektura:

  1. Prześlij pliki PDF do zasobnika pamięci masowej obiektów kompatybilnego z S3 (Cloudflare R2, Backblaze B2 lub AWS S3)
  2. Skonfiguruj dystrybucję CDN przed zasobnikiem
  3. W DearFlip Pro użyj typu źródła Zewnętrzny URL i wskaż na URL CDN każdego pliku PDF
  4. Ustaw nagłówki Cache-Control: public, max-age=31536000 w CDN dla zasobów PDF

Ta architektura oddziela operacje dyskowe I/O serwera WordPress od dostarczania plików PDF, znacznie redukując obciążenie serwera podczas skoków ruchu i utrzymując bazę danych WordPress w dobrej kondycji.

Jeśli Twój przypadek użycia obejmuje dynamiczne generowanie plików PDF (z danych przesłanych przez użytkowników lub szablonowych raportów), połącz tę konfigurację z planem Hostingu VPS, gdzie możesz zainstalować Puppeteer, wkhtmltopdf lub WeasyPrint jako narzędzia do generowania PDF po stronie serwera, a następnie przesyłać dane wyjściowe bezpośrednio do pamięci masowej obiektów.

Macierz decyzyjna: Kiedy używać DearFlip, a kiedy alternatyw

ScenariuszZalecane rozwiązanie
Prosty link do pobrania PDFNatywny tag HTML <a> z atrybutem download
Podstawowe przeglądanie PDF w przeglądarceOsadzenie Google Docs Viewer lub iframe PDF.js
Markowy interaktywny katalogDearFlip (bezpłatny lub Pro)
Treść z bramką dostępu i analitykąDearFlip Pro z ochroną hasłem
Dokument z priorytetem dostępnościStrona HTML + link do pobrania PDF
Duża biblioteka PDF (50+ dokumentów)DearFlip Pro + zewnętrzna pamięć masowa CDN
Odbiorcy wyłącznie mobilniDearFlip w trybie 2D lub dedykowany czytnik mobilny

Lista kontrolna kluczowych wniosków technicznych

Przed uruchomieniem flipbooka DearFlip sprawdź każdy element:

  • Wersja PHP to 7.4 lub wyższa; rozszerzenie Imagick jest załadowane
  • Limity rozmiaru przesyłania w .htaccess lub nginx.conf odpowiadają rozmiarowi największego pliku PDF
  • Plik PDF jest skompresowany do poniżej 10 MB dla typowych katalogów; użyj Ghostscript do kompresji wsadowej
  • WP_MEMORY_LIMIT jest ustawiony na co najmniej 256M w wp-config.php
  • HTTPS jest wymuszony w całej witrynie, a wszystkie URL-e PDF używają https://; błędy mieszanej treści po cichu psują flipbook
  • Tryb Lightbox jest włączony dla flipbooków, które nie są główną treścią strony, aby odroczyć ładowanie JavaScript
  • Alternatywa tekstowa lub HTML istnieje dla treści flipbooka, jeśli możliwość indeksowania przez wyszukiwarki ma znaczenie
  • Renderowanie mobilne przetestowane na rzeczywistych urządzeniach iOS i Android, a nie tylko w DevTools przeglądarki
  • Niestandardowa miniatura przesłana dla każdego flipbooka w celu poprawy współczynnika klikalności na stronach archiwum lub docelowych
  • Nieużywane flipbooki i osierocone pliki PDF są usunięte z Biblioteki multimediów, aby utrzymać porządek w pamięci masowej

FAQ

Czy DearFlip działa z plikami PDF chronionymi hasłem?

Nie. PDF.js, którego DearFlip używa do renderowania, nie może odszyfrować plików PDF chronionych hasłem. Usuń ochronę hasłem na poziomie PDF przed przesłaniem. Jeśli potrzebujesz kontroli dostępu, zamiast tego użyj wbudowanej funkcji hasła flipbooka w DearFlip Pro, która blokuje samo osadzenie, a nie plik źródłowy.

Czy mogę używać DearFlip z kreatorem stron takim jak Elementor lub Divi?

Tak. Zarówno Elementor, jak i Divi zawierają widżet Shortcode. Wklej shortcode [dflip id="123"] do tego widżetu. DearFlip Pro zawiera również natywny widżet Elementor, który zapewnia wizualną konfigurację bez shortcode’ów.

Czy DearFlip spowolni całą moją witrynę WordPress?

Tylko na stronach, gdzie flipbook jest osadzony. DearFlip domyślnie ładuje swój JavaScript i CSS globalnie. Aby ograniczyć ładowanie zasobów tylko do stron z flipbookiem, dodaj następujące wpisy do pliku functions.php swojego motywu:

add_filter( 'dflip_load_scripts', function( $load ) {
    return is_singular() && has_shortcode( get_post()->post_content, 'dflip' );
});

Ile flipbooków mogę utworzyć w wersji bezpłatnej?

Wersja bezpłatna nie narzuca twardego limitu liczby flipbooków. Praktyczne ograniczenia to przestrzeń dyskowa i brak funkcji Pro, takich jak ochrona hasłem i analityka.

Co stanie się z moimi flipbookami, jeśli dezaktywuję wtyczkę DearFlip?

Wpisy niestandardowego typu wpisu flipbooka pozostają w bazie danych WordPress, ale shortcode’y będą renderować się jako puste ciągi znaków na froncie. Przesłane pliki PDF pozostają w Bibliotece multimediów. Ponowna aktywacja wtyczki natychmiast przywraca wszystkie flipbooki bez utraty danych.

15%

Zaoszczędź 15% na wszystkich usługach hostingowych

Sprawdź swoje umiejętności i zdobądź Rabat na dowolny plan hostingowy

Użyj kodu:

Skills
Rozpocznij