# Az éles oldalon nem látszanak a szerkesztőben végzett módosítások

> Mit tegyél, ha a szerkesztőben mentett változás gyorsítótár miatt nem jelenik meg a látogatók számára.

Ha a szerkesztőben végzett módosítások nem jelennek meg az éles oldalon, az szinte mindig gyorsítótár-probléma.

## Megoldás

1. Jelentkezz be a WordPress admin felületére.
2. Nyisd meg az **Elementor → Eszközök** oldalt.
3. Az **Általános** fülön, az **Elementor gyorsítótár** sorban kattints a **Fájlok és adatok törlése** gombra. Ez eltávolítja az elavult CSS-fájlokat, és kiüríti az adatbázis gyorsítótárát. Kattints a **Módosítások mentése** gombra is.
4. Nyisd meg az **Oldalak** listát.
5. Szerkessz meg egy tetszőleges oldalt. Változtass rajta valamit, különben a **Frissítés** gomb nem lesz aktív.
6. Kattints a **Frissítés** gombra.
7. Ürítsd ki az összes gyorsítótárat:
   - a szerver gyorsítótárát, ha van;
   - a WordPress gyorsítótár-bővítményeit, ha használsz ilyet;
   - a saját böngésződ gyorsítótárát.

![Az Eszközök oldal Általános füle a Fájlok és adatok törlése gombbal](./kepek/teljesitmeny-eszkozok-fajlok-torlese.webp)

*Az Eszközök oldal Általános füle a Fájlok és adatok törlése gombbal* (https://minta-bolt.hu/wp-admin/admin.php?page=elementor-tools)

> **Megjegyzés**
>
> Ellenőrizheted egy másik böngészőben vagy inkognitó ablakban is.

A gyorsítótárról és az elemekre vonatkozó gyorsítótárazásról lásd még: [Elem-gyorsítótár](https://hub.hellowp.io/hu/plugins/elementor/teljesitmeny-elem-gyorsitotar/).

## További okok és ellenőrzések

Ha a fenti nem segít, az alábbi okok jöhetnek szóba: fájlproblémák, gyorsítótár és optimalizálás, az Elementor funkciói, bővítményütközés, hibás szerver- vagy WordPress-beállítás, lezáratlan HTML-címkék vagy CSS, valamint az Elem-gyorsítótár. Frissítés előtt a módosításokat mindig tesztwebhelyen próbáld ki. Ha az egyik megoldás nem segít, menj a következőre.

### Gyors ellenőrzés

- Az éppen szerkesztett oldalt, sablont és domaint szerkeszted-e (nem a tesztwebhelyet vagy egy többnyelvű változatot).
- Az oldal **Közzétett** állapotú-e (nem vázlat vagy függőben lévő), és nem egy gyorsítótárazott mobil változatot nézel-e.
- Nyisd meg az élő URL-t, és válaszd a **Szerkesztés az Elementorral** pontot: így biztosan azt az oldalt szerkeszted.
- Az Elementor, az Elementor Pro, a WordPress és a PHP is a legújabb verzión van-e.
- Van-e szabad lemezterület, és szabványosak-e a jogosultságok (nincs csak olvasható mappa a `wp-content/uploads` és a `wp-content/uploads/elementor/css` alatt).

### Az Elementor funkciói

A teljesítményt érintő funkciók (például **Soron belüli betűkészlet-ikonok**, **Optimalizált CSS-fájlok**) ideiglenes kikapcsolása segíthet kizárni a kísérleti funkciók okozta ütközést. Ezt az **Elementor → Beállítások → Funkciók** fülön teheted meg. A szerkezeti funkciókat (például Flexbox-konténer, Rács) viszont ne kapcsold ki, ha az oldalaid ezekkel készültek: ilyenkor az előoldal üres lesz vagy a tartalom nem jelenik meg, miközben a WordPress blokkszerkesztőjében látszik.

> **Figyelem**
>
> Ha az előoldal üres, de az Elementor szerkesztője megnyílik, és a WordPress megmutatja a szöveget, a leggyakoribb ok egy kikapcsolt elrendezési funkció (például a Konténer), vagy egy gyorsítótár, amelyet a funkció átállítása után nem ürítettél.

### Hibás kiszolgáló- vagy WordPress-beállítás

A szerver vagy a WordPress beállításai befolyásolhatják a stíluslapok előállítását. Próbáld ki:

- Ha nemrég SSL-t adtál hozzá, vagy más módosítás volt a domainen vagy a fájlkönyvtárban, a **Beállítások → Általános** oldalon a **WordPress cím (URL)** és a **Honlap cím (URL)** legyen azonos, és mindkettő `http://` vagy mindkettő `https://` legyen.
- A közvetlen hivatkozások befolyásolhatják az elrendezést vagy a stíluslapot: a **Beállítások → Közvetlen hivatkozások** oldalon próbáld ki az **Egyszerű** beállítást.
- Ellenőrizd az egyedi szerverkonfigurációt és optimalizálást, valamint a `.htaccess` egyedi kódjait.

### A CSS előállításának módja

A CSS előállításának módja is hathat a stíluslapra:

1. Nyisd meg az **Elementor → Beállítások → Teljesítmény** fület, és nézd meg a **CSS előállításának módja** beállítást.
2. Ha **Külső fájl** az érték, állítsd **Belső beágyazás**ra, ha **Belső beágyazás**, akkor **Külső fájl**ra.
3. Teszteld, megoldódott-e a gond.

![Az Elementor Beállítások Teljesítmény füle a CSS előállításának módja listával](./kepek/hibaelharitas-teljesitmeny-css-nyomtatas.webp)

*Az Elementor Beállítások Teljesítmény füle a CSS előállításának módja listával* (https://minta-bolt.hu/wp-admin/admin.php?page=elementor-settings)

A képen a lista a **Teljesítmény** fül tetején van, értéke **Külső fájl**.

### Lezáratlan HTML-címkék, CSS vagy egyedi kód

Ha egyedi kódot vagy CSS-t adtál widgetekhez, a Globális beállításokhoz vagy a sablonhoz, és nem zártad le a HTML-címkéket, a módosítások nem jelennek meg.

1. Ellenőrizd a globális beállításokba írt egyedi kódot vagy CSS-t: nincs-e benne lezáratlan vagy rosszul lezárt címke.
2. Nézd át a widgetek beágyazott stílusait (Cím, Szövegszerkesztő, HTML widget).
3. Nyisd meg a **Szerkezet** ablakot, és keresd a kiemelt elemeket: a kiemelés egyedi CSS-t, mozgáshatást vagy abszolút pozicionálást jelez.

### Eltérés az előoldal és a szerkesztő között: sérült elem

Néha egy elem metaadata vagy stílusa megsérül, ilyenkor az előoldalon olyan elemek vagy stílusok jelennek meg, amelyek a szerkesztőben nem látszanak. Megoldás:

1. Keress olyan elemeket, amelyek helyesen jelennek meg.
2. Másold ki az egyik elem stílusát.
3. Illeszd be a stílust a hibás elemekre.

### Az Elem-gyorsítótár

Az Elementor gyorsítótára csak az Elementor elemeit tárolja. Ha a nem Elementor részeken látod a változást, az Elementor widgeteken viszont nem, ideiglenesen kapcsold ki a gyorsítótárat. Ha bekapcsoltad az **Elem-gyorsítótár** kísérleti funkciót, az is okozhatja a hibát: kapcsold ki az **Elementor → Beállítások → Funkciók** fülön.

### Felugró ablak módosításai nem mentődnek

Ha a felugró ablak (vagy a benne lévő HTML) módosításai nem mentődnek vagy nem látszanak:

- A **Sablonok → Popups** oldalon szerkeszd a felugró ablakot (az egérrel a sablon fölé állva **Szerkesztés az Elementorral**), és ellenőrizd a megjelenítési feltételeket.
- Ürítsd a böngésző, a bővítmények, a szerver és a CDN gyorsítótárát. Az **Elementor → Eszközök** oldalon kattints a **Fájlok és adatok törlése** gombra, és próbáld újra.
- Ha a HTML widgetben szkriptet használsz, tesztelj kikapcsolt biztonsági vagy tűzfalbővítménnyel: némelyik eltávolítja a beágyazott szkripteket. A felhasználói szerepkörnek rendelkeznie kell az `unfiltered_html` jogosultsággal (a rendszergazdának alapból van). Ha egy biztonsági bővítmény letiltotta, engedélyezd újra.
- Töröld a régi változatokat, és állíts be értelmes változatkorlátot.
- Kapcsold ki ideiglenesen a többi bővítményt, vagy váltsd át az alapértelmezett sablonra.
- Próbálj másik böngészőt vagy inkognitó ablakot, és nézd meg a böngészőkonzol hibáit mentéskor.

### Tippek

- Ne váltogass az Elementor szerkesztője és a WordPress natív szerkesztője között, mert ez tartalmi hibákhoz vezethet.
- SVG-kép exportálásakor az SVG legyen egyedi azonosítóval ellátva. Ha egyedi mérete van, de nincs egyedi azonosítója, hibát okozhat. Exportáld újra egyedi azonosítóval, vagy add meg a szélességet képpontban (px).
- A sablon CSS-e felülírhatja az Elementor CSS-ét. Ellenőrzéshez váltsd át egy WordPress alapsablonra vagy a Hello sablonra; ha a sablon a hibás, fordulj a fejlesztőihez.

## A módosítások bejelentkezve látszanak, a látogatóknak nem

Ha a változás az előnézetben vagy bejelentkezve látszik, de a kijelentkezett látogatóknak nem, szinte biztosan gyorsítótárazott tartalmat szolgál ki a webhely.

1. **Gyorsítótár-ok igazolása.** Nyisd meg az oldalt inkognitó ablakban. Ha még a régi változat látszik, fűzd az URL végére a `?nocache=1` paramétert (például `mysite.com/home?nocache=1`). Ha így megjelenik a frissítés, gyorsítótár-gond van. A böngésző fejlesztői eszközeinek **Network** fülén vagy `curl -I https://oldalad.hu/oldal` paranccsal nézd meg a válaszfejléceket: a `CF-Cache-Status`, `X-Cache`, `X-LiteSpeed-Cache`, `Age` fejléc `HIT` értéke azt jelzi, hogy előrébb gyorsítótárazták.
2. **Bővítményszintű gyorsítótárak ürítése.** A WP Fastest Cache-ben töröld a gyorsítótárat és a minifikált CSS/JS-t, ideiglenesen kapcsold ki az összevonást és minifikálást. Ürítsd a többi gyorsítótár- vagy teljesítménybővítményt is (LiteSpeed Cache, W3 Total Cache, WP Rocket, Autoptimize), és ne fusson egyszerre több teljes oldalas gyorsítótár-bővítmény. Ha objektum-gyorsítótárat (Redis, Memcached) használsz, azt is ürítsd.
3. **Szerverszintű gyorsítótár ürítése.** Sok tárhely Nginx FastCGI, Varnish vagy LiteSpeed oldalgyorsítótárat használ: ürítsd a tárhely vezérlőpultján. LiteSpeedben: **LiteSpeed Web Cache Manager → Purge All**, és ha van, a PHP OPcache visszaállítása is. Varnishnél használd a tárhely ürítő eszközét, vagy kérd az ügyfélszolgálattól. Nginx FastCGI-nél egy segédbővítmény (például Nginx Helper) segíthet. Felügyelt tárhelyeken használd a tárhely gyorsítótár-ürítő gombját.
4. **CDN/edge gyorsítótár ürítése.** Cloudflare-ben: **Caching → Configuration → Purge Everything** (vagy URL szerint); a teszt idejére bekapcsolhatod a **Development Mode**-ot. Más CDN-eknél (Akamai, CloudFront, Fastly) érvényteleníts URL-eket vagy a teljes gyorsítótárat.
5. **Böngésző- és eszköz-gyorsítótár.** Kemény frissítés (Ctrl/Cmd + Shift + R), vagy teszteld másik eszközről, hálózatról.
6. **Haladó ellenőrzések.** A PHP OPcache régi PHP-fájlokat tarthat: kérd a tárhelyet, hogy állítsa vissza. Ha nemrég változott a DNS vagy a proxy, várd meg a DNS TTL-t, vagy ügyelj arra, hogy ne tesztkörnyezetet érj el.
7. **Mikor fordulj a tárhelyhez.** Ha a bővítmény-, szerver- és CDN-ürítés sem segít, add át a tárhelynek az érintett URL-eket, a módosítás tartalmát és pontos idejét (időzónával), annak megerősítését, hogy előnézetben vagy bejelentkezve jól látszik, és a gyorsítótár `HIT` állapotát mutató válaszfejléceket. Kérd, hogy ürítsék a szerver gyorsítótárait (Varnish, LiteSpeed, Nginx), nézzék át az oldalszabályokat, és állítsák vissza az OPcache-t.

Gyors ellenőrzőlista: a `?nocache=1` megmutatja a frissítést? Ha igen, a gyorsítótár igazolt. Látod a `CF-Cache-Status: HIT` vagy `X-LiteSpeed-Cache: hit` fejlécet? Ha igen, ürítsd a megfelelő réteget. Ürítés után ellenőrizd inkognitó ablakban.

## Az előnézetben látszik, az éles oldalon nem

Ez általában azt jelenti, hogy a szerkesztő előnézeti állapotát látod, nem a közzétett oldalt, vagy gyorsítótár szolgál ki régi tartalmat.

- Az előnézet a piszkozatot vagy a nem mentett módosításokat csak neked mutatja, ezért eltérhet a nyilvános oldaltól. Az előnézeti hivatkozás gyakran egy tokent tartalmaz, és a látogatók nem látják.
- Kattints a **Közzététel** vagy **Frissítés** gombra, és várd meg, amíg a mentés befejeződik. Utána nyisd meg a nyilvános URL-t inkognitó ablakban.
- Ha ott még a régi tartalom látszik, kövesd a fenti gyorsítótár-ürítési lépéseket, majd frissíts keményen.
- Ne oszd meg az előnézeti hivatkozást, a nyilvános URL-t küldd el.
- Ha egy változatot állítottál vissza, vagy automatikus mentést használtál, a visszaállítás után kattints a **Frissítés** gombra.
- Sablon használatakor ellenőrizd, hogy a sablon vonatkozik-e a tesztelt oldalra.