PDF-fájl megjelenítése dinamikus widgetekkel

A Média mezőbe feltöltött PDF-et három módon jelenítheted meg a frontenden. Az első kettőhöz a Média mező értékformátuma Média azonosító (Media ID), a harmadikhoz Média URL legyen. Elementor (ingyenes változat) és az aktív JetEngine kell hozzá, az első módhoz ezen felül a JetElements bővítmény.

Ne kapcsold be a szükségesnél több widgetet: a bekapcsolt widgetek száma hatással lehet az oldal teljesítményére.

1. Letöltés gombbal

1. A bejegyzés Média mezőjébe töltsd fel a PDF-fájlt. A mező értékformátuma Média azonosító.
2. Nyisd meg a Crocoblock → JetPlugins beállítások → JetElements → Widgetek és kiterjesztések oldalt, és kapcsold be a Download Button (Letöltés gomb) widgetet.
3. A kívánt oldalon add hozzá a Download Button widgetet.
4. A Download ID legördülőben válaszd az Egyedi mező (Custom Field) lehetőséget, a megnyíló ablakban pedig azt a mezőt, amelyik a PDF-et tárolja.
5. Szükség esetén állítsd be a gomb szövegét a Download Link Text mezőben.
6. Közzététel után a gombra kattintva a fájl letöltődik.

2. Hivatkozásként

Ehhez telepítened kell a Attachment link callback kiegészítőt, amely ingyenesen letölthető a Crocoblock DevTools oldaláról. A Média mező értékformátuma itt is Média azonosító.

1. A kívánt oldalon add hozzá a Dynamic Field widgetet.
2. A Forrás (Source) legyen Meta adatok, a metamező pedig a létrehozott Média mező.
3. Kapcsold be a Mező kimenetének szűrése (Filter field output) kapcsolót.
4. A Callback mezőben válaszd a Get attachment file link by ID lehetőséget.
5. Közzététel után a megjelenő hivatkozásra kattintva megnyílik, illetve letölthető a PDF.

3. A PDF tartalmának kiírása egyedi mezőformátummal

Ez a mód csak a Média URL értékformátumot támogatja.

1. A kívánt oldalon add hozzá a Dynamic Field widgetet.
2. A Forrás legyen Meta adatok, a metamező pedig a Média mező.
3. Kapcsold be a Mező kimenetének testreszabása (Customize field output) kapcsolót.
4. A megjelenő Field format mezőbe írd be a következő kódot:

<object>
    <a href="%s" target="_blank" rel="noopener">PDF letöltése</a>
</object>

5. Tedd közzé a sablont. A hivatkozásra kattintva a PDF új lapon nyílik meg, és onnan le is tölthető.

A %s jelöli a mező értékét, ezért mindenképp szerepeljen a kódban. A példa csak alap, igényeid szerint módosíthatod.