Szeretnéd, hogy a legújabb bejegyzéseid megjelenjenek a saját weboldaladon, és kézi frissítés nélkül naprakészek maradjanak? A Feeder widgetje élő feedet jelenít meg bármilyen weboldalon, és magától frissül, amikor új bejegyzések érkeznek. Állítsd be egyszer, illeszd be a kódrészletet, és kész is vagy.
A widget bárhol használható, ahol HTML-kódot adhatsz hozzá, így WordPressen, Squarespace-en, Wixen, Webflow-n és egyedi kódolású oldalakon is.
Amire szükséged lesz
A widget a Feeder Közzététel eszközeinek része, és a fizetős Feeder-csomagokban érhető el. Ha az ingyenes csomagot használod, a szerkesztő megnyitásakor megjelenik a csomagváltási lehetőség.
1. lépés: Állítsd be a widgetet
- Nyisd meg a Feedert, lépj a Közzététel lapra, majd válaszd a Widgetek lehetőséget. Közvetlen hivatkozás: feeder.co/settings/publish/widgets.
- Hozz létre egy widgetet, és válaszd ki a megjeleníteni kívánt feedet.
- Állítsd be a megjelenést: a témát, a színeket, a betűtípust, a szélességet, a magasságot és a megjelenítendő bejegyzések számát. Az előnézet valós időben frissül, így pontosan azt látod, amit a látogatóid is.
- Mentsd el a widgetet.
2. lépés: Másold ki a beágyazókódot
A szerkesztő háromféle beágyazási módot kínál, mindegyikben előre kitöltve a widgetazonosítóddal. Válaszd azt, amelyik megfelel a weboldaladnak.
iframe (szinte mindenhol működik)
WordPresshez és a legtöbb weboldalkészítőhöz ez a legbiztosabb megoldás, mert nem igényel egyéni szkripteket.
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
Script tag
Közvetlenül az oldalon jeleníti meg a feedet. Akkor használd, ha a weboldalad engedélyezi az egyéni szkripteket, és azt szeretnéd, hogy a feed szervesen illeszkedjen az oldal elrendezésébe.
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
Egyszerű URL
Hasznos olyan eszközöknél, amelyek beágyazáshoz egy hivatkozást kérnek.
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
A widget hozzáadása WordPresshez
A WordPresshez nem kell bővítmény. Csak illeszd be a beágyazókódot egy blokkba vagy widgetterületre. Az iframe-es változatot javasoljuk, mert a WordPress biztonsági okokból gyakran eltávolítja az egyéni szkripteket.
Oldalon vagy bejegyzésben (blokkszerkesztő)
- Szerkeszd azt az oldalt vagy bejegyzést, ahol meg szeretnéd jeleníteni a feedet.
- Adj hozzá egy blokkot, és válaszd az Egyéni HTML lehetőséget.
- Illeszd be a 2. lépésben kimásolt iframe-kódot.
- Nézd meg az előnézetet, vagy tedd közzé az oldalt. A feed ott jelenik meg, ahová a blokkot helyezted.
Oldalsávban vagy láblécben
- Lépj a Megjelenés > Widgetek (vagy a Megjelenés > Testreszabás > Widgetek) menübe.
- Adj hozzá egy Egyéni HTML widgetet a kívánt területhez.
- Illeszd be az iframe-kódot, majd mentsd el.
A klasszikus szerkesztő használata
Válts a Vizuális lapról a Szöveg lapra, majd illeszd be az iframe-kódot oda, ahol meg szeretnéd jeleníteni a feedet.
WordPress.com-ot használsz? Az egyéni HTML-kód beágyazásához legalább Business csomagra van szükség. Saját tárhelyen futó WordPress (WordPress.org) esetén bármelyik adminisztrátor hozzáadhatja a kódot a fenti lépések szerint.
Egyéb weboldalkészítők
- Squarespace, Wix, Webflow és hasonló platformok: adj hozzá egy Embed vagy Egyéni HTML blokkot, és illeszd be az iframe-kódot.
- Egyedi kódolású weboldalak: illeszd be az iframe-et vagy a script taget közvetlenül a HTML-kódba.
Tippek és hibaelhárítás
- Átméretezés: módosítsd a beágyazókódban a szélességet és a magasságot, vagy állítsd be őket a szerkesztőben, mielőtt kimásolod a kódot.
- Nem jelenik meg semmi? Lehet, hogy a weboldalad eltávolítja a szkripteket. Válts az iframe-es változatra, amely több helyen működik.
- Mindig naprakész: a widget közvetlenül a Feeder-feedből olvassa az adatokat, így az új bejegyzések maguktól megjelennek. Nem kell újra beillesztened semmit.
Elakadtál, vagy segítségre van szükséged a beállításhoz? Bármikor írj nekünk a support@feeder.co címre. 👋