Tovább a tartalomhoz

Közösségi hírfolyam widget: áttekintés és beállítások

A Közösségi hírfolyam widget minden szakasza: elrendezés, források, oszlopok, szűrő, további betöltés, gyorsítótár és a hibakártyák.

A Közösségi hírfolyam widget Facebook-, Instagram-, X (Twitter)-, YouTube- és Vimeo-bejegyzéseket, valamint bármilyen RSS-hírcsatorna elemeit teszi az Elementor-oldalra. A bejegyzések rácsban, Masonry falban vagy körhintában jelenhetnek meg. A widget a Pro bővítmény része, az ingyenes változatban nincs meg.

Az oldal a widget összes szakaszát sorban végigveszi. A forrásonkénti részletek külön fejezetekben vannak: RSS, Facebook és Instagram, YouTube és Vimeo, a hozzáférési kulcsok beszerzése pedig a két „Hozzáférési token” fejezetben.

  1. Az Elementor (az ingyenes bővítmény) legyen telepítve és aktív.
  2. Nyisd meg: The Plus Addons → Widgets.
  3. Keress rá a Social Feed névre, kapcsold be a kapcsolóját, és mentsd.
  4. A szerkesztő panelén a widget Közösségi hírfolyam néven jelenik meg.

A hírfolyamot a webszervered kéri le az oldal megjelenítésekor, nem a látogató böngészője. Ezért a szervernek tudnia kell kifelé HTTPS-kéréseket küldeni. A bejegyzések így már a HTML-ben vannak, amikor az oldal megérkezik a látogatóhoz. Ha a tárhelyed blokkolja a kimenő kéréseket, a widget nem tud mit megjeleníteni.

Az RSS az egyetlen forrás, amelyhez nem kell token, kulcs vagy bejelentkezés, csak a hírcsatorna címe. Az öt közösségi forráshoz mindegyikhez kell egy hozzáférési adat.

Tartalomfolyam: elrendezés, stílus és a hírfolyamok

Szekció neve “Tartalomfolyam: elrendezés, stílus és a hírfolyamok”

A beállítások a Tartalom fül Tartalomfolyam szakaszában kezdődnek.

https://minta-bolt.hu/wp-admin/post.php?post=47&action=elementor
A Tartalomfolyam szakasz egy RSS-forrású elemmel

A képen az Elrendezés három képes választása, a négy Stílus kép és a Közösségimédia-hírfolyamok lista látszik, benne egy kinyitott RSS-elemmel.

Beállítás Mit csinál Alapérték
Elrendezés Három választás: rács, Masonry (a kártyák magasság szerint összepakolva) és körhinta rács
Stílus Négy kész kártyakinézet, képként választható az első
Közösségimédia-hírfolyamok Ismétlődő lista: egy elem egy hírfolyam. Az Elem hozzáadása gombbal több forrást is összeköthetsz egy widgetben egy Facebook-elem

Egy lista elemének első mezője a Forrás. Hat érték közül választhatsz: Facebook, Instagram, Twitter, YouTube, Vimeo és WP RSS-hírcsatorna. Az elem többi mezője a választott forráshoz igazodik. Az alapérték a Facebook, ezért egy frissen behúzott, beállítatlan widget hibakártyát mutat, amíg nem adsz meg tokent.

Minden elemben van egy Bejegyzések maximális száma és egy Kihagyandó bejegyzések száma mező is. Ezek csak az RSS-forrásra hatnak, bármelyik forrást választod. A többi forrásnál a darabszámot az elem alján lévő Eredmények maximális száma mező adja (alapérték 6, értéke 1 és 100 között lehet).

https://minta-bolt.hu/wp-admin/post.php?post=47&action=elementor
A Közösségimédia-hírfolyam opciói szakasz

A képen a szakasz három beállítása és a bejegyzések azonosítóit kezelő rész látszik.

Beállítás Mit csinál Alapérték
Bejegyzések maximális száma A teljes widget felső korlátja, az összes elemre együtt 1000
Médiatartalom szűrése Alapértelmezett: minden bejegyzés megjelenik. Csak médiatartalmat tartalmazó bejegyzések: csak a képes vagy videós bejegyzések maradnak. Médiatartalmat tartalmazó bejegyzések elrejtése: éppen ezeket hagyja ki Alapértelmezett
Cím megjelenítése Kiírja a bejegyzés címét. Csak YouTube-nál, Vimeónál és az Instagram megemlítéseinél működik ki
ID megjelenítése és kizárás A szerkesztőben kiírja minden bejegyzés azonosítóját, hogy kimásolhasd. Bekapcsolás után egy mező jelenik meg a kihagyandó azonosítóknak, vesszővel elválasztva ki

A szakasz további beállításai: a Leírás lent a bejegyzés szövegét a média alá teszi, az Érzelmek címei pedig a kártya láblécében kiírja a reakciók nevét. Mindkettő alapból ki van kapcsolva.

Csak rács és Masonry elrendezésnél látszik, körhintánál eltűnik.

https://minta-bolt.hu/wp-admin/post.php?post=47&action=elementor
Az Oszlopok kezelése szakasz

A képen az eszközönkénti oszlopszám és az oszlopok közötti térköz látszik.

Eszköz Alapérték Kártya egy sorban
Asztali gép 4 oszlop 4
Tablet Oszlop 3 3
Mobil Oszlop 2 2

Az Oszlopok közötti térköz a kártyák közti helyet adja meg, eszközönként külön állítható (alapérték 15 px minden oldalon).

Csak rács és Masonry elrendezésnél látszik. A Kategória szerinti szűrés kapcsolóval a hírfolyam fölé szűrőgombok kerülnek, amelyeket az egyes elemek Kategória (szűréshez) mezőjéből épít. A widget az összes bejegyzést mutató gomb szövegét, a szűrő kinézetét, a rámutatás hatását és az igazítást külön beállításokban kéri.

https://minta-bolt.hu/wp-admin/post.php?post=47&action=elementor
A Szűrési opció szakasz

A képen a kapcsoló alatti figyelmeztetés látszik: a szűrő nem használható RSS-forrással. A figyelmeztetés a panelen angolul áll.

Továbbiak betöltése / lusta betöltés opciója

Szekció neve “Továbbiak betöltése / lusta betöltés opciója”

Alapból a teljes hírfolyam megjelenik. Ha a további betöltés opciót bekapcsolod, kezdetben csak egy részét mutatja.

https://minta-bolt.hu/wp-admin/post.php?post=50&action=elementor
A további betöltés beállításai

A képen a További bejegyzésbetöltési opciók legördülő a Továbbiak betöltése értéken áll, alatta a darabszámok és a feliratok.

Beállítás Mit csinál Alapérték
További bejegyzésbetöltési opciók Kikapcsolt állapot, Továbbiak betöltése (gomb) vagy Késleltetett betöltés (görgetésre töltődik) ki
Megjelenített bejegyzések maximális száma Hány kártya van az oldalon kezdetben 8
További bejegyzések kattintásra vagy görgetésre Hány kártya érkezik egyszerre 4
Gomb szövege A gomb felirata Továbbiak betöltése
Betöltési szöveg Betöltés közben ez látszik Betöltés…
Az összes bejegyzés betöltése után megjelenő szöveg Ha nincs több Minden kész!
https://minta-bolt.hu/tp-sf-rss-betoltes/
Négy kártya és a Továbbiak betöltése gomb

A képen az oldal négy kártyával és a gombbal nyílik meg. Egy kattintás újabb négyet tölt be.

https://minta-bolt.hu/wp-admin/post.php?post=47&action=elementor
Az Extra opciók szakasz

A képen a gyorsítótár időzítése és a szöveg vágásának beállításai látszanak.

Beállítás Mit csinál Alapérték
Frissítési idő Milyen gyakran kér új bejegyzéseket a platformtól: 1 óra, 2 óra, 6 óra, 1 nap vagy 1 hét 1 nap
Szövegkorlát Megvágja a hosszú bejegyzésszöveget be
Korlátozás alapja Karakter vagy szó Karakter
Több szöveg / Kevesebb szöveg A kibontó és az összecsukó link felirata Több megjelenítése / Kevesebb megjelenítése
Korlátozás értéke A vágás helye 100
Pontok megjelenítése Három pontot tesz a vágás helyére be
Tartalom görgetősávja A hosszú kártya rögzített magasságot és saját görgetősávot kap ki
Fancybox görgetősáv Ugyanez a felugró (lightbox) ablakban ki
Bejegyzésre kattintáskor Nincs művelet, Ugrás a honlapra (a bejegyzés megnyílik a platform oldalán) vagy Fancybox megnyitása (felugró ablakban nyílik meg) Fancybox megnyitása

A Tartalom görgetősávja és a Fancybox görgetősáv kapcsolóhoz magasságmező is tartozik.

https://minta-bolt.hu/wp-admin/post.php?post=47&action=elementor
A Teljesítmény szakasz

A képen a három beállítás látszik: a Teljesítmény kapcsoló, a törlés gomb és az Adatok mentése.

A Teljesítmény kapcsoló az adatbázisba menti a lekért hírfolyamot, így a legtöbb látogató a mentett példányt kapja, és nem indul új API-hívás. A mentett példány a Frissítési idő ütemében újul meg.

  • Delete All Transient (Delete gomb): törli az összes mentett példányt. Használd, ha megváltoztattál egy hírfolyam-beállítást, majd kapcsold ki és be újra a Teljesítmény kapcsolót, hogy az új beállítás mentődjön.
  • Adatok mentése: Engedélyezés vagy Kikapcsolás, az alapérték a Kikapcsolás. Bekapcsolva a widget a hírfolyam adatait helyben is eltárolja. Ha az API később nem válaszol, a mentett adatokat mutatja, így a hírfolyam látható marad.

A Stílus fülön van egy közös csoport és egy-egy szakasz minden hálózathoz, így egyszer beállíthatod az egységes kinézetet, majd egy platformon felülírhatod.

https://minta-bolt.hu/wp-admin/post.php?post=51&action=elementor
A Stílus fül Általános szakasza

A képen az Általános szakasz látszik: a leírás, a név, az idő és a lábléc tipográfiája, majd a szövegek, ikonok és hivatkozások színe.

  • Általános: a leírás, a név, az idő, a lábléc, a hivatkozások, a hashtagek és az ikonok betűtípusa és színe, minden hírfolyamra.
  • Közös összetevők: Fancybox, a „Több megjelenítése” szöveg, görgetősáv, a betöltő gomb és a kategóriaszűrő.
  • Hálózatonkénti felülírás: Facebook, Vimeo, YouTube, Twitter, Instagram és RSS-hírcsatorna.
  • Carousel: csak körhinta elrendezésnél látszik. A körhinta távirányítóval fejezet ismerteti.

Mindhárom elrendezés ugyanazt a hírfolyamot rajzolja ki, csak a kártyák elhelyezése más.

https://minta-bolt.hu/tp-sf-rss/
Ugyanaz az RSS-hírcsatorna rácsban

A képen az RSS-hírcsatorna rácsban, soronként négy kártyával látszik.

https://minta-bolt.hu/tp-sf-rss-masonry/
Ugyanaz a hírcsatorna Masonry falban

A Masonry fal a kártyákat magasság szerint pakolja össze, nincsenek köztük lyukak.

Ha a kapcsolat nem sikerül, a hírfolyam egy rózsaszín kártyát ír ki és egy HTTP-kódot, magyarázat nélkül.

https://minta-bolt.hu/tp-sf-facebook/
Hibakártya hiányzó tokennel

A képen a Facebook-forrás hibakártyája látszik üres hozzáférési tokennel: Empty Access Token felirat, a 400-as kód és a hálózat neve.

  • Hiányzó, lejárt, rossz típusú vagy egyszerűen hibás tokennél a kártya a Somthing Wrong szöveget mutatja (a bővítmény helyesírása), alatta a 400-as kóddal és a hálózat nevével. Nem derül ki belőle, melyik hiba történt.
  • Teljesen üres Hozzáférési token mezőnél a felirat Empty Access Token (Instagramnál Enter Access Token). Ezt meg lehet különböztetni a többitől.
  • Az X (Twitter) forrás a lejárt vagy érvénytelen tokenre „Invalid or expired token.” üzenetet ad, a 89-es hibakóddal.
  • Ha több forrás van egy widgetben, a hibás elem csak a saját hibakártyáját adja, a többi forrás látszik tovább.
  • Több hírfolyam elem egy közös folyamba olvad: két forrás bejegyzései dátum szerint keverve jelennek meg, nem egymás után.
  • Az RSS-forrásnál a Bejegyzések maximális száma és a Kihagyandó bejegyzések száma mező minden forrásnál látszik, de csak az RSS számít. A többi forrásnál az Eredmények maximális száma a számláló.
  • A Kategória szerinti szűrés RSS-forrással nem működik. Az RSS-elemben a Kategória (szűréshez) mező is rejtve van.
  • Körhinta elrendezésben az Oszlopok kezelése és a Szűrési opció szakasz eltűnik, az oszlopokat a Stílus fül Carousel szakasza adja.
  • Az RSS-bejegyzések, amelyeknek nincs képe, szürke helyőrző képet kapnak. Állíts be Tartalékképet, vagy válaszd a Kép forrása mezőben a Mellékletet, ha a hírcsatorna melléklet-címkével adja a képet.
  • A hírfolyam a szerveren gyorsítótárba kerül, a Frissítési idő (alapból 1 nap) szerint. Ha egy beállítást megváltoztatsz és a régi bejegyzések maradnak, töröld a mentett példányokat a Teljesítmény szakaszban.
  • A bejegyzések relatív ideje a felületen így jelenik meg: „3 nap ago”. Az „ago” szó a fordításban angolul maradt.

Vagy nincs aktív Pro bővítmény, vagy a widget ki van kapcsolva. Nézd meg a The Plus Addons → Widgets oldalt, és kapcsold be a Social Feed kapcsolót.

Rózsaszín „Somthing Wrong” kártya jelenik meg

Szekció neve “Rózsaszín „Somthing Wrong” kártya jelenik meg”

A platform elutasította a kérést. Először a Hozzáférési tokent nézd: megvan-e, nem járt-e le, és a megfelelő típusú fiókhoz készült-e.

Semmi nem töltődik be, hibaüzenet sincs

Szekció neve “Semmi nem töltődik be, hibaüzenet sincs”

A hírfolyamot a szervered kéri le. Ha a tárhely blokkolja a kimenő kéréseket, nincs mit mutatni. Kérdezd meg a tárhelyszolgáltatót, engedélyezi-e a kimenő HTTPS-t.

Átírtam egy beállítást, de a régi bejegyzések látszanak

Szekció neve “Átírtam egy beállítást, de a régi bejegyzések látszanak”

A régi példány a gyorsítótárból jön. Nyisd meg a Teljesítmény szakaszt, kattints a Delete gombra, majd kapcsold ki és be újra a Teljesítmény kapcsolót.

Az Oszlopok kezelése és a Szűrési opció eltűnt

Szekció neve “Az Oszlopok kezelése és a Szűrési opció eltűnt”

Az Elrendezés körhintára van állítva. Mindkét szakasz csak rácsnál és Masonrynál létezik.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások