# 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](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kozosseg-funkciok-hirfolyam-rss/), [Facebook és Instagram](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kozosseg-funkciok-hirfolyam-facebook-instagram/), [YouTube és Vimeo](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kozosseg-funkciok-hirfolyam-youtube-vimeo/), a hozzáférési kulcsok beszerzése pedig a két „Hozzáférési token” fejezetben.

## Bekapcsolás és előfeltételek

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

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

![A Tartalomfolyam szakasz egy RSS-forrású elemmel](./kepek/kozosseg-funkciok-3-feed-panel-tartalom.webp)

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

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).

## Közösségimédia-hírfolyam opciói

![A Közösségimédia-hírfolyam opciói szakasz](./kepek/kozosseg-funkciok-3-feed-panel-opciok.webp)

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

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.

## Oszlopok kezelése

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

![Az Oszlopok kezelése szakasz](./kepek/kozosseg-funkciok-3-feed-panel-oszlopok.webp)

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

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).

## Szűrési opció

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.

![A Szűrési opció szakasz](./kepek/kozosseg-funkciok-3-feed-panel-szuro.webp)

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

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

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

![A további betöltés beállításai](./kepek/kozosseg-funkciok-3-feed-panel-betoltes.webp)

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

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! |

![Négy kártya és a Továbbiak betöltése gomb](./kepek/kozosseg-funkciok-3-feed-betoltes.webp)

*Négy kártya és a Továbbiak betöltése gomb* (https://minta-bolt.hu/tp-sf-rss-betoltes/)

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.

## Extra opciók

![Az Extra opciók szakasz](./kepek/kozosseg-funkciok-3-feed-panel-extra.webp)

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

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.

## Teljesítmény

![A Teljesítmény szakasz](./kepek/kozosseg-funkciok-3-feed-panel-teljesitmeny.webp)

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

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.

## Stílus fül

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.

![A Stílus fül Általános szakasza](./kepek/kozosseg-funkciok-3-feed-panel-korhinta.webp)

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

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](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kozosseg-funkciok-hirfolyam-tobb-forras-korhinta/) ismerteti.

## A három elrendezés

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

![Ugyanaz az RSS-hírcsatorna rácsban](./kepek/kozosseg-funkciok-3-feed-rss-racs.webp)

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

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

![Ugyanaz a hírcsatorna Masonry falban](./kepek/kozosseg-funkciok-3-feed-rss-masonry.webp)

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

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

## Hibakártyák

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.

![Hibakártya hiányzó tokennel](./kepek/kozosseg-funkciok-3-feed-facebook-hiba.webp)

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

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.

## Működés és korlátok

- 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.

## Hibaelhárítás

### A widget nincs ott az Elementor panelen

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

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

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

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

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