# Instagram-hírfolyam elem

> Az Instagram-hírfolyam elem: hozzáférési token, elrendezés, kép, körhinta- és videójelölés, felirat, követés és gyorsítótár.

Az **Instagram-hírfolyam** elem az Instagram Graph API-ból tölti be a médiatartalmakat. A hozzáféréshez a **Bricks → Beállítások → API-kulcsok** oldalon mentett Instagram-hozzáférési tokent használja. Token nélkül az elem helyőrzőt mutat, amely a fiók csatlakoztatására kér.

A lekért válaszokat átmeneti gyorsítótárba menti, hogy kevesebb API-hívás kelljen. A gyorsítótár hossza állítható.

![Az Instagram-hírfolyam elem beállításai a szerkesztőben](./kepek/elemek-5-instagram-feed.webp)

*Az Instagram-hírfolyam elem beállításai a szerkesztőben* (https://minta-bolt.hu/elemek/?bricks=run)

A képen az elem tetején a tájékoztató látszik, amely Instagram-hozzáférési tokent kér, és a Bricks beállításainak **API keys** részére mutat. Alatta az **Elrendezés** és a **Kép** csoport mezői láthatók.

## Követelmény

Érvényes Instagram-hozzáférési tokent kell megadnod a **Bricks → Beállítások → API-kulcsok** oldalon. Ha a globális token hiányzik, az elem tájékoztató üzenete ide mutat.

## Beállítások

### Elrendezés

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Oszlopok** | A lista (`ul`) rácsoszlopainak száma. A frontenden 1 és 6 közötti érték érvényes. | 3 |
| **Bejegyzések** | Hány bejegyzést kérjen le (1 és 100 között). | 9 |

### Kép

| Beállítás | Mit csinál |
| --- | --- |
| **Objektum illesztése** | A képre alkalmazott illesztés (`object-fit`). |
| **Képarány** | A képek képaránya. |
| **Magasság**, **Szélesség** | A képek mérete (mértékegységgel). |
| **Térköz** | A rácselemek közti távolság. |
| **Szegély** | A képek szegélye. |
| **Link** | Minden képet az Instagram-bejegyzés állandó linkjére mutató hivatkozásba csomagol. |

### Körhinta

A „carousel album" típusú elemeken megjelenő jelvény stílusa:

- **Ikon**, **Ikon színe**, **Ikon mérete**, **Ikon pozíciója**.

### Videó

A videó típusú elemeken megjelenő lejátszás-átfedés stílusa:

- **Ikon**, **Ikon színe**, **Ikon mérete**, **Ikon pozíciója**.

### Felirat

A **Bekapcsolás** kapcsolóval a bejegyzés felirata megjelenik a kép alatt. Bekapcsolva beállítható a **Háttérszín**, a **Szegély** és a **Tipográfia**.

### Követés

Opcionális „Kövess minket" sor, amely az `instagram.com/{felhasználónév}` címre mutat.

| Beállítás | Mit csinál |
| --- | --- |
| **Szöveg** | A sor szövege. Az alapérték `@yourhandle`-t említ: cseréld a saját szövegedre vagy dinamikus adatra. |
| **Pozíció** | A sor helye: fent vagy lent. |
| **Ikon** | Az ikon, alapból az Instagram-logó. |
| **Tipográfia** | A követés sor szövegének stílusa. |

### Gyorsítótár

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Időtartam** | Meddig tartsa a gyorsítótárat: 30 perc, 1 óra, 1 nap vagy 1 hét (másodpercben tárolva: 1800, 3600, 86400, 604800). | 1 óra |