MagyarmagyarElementor
Vizuális oldalszerkesztő WordPresshez: követelmények, telepítés és a fejezetek tartalomjegyzéke.
Az Elementor vizuális oldalszerkesztő. Az oldalt a vásznon építed fel: a bal oldali panelről elemeket (tárolókat és widgeteket) húzol a vászonra, a beállításaikat pedig a panelen módosítod, és közben azonnal látod az eredményt.
Követelmények
Szekció neve “Követelmények”- WordPress 6.8 vagy újabb
- PHP 7.4 vagy újabb
Telepítés
Szekció neve “Telepítés”- Menj a Bővítmények → Új bővítmény hozzáadása oldalra.
- Keress rá az „Elementor” névre, majd kattints a Telepítés, utána az Aktiválás gombra.
- Hozz létre egy új oldalt (Oldalak → Új oldal hozzáadása), és nyisd meg az Elementor szerkesztőben.
Szerkesztő alapjai
- Elemek hozzáadása az oldalhozHogyan kerülnek a panel elemei (tárolók, widgetek) a vászonra: húzással vagy kattintással.
- Az első oldal felépítése tárolókkalLépésről lépésre egy nyitó (hero) rész elkészítése Flexbox tárolóval, címsorokkal és gombbal.
- Az első oldal felépítése szakaszokkalA szakasz, oszlop, widget szerkezet és egy nyitó (hero) rész felépítése a régi, szakaszos módszerrel.
- Oldalelrendezés: vászon, teljes szélesség, sablonAz oldal elrendezésének kiválasztása: alapértelmezett, Elementor Canvas, teljes szélesség vagy a téma sablonja.
- A kezdőlap kijelöléseHogyan állítod be, hogy a webhely kezdőlapja a legutóbbi bejegyzéseket vagy egy statikus oldalt mutasson.
- A szerkesztő felületeAz Elementor szerkesztő három területe: felső sáv, panel és vászon, valamint a tárolók és widgetek szerkesztése.
- Felső sávA szerkesztő felső sávjának gombjai, a főmenü és az Oldalak panel.
- Kilépés a szerkesztőbőlHová léphetsz ki az Elementor szerkesztőből, és hogyan módosíthatod az alapértelmezett célt.
- BillentyűparancsokAz Elementor szerkesztő gyorsbillentyűi: műveletek, panelek és ugrások.
- Elemek másolása webhelyek közöttHogyan másolhatsz át egy tárolót vagy widgetet az egyik Elementor-webhelyről a másikra.
- HTML szerkesztése: a HTML widgetHTML, CSS és JavaScript kód beillesztése az oldalra a HTML widgettel.
- Telepítés és az első lépésekAz Elementor és az Elementor Pro telepítése, a licenc összekapcsolása és az első oldal létrehozása.
- Atomic szerkesztő (V4)Az Atomic szerkesztő bekapcsolása, követelményei, és a V4 elemek fülei, osztályai.
- Elementor és Elementor Pro: mi miben vanMit tud az ingyenes Elementor, és mit ad hozzá az Elementor Pro: widgetek, marketing- és testreszabási funkciók, dinamikus tartalom, WooCommerce-készítő.
- Elemek törlése és mozgatásaElem törlése a vászonról, a Szerkezet ablakból vagy a fogantyúról, és szakaszok áthelyezése húzással.
- Oldal másolása sablonminta mentésévelMeglévő Elementor-oldal duplikálása: mentés sablonmintaként, majd beszúrás egy másik oldalba.
- Szöveg szerkesztése a vásznon és a színmintavevőSzöveg szerkesztése közvetlenül a vásznon, a formázási lehetőségek elemenként, és színpaletta készítése a színmintavevővel.
- Az Elementor fordítása és honosításaHogyan fordíthatod le az Elementort a saját nyelvedre a WordPress fordítási felületén, és hogyan frissíted a fordításokat.
- Az Elementor menü és a kezdőoldalAz Elementor admin menüjének felépítése: Home, Szerkesztő almenü, Egyéni elemek, Rendszer és a kapcsolódó bővítmények.
- Alapértelmezett stílusok az atomikus elemekhezA HTML-címkék alapstílusának központi beállítása a Tervezési rendszer Alapértelmezések füle alatt.
- CSS Grid az atomikus szerkesztőbenAz atomikus Rács elem: oszlopok és sorok megadása, rácselemek kiterjesztése, sűrű automatikus elhelyezés.
- Harmonika elem az atomikus szerkesztőbenKinyitható tartalomrészek készítése az atomikus Harmonika elemmel: tételek, beágyazás, ikonok és GYIK séma.
- Háttérvideó az atomikus szerkesztőbenA Háttérvideó elem: videóforrás, lejátszási beállítások, lejátszás és szüneteltetés állapotok, tartalom a videó fölött.
- Szerkezet ablak és jelzőkAz oldal elemeinek faszerkezete: megnyitás, átrendezés, elrejtés, elnevezés és a különleges állapotot jelző sávok.
- Jobb gombos menükA tárolók, widgetek, szakaszok, oszlopok és az oldal helyi menüje: mit tudnak a menüpontok.
- Oldal beállításaiAz oldal alapadatai és megjelenése: cím, állapot, kiemelt kép, sorrend, oldalelrendezés, margó, padding és háttér.
- Oldalak és bejegyzésekMi a különbség a WordPress oldalai és bejegyzései között, és hogyan állíthatod be az oldalak sorrendjét.
- Előzmények, visszavonás és ismétlésMódosítások visszavonása és ismétlése, a Műveletek és a Változatok lap az Előzmények panelen.
- Előnézet és közzétételAz oldal megtekintése a közzététel előtt, közzététel, vázlatként vagy sablonmintaként mentés.
- Kedvenc widgetekA gyakran használt widgetek gyors elérése a Kedvencek szakasszal.
- Számgörgető és stílus visszaállításaSzámértékek módosítása az egér mozgatásával, és a stílusbeállítások visszaállítása az alapértékre.
- Jegyzetek az együttműködéshezJegyzetek rögzítése az elemekhez a szerkesztőben vagy az oldalon: együttműködés, visszajelzés, emlékeztetők.
- Mértékegységek kiválasztásaHogyan váltasz mértékegységet a beállításokban, és hogyan adsz meg egyéni CSS-képletet, például calc() függvényt.
- A szerkesztő nyelve eltérhet a webhelyétőlHogyan dolgozhatsz a szerkesztőben a saját nyelveden, miközben a webhely tartalma másik nyelvű.
- Szövegszerkesztő widgetA Szövegszerkesztő widget hozzáadása, a tartalom- és stílusbeállítások, az iniciálé és az oszlopok.
- OsztálykezelőAz osztályok átnevezése, törlése, prioritásuk módosítása, keresése, szűrése és a használati helyük megkeresése.
- Kereső: oldalak, bejegyzések és sablonok megkereséseA szerkesztő keresőjével gyorsan átugorhatsz egy másik oldalra, új tartalmat hozhatsz létre, vagy eljuthatsz a beállításokhoz.
- Színválasztó (V4)Szín kiválasztása vizuálisan, hex-, RGB- vagy HSL-kóddal a V4 szerkesztőben.
- A V3 és a V4 szerkesztő különbségeiMi változott a V4 szerkesztőben: osztályok, egységes Stílus fül, reszponzív szerkesztés, rétegzett hátterek és árnyékok.
Konténerek, elrendezés, rácsok
- Alapelrendezések konténerekkelÖt gyakori szakasz (nyitó rész, hero, galériás hero, felhívás, szolgáltatások), és hogyan épülnek fel konténerekből.
- A konténer Elrendezés fülének beállításaiSzélesség, magasság, irány, igazítás, hézag, tördelés, túlcsordulás és HTML-címke a Flexbox konténeren.
- A konténer Stílus fülének beállításaiHáttér, háttérfedvény, szegély, dobozárnyék és alakzat-elválasztó a konténeren.
- A konténer Haladó fülének beállításaiMargó, belső térköz, szélesség, saját igazítás, sorrend, méret, pozíció, Z-Index, CSS ID és osztályok.
- Térköz létrehozása margóval és paddinggelA margó és a padding különbsége, a negatív margó, a beállítások helye és a TRouBLe szabály.
- Rács konténer készítéseLépésről lépésre egy rács konténer felépítése, beágyazott rács használata, és a rács beállításai.
- Felhívás (Call to Action) szakasz készítéseCímsorból és gombból álló felhívás felépítése konténerrel, reszponzív beállítással és gyermek konténerrel.
- Hero képgaléria készítéseSzöveges hero rész képgalériával, két gyermek konténerrel: tördelés, hézag, szélesség és képkitöltés.
- Meglévő szakaszok átalakítása konténerréSzakasz konténerré alakítása az Átalakítás gombbal, és tippek az átalakítás utáni ellenőrzéshez.
- Oszlopok létrehozása, szerkesztése és stílusaAz oszlop jobb gombos menüje és az Elrendezés, Stílus és Haladó fül beállításai a szakasz-oszlop rendszerben.
- Harmonika widget beágyazott elemekkelA Harmonika widget hozzáadása, tételek szerkesztése, ikonok, GYIK séma, alapállapot, valamint a Stílus és Haladó beállítások.
- Nyitó rész (intro) készítése konténerrelÜdvözlő cím, szlogen és két gomb egy teljes szélességű konténerben: lépések és a rugalmas tulajdonságok beállítása.
- Hero szakasz készítése konténerrelKép és szöveg 50/50 elrendezésben egy szülő és egy gyermek konténerrel, reszponzív ellenőrzéssel és dinamikus címkékkel.
- Szolgáltatások szakasz készítése konténerrelEgy cím és négy ikondoboz egyetlen konténerben: irány, tördelés, igazítás és reszponzív beállítások lépésről lépésre.
- Konténerek és szakaszok/oszlopok különbségeiMivel tud többet a konténer a hagyományos szakasz és oszlop felépítésnél: reszponzivitás, elrendezés, sebesség, hivatkozás.
- Div-blokk és Flexbox elemA két atomikus tároló elem: felvétel, törlés, HTML-címke, hivatkozás és a Stílus fül szakaszai, lépésről lépésre mintával.
- Rögzített pozíció widgetekhezElem rögzítése a böngészőablakhoz a V4 és a V3 szerkesztőben, a z-index beállítása, valamint a rögzített és a ragadós pozíció különbsége.
- Globális elrendezési beállításokA webhely alapértelmezett elrendezése a Webhely beállításai Elrendezés szakaszában: tartalom szélessége, padding, hézagok és oldalelrendezés.
- Rács konténer elrendezési és stílusbeállításaiA rács konténer Elrendezés fülének mezői (típus, szélesség, oszlopok, sorok, hézagok, automatikus elrendezés, igazítások) és a Stílus fül szakaszai.
- A Flexbox konténerek működéseA konténer alapelve: irány, igazítás, térköz, hézag, tördelés, szélesség, valamint az egyes elemek tulajdonságai.
- Flexbox konténer létrehozásaA konténer háromféle létrehozása: a vászonról, elem húzásával, widget húzásával, és új konténer egy meglévő fölé.
- Hány konténer legyen az oldalon?Mikor érdemes új konténert felvenni, és mikor elég a meglévő: irány, kezelhetőség, design, működés és reszponzivitás.
- Kattintható konténer, beágyazott linkek és beágyazott elemekHogyan teheted a teljes konténert hivatkozássá, miért nem lehet link a linkben, és mik a beágyazott elemek.
- Azonos elemek térköze beágyazott konténerekkelNégy egyforma elem egyenletes elrendezése konténerekben, asztali, táblagépes és mobil nézetben, kevés testreszabással.
- Belső szakasz widget (régi szerkesztési mód)A Belső szakasz widget felvétele és beállításai a szakasz-oszlop rendszerben, és a kiváltása konténerrel.
- Az elrendezés alapelvei az ElementorbanMiért szabványos keretek között épül a weboldal, miért fontos az oldal sebessége, és hogyan épül fel az oldal szakaszokból és oszlopokból.
- Widgetek egymás mellett egy oszlopbanHogyan tehetsz widgeteket vízszintesen egymás mellé: Beágyazott (auto) szélesség és az oszlop vízszintes igazítása, konténernél az irány.
- Reszponzív kialakítás konténerekkelIrány, szélesség, magasság és sorrend beállítása eszközönként, hogy kevesebb egyedi töréspontra legyen szükség.
- Konténerek újrafelhasználásaKonténer duplikálása, mentése sablonként és beszúrása másik oldalra a sablonkönyvtárból.
- A konténer méretének és viselkedésének beállításaTartalom szélessége, minimális magasság, túlcsordulás és HTML-címke a konténer Elrendezés fülén.
- Háttérvideó szakaszhoz és konténerhezVideó beállítása háttérként: videóhivatkozás, kezdési és befejezési idő, tartalék kép, fedvény és az autoplay gondjai.
- Szakasz áttekintése és igazításaA szakasz jobb gombos menüje, az Elrendezés, Stílus és Haladó fül beállításai, valamint a függőleges és vízszintes igazítás.
- Azonos elemek térköze egy konténerbenNégy egyforma widget egyenletes elrendezése egy konténerben, asztali, táblagépes és mobil nézetben, kevés testreszabással.
- Tartalom átfogása több rácscellánAz Oszlopok átfogása és a Sorok átfogása beállítás, valamint az Egyéni mező használata rácskonténerben.
- Elemek megjelenítése vagy elrejtése eszközönkéntKonténer vagy widget elrejtése asztali gépen, táblagépen vagy mobilon, a klasszikus és az atomikus szerkesztőben.
- Stílus fül: Elrendezés és Térközök (V4)Az atomikus elemek Megjelenítés beállítása (Blokk, Flex, Rács, Nincs) és a margó és a padding megadása.
- Fülek widget beágyazott elemekkelA Fülek widget hozzáadása, a fülek és a beágyazott elemek szerkesztése, valamint a Tartalom, Stílus és Haladó beállítások.
- Logikai tulajdonságok és szavak közötti térközMit jelent az Indítás és a Vége az Elementor beállításaiban, és hogyan növelheted a szavak közötti távolságot.
Stílus, háttér, tipográfia
- A Haladó fül beállításaiA widgetek Haladó füle: elrendezés, mozgási hatások, átalakítás, háttér, szegély, maszk, reszponzív elrejtés, attribútumok és egyedi CSS.
- Háttér létrehozásaA háttértípusok: klasszikus, színátmenet, videó és diavetítés, és a hozzájuk tartozó beállítások.
- Rétegzett háttér készítéseSzínek, képek és szöveg egymásra helyezése a háttérben, lépésről lépésre egy címsor példáján.
- Képek és ikonok hozzáadásaKép beszúrása a médiatárból, ikon választása az ikonkönyvtárból vagy saját SVG feltöltése.
- Keverési módok és CSS-szűrőkPhotoshop-szerű hatások az elemekhez: keverési módok és CSS-szűrők.
- Szegély és sarkok lekerekítéseSzegélytípus, szélesség, szín és a sarkok lekerekítése, példákkal körre, tablettára és kártyára.
- Linkek színének módosításaA linkek színe a webhely egészén a Webhely beállításai között, egy elemen HTML-lel vagy egyedi CSS-sel.
- Szín kiválasztásaA színválasztó vezérlői: globális szín, színminta, színmintavevő, dinamikus címkék, átlátszóság és a HEXA, RGBA, HSLA kódok.
- Osztályok az ElementorbanOsztály létrehozása, szerkesztése, helyi osztály átalakítása globálissá, prioritás, állapotok és az osztályok duplikálása.
- Egyéni szövegmaszk készítéseSaját SVG-szövegmaszk feltöltése videóhoz vagy képhez a Haladó fül Maszk szekciójában.
- CSS-osztály és CSS IDEgyedi CSS-osztály és azonosító adása az elemeknek, a CSS megírása Elementor Pro-val és ingyenes változattal, a widget belsejének célzása.
- Különleges hatások CSS-átalakítássalElemek forgatása, eltolása, méretezése, ferdítése és tükrözése a Haladó fül Átalakítás szekciójával, normál és rámutatás állapotban.
- Sötét mód a szerkesztőbenA szerkesztő panelének világos, sötét vagy automatikus megjelenítési módja a Felhasználói beállításokban.
- ElemállapotokA Rámutatás, Fókusz és Aktív állapot (pszeudo-osztály) beállítása egy elem osztályán, és mi jelzi, melyik állapotot szerkeszted.
- Témastílus és tervezési rendszerHogyan dolgozik együtt a Témastílus és a Tervezési rendszer globális színei és betűtípusai, és mi érvényesül az Elementoron kívüli tartalmaknál.
- Betűméret, szín, család és stílusA szöveg tipográfiájának és színének módosítása a widgetek Stílus fülén, globális betűtípusokkal és színekkel.
- Egyéni útvonal a Szövegút widgethezSVG-útvonal készítése Adobe Illustratorral vagy online szerkesztővel, megtisztítása és feltöltése a Szövegút widgetbe.
- Háttér a Stílus fülön (V4)Szín, kép és színátmenet háttér az atomikus elemeken, több réteggel és a háttér levágásával.
- Háttérkép elhelyezéseHogyan illeszkedik a háttérkép az elemhez: pozíció, ismétlés és méret együtt.
- Árnyék, szövegárnyék és dobozárnyékÁrnyék hozzáadása elemhez: szín, helyzet, elmosás, kiterjedés és a kiemelkedő vagy süllyesztett fajta.
- Tervezési rendszer exportálása és importálásaA változók és osztályok átvitele egyik webhelyről a másikra a Tervezési rendszer panelből vagy a honlapsablonok exportjával.
- Változók szinkronizálása a globális színekkel és betűkkelAtomikus változók elérhetővé tétele a klasszikus widgetek globális színei és betűtípusai között.
- Elemek elérhetőségének korlátozása szerepkör szerintAz Elemkezelővel megadhatod, mely felhasználói szerepkörök használhatnak egy elemet a szerkesztőben.
- Hatások a Stílus fülön (V4)Dobozárnyék, átlátszatlanság, szűrők, háttérszűrők, átalakítás, átmenet és keverési mód az atomikus elemeken.
- Elemek pozíciója (V4)Statikus, relatív, abszolút, rögzített és tapadó pozíció, Z-index és horgonyeltolás az atomikus elemeken.
- Elemek mérete (V4)Szélesség, magasság, legkisebb és legnagyobb méret, túlcsordulás, képarány és objektum illesztése az atomikus elemeken.
- Tipográfia a Stílus fülön (V4)Betűcsalád, vastagság, méret, igazítás, szín, sormagasság, betűköz, vonaldíszítés, szövegkörvonal és a Cím mező az atomikus elemeken.
- Ha a szöveg színe nem változikMiért nem vált színt a szöveg a szerkesztésben, és mit tehetsz: beillesztett stílusok, alapértelmezett színek és a sablon beállításai.
- Szöveg elhelyezése kép fölöttKét módszer szöveg kép fölé tételére: háttérkép a Flexbox elemen, vagy negatív margó és Z-index.
- Szövegút widgetA Szövegút widget beállításai: szöveg, útvonal típusa, saját SVG, link, igazítás, valamint a szöveg és az útvonal stílusa.
- Változók és a VáltozókezelőBetűtípus-, szín- és méretváltozó létrehozása, szerkesztése, duplikálása, törlése és használata osztályokban.
- Mely elemeket érintik az alapértelmezett színekA négy alapértelmezett globális szín (Elsődleges, Másodlagos, Szöveg, Kiemelő), és hogy tipikusan mely elemek színét adják.
- Szöveg körbefuttatása a kép körülKép beszúrása a Szövegszerkesztő widgetbe úgy, hogy a szöveg a kép jobb vagy bal oldalán folytatódjon.
Globális beállítások, oldalbeállítások, kitek
- Sablon hozzáadása az oldalhozA sablonkönyvtár használata: sablon beszúrása, keresés és szűrés, importálás, és a könyvtár összekapcsolása az Elementor-fiókkal.
- Weboldalsablon (kit) telepítése és testreszabásaHogyan telepítesz egy teljes weboldalsablont, mit importálhatsz belőle, és hogyan szabod testre utána az oldalakat, bejegyzéseket, felugró ablakokat és sablonrészeket.
- KomponensekÚjrafelhasználható, globálisan szinkronizált tervezési blokkok: létrehozás, használat, szerkesztés, szervezés, leválasztás és jogosultságok.
- Elemkezelő: nem használt elemek kikapcsolásaAz Elemkezelő használata: elemek kikapcsolása, a használat felmérése, szűrés és keresés.
- Alapértelmezett színek, betűtípusok és Google Fonts kikapcsolásaHogyan kapcsolod ki az Elementor alapértelmezett színeit és betűtípusait, és hogyan tiltod le a Google Fonts betöltését.
- Kompatibilitási címkékHogyan ellenőrizheted, mely külső bővítmények lehetnek inkompatibilisek az Elementor következő frissítésével.
- Engedélyezett URI-protokollokMely protokollokat fogadja el az Elementor a hivatkozásokban, és miért nem működik például a waze:// link.
- Elementor-blokkok a GutenberghezElementor-sablonok beszúrása a WordPress blokkszerkesztőjébe az Elementor Blocks for Gutenberg bővítménnyel.
- Kísérletek és funkciókHogyan kapcsolod be vagy ki az Elementor kísérleti és stabil funkcióit, mit jelentenek az állapotjelzők, és mi a helyzet a Landing Pages funkcióval.
- SVG-ikonok, ikonkönyvtár és soron belüli ikonokSaját SVG-ikon feltöltése, az ikonkönyvtár használata, a Font Awesome Pro beállítása és az ikonok soron belüli SVG-ként való megjelenítése.
- Google Fonts: betöltési mód és támogatott betűtípusokA Google Fonts betöltési módjának kiválasztása a teljesítményhez, és mit tegyél, ha egy betűtípus nem jelenik meg a listában.
- Weboldalsablon exportálása, importálása és eltávolításaEgy Elementor-webhely mentése weboldalsablonként (kit), importálása zipből vagy a felhőkönyvtárból, valamint a telepített sablon eltávolítása.
- Fájlok importálása az asztalról a szerkesztőbeKépek, videók és mentett sablonok behúzása a számítógépről közvetlenül a szerkesztő ablakába.
- Webhely-azonosság és menü a kit importálása utánA webhely nevének, leírásának, logójának és favicon-jának beállítása, valamint a menü létrehozása és hozzárendelése a fejléchez vagy lábléchez.
- RendszerkövetelményekMilyen WordPress, PHP, adatbázis, memória, böngésző és kiszolgáló-beállítás kell az Elementor használatához.
- Az Elementor beállítások oldalaAz Elementor → Beállítások oldal fülei: Általános, Integrációk, Haladó és Teljesítmény, minden beállítás magyarázatával.
- Az Elementor beállításainak visszaállítása (Default Kit)Mi a Default Kit, és hogyan állítod vissza az Elementor globális beállításait az alapértékekre a kit törlésével és újralétrehozásával.
- WebhelybeállításokA szerkesztő Webhely beállításai panelje: mit szabályozhatsz innen, hogyan nyitod meg, és hogyan állítod be a webhelyazonosságot.
- SablonstílusA Sablonstílus (Theme Style) globális beállításai: tipográfia, gombok, képek és űrlapmezők alapértelmezett stílusa, hatása és hibaelhárítás.
- Globális színek megtekintése és szerkesztéseMiért érdemes globális színeket használni, hol találod őket, hogyan módosítod, nevezed át, rendezed és törlöd őket, és hogyan adsz hozzá újat.
- Webhelysablonok és felhősablonokA webhelyen tárolt sablonok és a felhősablonok különbsége, adatvédelmi szempontok, és a sablonok áthelyezése a felhőkönyvtárba.
- Globális betűtípusok megtekintése és szerkesztéseHol találod a webhely globális betűtípusait, hogyan módosítod, nevezed át, rendezed és törlöd őket, és hogyan adsz hozzá újat.
- Mi az a sablon?A sablon két jelentése az Elementorban: újrahasznosítható tervek a sablonkönyvtárban, és a webhely ismétlődő részei a Theme Builderben.
Reszponzív szerkesztés
- Szerkesztés mobilra és táblagépreEszközök közötti váltás a szerkesztőben, eszközönkénti beállítások, elemek elrejtése és a töréspontok kezelése.
- Örökölt reszponzív értékekHogyan öröklődnek a beállítások az eszközök között, mit jelent a halvány érték, és mit tehetsz elem elrejtésére mobilon.
- Reszponzív szerkesztés az atomikus szerkesztőbenElemek szerkesztése eszközönként, elrejtés mobilon és az örökölt értékek jelzése a V4 szerkesztőben.
- Vízszintes görgetősáv mobilonA túlcsorduló elem megkeresése és a vízszintes görgetősáv megszüntetése mobilon.
- A nézetablak-vezérlő (Viewport)A görgetéses effektusok kezdő és záró pontjának megadása a kétcsúszkás Nézetablak vezérlővel.
Alap widgetek
- Harmonika widgetÖsszecsukható címek és szövegek a Harmonika widgettel: tartalom, ikonok, GYIK-séma és stílus.
- Riasztás widgetFontos üzenetek és értesítések megjelenítése a Riasztás widgettel: típusok, bezáró ikon és stílus.
- Alapgaléria widgetKépgaléria készítése az Alapgaléria widgettel: képek, oszlopok, lightbox, rendezés és stílus.
- Gomb widget és Gomb elemGombok készítése a Gomb widgettel (V3) és a Gomb elemmel (V4): szöveg, link, ikon, stílus és állapotok.
- Lebegő sávLebegő sáv (Floating Bar) létrehozása sablonból, a tartalom, a stílus és a haladó beállítások.
- Reklámblokkoló észlelésePopup, amely észleli a reklámblokkolót, és megkéri a látogatót, hogy kapcsolja ki.
- Más bővítmények widgetjei az ElementorbanWordPress-widgetek és Elementor-kiegészítők widgetjeinek használata a szerkesztőben.
- Számláló widgetAnimált számláló készítése: kezdő és befejező érték, előtag, utótag, ezres elválasztó, cím és stílus.
- Elválasztó widgetVízszintes elválasztó vonal a tartalom tagolására: stílus, szélesség, szöveg vagy ikon a vonalon.
- Körhinta (Carousel) widgetBeágyazott elemekből épített körhinta: diák, megjelenített diák száma, automatikus lejátszás, nyilak, lapozás és stílus.
- Kapcsolat (Contact) widgetElérhetőségek megjelenítése: előbeállítások, kapcsolati linkek, szöveg, közösségi ikonok, térkép és stílus.
- Flex Hero widgetNyitó (hero) rész gyors elkészítése: bevezető, cím, alcím, gombok és kép, két előbeállítással.
- Linkek: telefon, e-mail, letöltés és horgonyKattintható telefon- és e-mail-linkek, egyedi linkattribútumok, letöltési linkek, PDF-letöltő gomb és horgonylinkek.
- Hanglejátszási lista készítéseHanglejátszási lista (audio playlist) a Szövegszerkesztő widgettel és a médiatárba feltöltött MP3-fájlokkal.
- „Tovább olvasom” kapcsoló a bejegyzésekbenÖsszecsukható „Tovább olvasom” rész egyedi bejegyzéssablonban az Advanced Custom Fields és a Kapcsoló widget segítségével.
- Lebegő gombLebegő gomb (chat- vagy kapcsolatfelvételi gomb) létrehozása sablonból: platformok, felső sáv, üzenetbuborék, küldés gomb, chatdoboz és elhelyezés.
- Galéria widgetSzűrhető, portfólió jellegű képgaléria a Galéria widgettel: típus, elrendezés, szűrősáv, átfedés, stílus, feliratok és címek szerkesztése.
- Cím widget és Cím elemCímsor beszúrása és testre szabása: szöveg, link, HTML-címke, igazítás, tipográfia, körvonal, árnyék és keverési mód; a v4 szerkesztő Cím eleme.
- Google Térkép widget és API-kulcsGoogle Térkép beágyazása az oldalra: az API-kulcs létrehozása a Google Cloud Console-ban, megadása az Elementorban, a widget beállításai és a rámutatási hatás.
- Widgetek testreszabása és a Segítség gombA widgetpanel három füle (Tartalom, Stílus, Haladó), mire való mindegyik, és a panel alján lévő Segítség gomb.
- HTML-címkék a sablonokbanA sablonrészek (fejléc, lábléc, menü) körbevétele a megfelelő HTML-címkével a kereső-optimalizálás miatt: hol állítható és mely címkék közül lehet választani.
- Ikondoboz widgetIkon, cím és leírás együtt: az Ikondoboz widget tartalmi és stílusbeállításai.
- Ikonlista widgetIkonos felsorolás készítése: elrendezés, tételek, linkek, elválasztó, ikon- és szövegstílus.
- Ikon widgetFont Awesome vagy saját SVG ikon megjelenítése az oldalon: nézet, forma, link, színek, méret, forgatás és rámutatási animáció.
- Képdoboz widgetKép, cím és leírás együtt: a Képdoboz widget tartalmi és stílusbeállításai.
- Képkörhinta (Kép-carousel) widgetKépek vízszintesen csúszó megjelenítése: képek kiválasztása, láthatók száma, navigáció, linkek, feliratok, automatikus lejátszás és stílus.
- Kép widget és Kép elemKép beszúrása és testre szabása: felbontás, igazítás, felirat, link, méret, szűrők, rámutatási hatás, szegély és árnyék; a v4 szerkesztő Kép eleme.
- Lightbox beállításaiA képeket, galériákat, körhintákat és videókat felugró ablakban megnyitó lightbox globális beállításai.
- Menühorgony widgetOldalon belüli, finoman görgetett navigáció: horgony létrehozása és hivatkozás rá.
- Bekezdés elem (v4)Szöveg hozzáadása és testre szabása a v4 szerkesztő Bekezdés elemével: szöveg, link és stílus.
- Folyamatjelző sáv widgetAnimált folyamatjelző sáv: cím, százalék, belső szöveg és stílusbeállítások.
- Értékelés és Csillagos értékelés widgetÉrtékelés megjelenítése csillagokkal, ikonokkal vagy SVG-képpel: skála, érték, ikon, igazítás és stílus.
- Közösségi ikonok widgetKözösségi hálózatok profiljaira mutató ikonok: elemek, forma, oszlopok, színek, méret és hover-hatás.
- Térköz, Rövidkód és Oldalsáv widgetÜres térköz beszúrása, rövidkód beágyazása és a sablon oldalsávjának megjelenítése az oldalon.
- Bővebben (Tovább olvasom) widgetA bejegyzések kivonatának határa az archív oldalakon: a Bővebben widget használata és a szükséges WordPress-beállítás.
- SoundCloud widgetSoundCloud-hangfelvétel beágyazása: link, lejátszó típusa, automatikus lejátszás és a megjelenő gombok.
- SVG elem (v4)SVG-grafika beillesztése a v4 szerkesztő SVG elemével: kép kiválasztása, link, azonosító és stílus.
- Fülek elem (v4)Fülek építése a v4 szerkesztő Fülek elemével: fülek átnevezése, tartalom, háttér és állapotok osztályokkal, elrendezés.
- Mi az a widget? Widgettípusok és bejegyzéssablon-elemekA widgetek szerepe, megtalálásuk és szerkesztésük, a widgettípusok áttekintése és a bejegyzéssablonhoz használható sablonelemek.
- Fülek widgetTartalom rendezése vízszintes vagy függőleges fülekbe a Fülek widgettel: elemek, pozíció, igazítás és stílus.
- Kapcsoló (Toggle) widgetÖsszecsukható szövegdobozok a Kapcsoló widgettel: elemek, ikonok, GYIK-séma és stílus.
- Vélemény (Testimonial) widgetÜgyfélvélemények megjelenítése a Vélemény widgettel: szöveg, kép, név, titulus, link, elrendezés és stílus.
- Videó widget, Videó elem és YouTube elemVideók beágyazása YouTube-ról, Vimeóról, Dailymotionról, VideoPressből vagy saját tárhelyről: források, lejátszási beállítások, képfedő réteg és stílus.
- Osztályozás (Taxonomy) szűrő widgetLoop-rács tartalmának szűrése kategóriák és címkék szerint: szűrő létrehozása, szűrőlogika, megjelenített elemek és stílus.
- Gombkattintások követéseHogyan számolhatod a Gomb widget kattintásait Meta Pixellel, Google Analyticsszel vagy Google Tag Managerrel egyedi attribútum és kis szkript segítségével.
- Függőleges elválasztó készítéseFüggőleges elválasztóvonal az oszlopok között: oszlopszegéllyel vagy Térköz widgettel.
- Haladó widgetbeállítások és hibakeresésA widgetek három füle, a Haladó fül legfontosabb beállításai, és mit tegyél, ha egy beállítás nem látszik az élő oldalon.
Teljesítmény
- Elem-gyorsítótárHogyan gyorsítja az oldalt az elemek renderelt HTML-jének tárolása, hogyan állítod elemenként, mennyi ideig él, és hogyan kapcsolod ki.
- Optimalizált képbetöltésAz Optimalizált képbetöltés bekapcsolása és működése: az LCP-kép előnyben részesítése és az okos lusta betöltés.
- Gyorsabb oldal konténerekkelHogyan csökkenti a konténer a DOM méretét a szakasz/oszlop/belső szakasz felépítéshez képest, számokkal.
- Villogás és stílus nélküli tartalom (FOUC)Mi okozza a stílus nélküli tartalom felvillanását, és hogyan szünteted meg oldalátmenettel, belépési animációval és a gyorsítótár-bővítmények beállításával.
- Az éles oldalon nem látszanak a szerkesztőben végzett módosításokMit 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.
- Teljesítmény: gyakori kérdésekLassítják-e az oldalt a nem használt widgetek, betűtípusok és ikonok, és hogyan viszonyul az Elementor az AMP-hez.
- Lusta betöltés (lazy loading)Mi a lusta betöltés, hol használja az Elementor, és milyen előnyei és hátrányai vannak.
- Javított erőforrás-betöltésHogyan gyorsítja az oldalt, hogy az Elementor csak az adott oldalon használt JavaScript-könyvtárakat tölti be.
- Optimalizált Gutenberg-betöltésAz Optimalizált Gutenberg-betöltés bekapcsolása és működése.
- Teljesítményt javító funkciókAz Elementor oldalsebességet javító funkcióinak áttekintése: hol találod őket, és mit csinálnak.
- A lassú webhely gyorsításaSebességteszt, tárhely, képek, külső szkriptek és betűtípusok, bővítmények, sablon és gyorsítótár: mit ellenőrizz, ha lassú az Elementoros webhelyed.
Telepítés, frissítés, hibaelhárítás
- 500, 502 és 520 hiba a szerkesztésnélA leggyakoribb szerverhibák okai és megoldásai az Elementor használata közben.
- Gyakori hibaelhárítási lépések és hibakeresés biztonságos módbanBővítmények kikapcsolása, gyorsítótár ürítése, inkognitó ablak, biztonságos mód és Hello Elementor sablon a szerkesztő hibáinak felderítéséhez.
- Nem tudok szerkeszteni az ElementorralÜres, szürke vagy végtelenül töltő szerkesztő, hiányzó widgetpanel és widgetek, amelyeket nem lehet a vászonra húzni.
- Az egyedi CSS nem működikMit ellenőrizz, ha egy widgethez, oszlophoz vagy oldalhoz írt egyedi CSS nem látszik az éles oldalon.
- AIOSEO-integráció az ElementorbanAz AIOSEO SEO-bővítmény beállításainak elérése és panelei a szerkesztőből.
- „A célmappa már létezik” hiba telepítéskorMit tegyél, ha az Elementor feltöltésekor a WordPress azt jelzi, hogy a bővítmény mappája már megvan.
- A szerkesztő nem töltődik beSzürke betöltőképernyő, végtelenül forgó widgetpanel, az Elementor Pro működésképtelensége és az ERR_EMPTY_RESPONSE hiba okai és megoldásai.
- Végzetes hiba frissítés vagy telepítés utánTeendők, ha az Elementor vagy az Elementor Pro frissítése után a webhely leáll: hozzáférés visszaszerzése, a hibatípusok és az ismert hibaüzenetek megoldása.
- Frissítési és telepítési hibákAz Elementor Pro frissítési hibái, a „Package could not be installed” hiba, jogosultsági és feltöltési korlátok, valamint a frissítés helyes sorrendje.
- Hibakeresési sáv: melyik sablon jelenik meg az oldalonA Hibakeresési sáv bekapcsolása és használata, hogy lásd, mely Sablonépítő-sablonok töltődnek be egy oldalon.
- Multisite és egyéni tartalomtípusokMűködik-e az Elementor WordPress multisite hálózaton, és hogyan állíthatod be, mely bejegyzéstípusok szerkeszthetők vele.
- Űrlap hibaüzenetek: „Form invalid” és „Not Visible For Site Visitors”Mit tegyél, ha az Elementor űrlap beküldésekor hibaüzenet jelenik meg: üres vagy azonos azonosítójú mezők, hibás Mailchimp-összekapcsolás.
- „Az oldal nem található” (404) hibaMit tegyél, ha egy oldal megnyitásakor „Page Not Found” vagy 404 hibát kapsz: közvetlen hivatkozások, memóriakorlát, betöltési mód, ModSecurity, zlib, bővítmények.
- Az import és export hibáiA sablonkészletek (kitek) importálásakor és exportálásakor előforduló hibák okai és megoldásai, harmadik féltől származó bővítmények kezelése.
- A sablonkönyvtár (Kit Library) hibáiA Kit Library gyakori hibaüzenetei, okaik és megoldásaik, valamint mit tegyél, ha hiányoznak a régi sablonok.
- „Could not create directory” hibaMit jelent, és hogyan javítható a „Could not create directory” hiba bővítmény vagy téma telepítésekor és frissítésekor.
- Hány verziót tárol az Elementor egy bejegyzésből?A WordPress bejegyzés-változatainak (revíziók) működése, és a számuk korlátozása a wp-config.php fájlban.
- „Preview could not be loaded” hibaMit tegyél, ha a szerkesztő nem tudja betölteni az élő előnézetet: biztonságos mód, memória, hivatkozások, Cloudflare, szerverhibák és böngészőbővítmények.
- Gyakori mobilelrendezési problémákAz oszlopok sorrendjének megfordítása mobilon, elemek elrejtése, mobil betűméret és térközök, valamint mi a teendő, ha a mobilos módosítások nem látszanak.
- Stílusütközések a tárolóknálHogyan szüntesd meg, ha a sablon felülírja a tároló stílusát: alapértelmezett színek és betűtípusok kikapcsolása, CSS újragenerálása, Flexbox- és Rács-igazítás, bővítményütközés.
- SEO- és indexelési hibákMit ellenőrizz, ha a keresők nem indexelik az Elementorral készült oldalt, vagy a favicon nem jelenik meg a találati listában.
- Nem működik az Elementor a webcím megváltoztatása utánMit tegyél, ha az Elementor leáll a webhely költöztetése vagy a webcím cseréje után: URL cseréje, gyorsítótár ürítése és a webcímek ellenőrzése.
- Hibaüzenet a WooCommerce-blokk használatakorA WooCommerce Kosár blokkja ütközik az Elementor szerkesztőjével. Két megoldás: a Kosár blokk törlése, vagy a Kosár oldal törlése és újralétrehozása.
- Üres ikonkönyvtárMit tegyél, ha az ikonválasztó könyvtárában nincsenek ikonok: sérült ikonkészlet, szerverbeállítás, gyorsítótár vagy böngészőbővítmény.
- Témák és bővítmények kompatibilitása, ismert ütközésekMely témákkal és bővítményekkel dolgozik együtt az Elementor, mi a teendő előtöltő (preloader) miatti üres képernyőnél, és melyek az ismert ütköző bővítmények és témák.
- Felesleges térköz az oldal tetején vagy aljánMiért jelenik meg ismeretlen eredetű térköz a webhely tetején vagy alján, és hogyan szüntetheted meg a téma beállításaiban.
- Feltöltési hibák: fájlméret-korlát és szintaxishibaMi a teendő, ha az Elementor feltöltésekor upload_max_filesize hibát vagy „Parse Error Syntax error” üzenetet kapsz.
- Üres oldal sablonok importálásakorMi a teendő, ha sablon importálásakor üres oldal jelenik meg: ZipArchive, memóriakorlát, jogosultságok, PHP-verzió és a szerkesztő betöltési módszerének váltása.
- A widgetet valami eltakarjaMit ellenőrizz, ha egy widget, gomb, legördülő menü vagy kép egy másik elem mögé kerül: Z-index, negatív margó, mozgáshatások és egyedi CSS.
- Ellentmondó stílusok: melyik osztály nyer?Hogyan dönti el a V4 szerkesztő, melyik osztály stílusa érvényesül, mit jeleznek a színes pontok, és hogyan látod meg, honnan jön egy érték.
- A Közzététel vagy Frissítés gomb nem működikMit tegyél, ha a Közzététel vagy Frissítés gomb ki van szürkítve vagy nem reagál: hibás szakaszok, memóriakorlát, kiszolgáló-paraméterek, biztonsági bővítmények, tűzfal.
- Fájlok és adatok törlése (CSS újragenerálása)Mikor érdemes törölni az Elementor fájljait és adatait, és hogyan teheted meg az admin felületről vagy az admin sávból.
- Egy korábbi bejegyzés-változat visszaállításaBejegyzés, oldal vagy egyéni tartalomtípus korábbi változatának összehasonlítása és visszaállítása a WordPress változatkezelőjével.
- Visszatérés az Elementor egy korábbi verziójáraHogyan telepítheted újra az Elementor korábbi verzióját a Verziókezelés fülről, vagy közvetlen letöltéssel, ha egy frissítés után gond van.
- A biztonságos mód sem oldja meg a problémátMit tegyél, ha a szerkesztő biztonságos módban sem töltődik be: memóriakorlát, webcímek, betöltési módszer, fejlécek, Cloudflare, sérült widgetek és sablonok.
- Szerverbeállítás-ütközések: a szerkesztő betöltési módszereA szerkesztő betöltőképernyőn ragad, 404 vagy ERR_INCOMPLETE_CHUNKED_ENCODING hiba: a betöltési módszer váltása megoldja.
- Az űrlap e-mailjei nem érkeznek meg, szerverhiba az űrlapnálAz űrlap nem küld e-mailt vagy hibaüzenetet ad: a wp_mail működése, SMTP, a feladó címe, az azonosítók és a további ellenőrzések.
- A rendszerinformációk megosztása a támogatássalA rendszerinformációs jelentés letöltése és tartalma: szerverkörnyezet, WordPress, sablon, bővítmények, kompatibilitási címkék, kísérleti funkciók és napló.
- Hiányzó elemek az élő oldalonEgyes elemek (például egy űrlap) hiányoznak az élő oldalról: bővítmény- és sablonütközés, vegyes tartalom, változatok és a Safari egéreffektus-hibája.
- Hiányzik a „Szerkesztés Elementorral” hivatkozás az admin sávbólMit tegyél, ha az admin sávban nem látszik az Elementoros szerkesztés hivatkozása: bejegyzéstípusok, bővítmények, sablon, egyedi kód.
- Hiányzó képek és üres sablonkönyvtárA sablonkönyvtárban hiányoznak a képek, vagy az Új sablon hozzáadásakor semmi sem látszik: memóriakorlát, böngészőbővítmény, vegyes tartalom, allow_url_fopen, szinkronizálás.
- Piros körök a szerkesztőben, nem működik a húzásHa a szerkesztőben piros körök jelennek meg, és nem tudsz húzással vagy másképp szerkeszteni: a régi Microsoft-böngészők okozzák.
- Lassan töltődik be a szerkesztőMit tegyél, ha az Elementor szerkesztője lassan tölt be: böngészőlapok, biztonságos mód, frissítés, biztonsági és optimalizáló szoftverek, betöltési módszer, helyi teszt.
- Az űrlap dátum- és időmezőjének helyőrzője nem látszik mobilonAz űrlap dátum- és időmezői mobilon üresen jelennek meg: a natív HTML5 kikapcsolása vagy egyedi kód segít.
- A rögzített háttér nem működik Safariban (iPhone, iPad)Rögzített háttérkép vagy parallaxhatás nem működik iPhone-on és iPaden: mozgási hatások, a melléklet átállítása vagy egyedi CSS.
- A betűtípusok nem jelennek meg az éles oldalonA Google Fonts vagy az egyedi betűtípusok a szerkesztőben látszanak, az éles oldalon nem: CORS-hiba, vegyes tartalom, URL-ek és gyorsítótárak.
- Nem sikerül telepíteni a weboldal-sablontA teljes honlapsablon telepítése időtúllépéssel leáll: a PHP-korlátok emelése vagy a sablon két lépésben történő importálása.
- Hibák mobilon és táblagépenEltűnő elemek, a szerkesztőtől eltérő megjelenés, nem induló háttérvideó, rossz töréspontok és széles képernyős nézet: mit ellenőrizz mobilon és táblagépen.
- A mozgási hatások és a karusszelek nem animálnak Windows 11-enMozgási hatások, háttér-diavetítések és képkaruszelek nem mozognak Windows 11-en: a rendszer Animációs hatások beállítását kell bekapcsolni.
- Elrendezési hibák: áttekintés és gyors ellenőrzésekMit nézz meg, ha a módosítások nem látszanak az élő oldalon, ütköznek a stílusok, vagy hibás a tablet- és mobilnézet: gyorsítótár, bővítmények, sablon, verzió, iOS.
- Biztonságos mód: mit tud, és hogyan kapcsold beA biztonságos mód képességei, korlátai, bekapcsolása az Eszközök oldalról és a szerkesztő hibaablakából.
- Yoast SEO-integráció az ElementorbanA Yoast SEO paneljének elérése a szerkesztőből, és a panel elemzései és beállításai.
- Miért szürke a widget a szerkesztőben?A szürkén, halványan látszó elemek két gyakori oka: az eszközönkénti elrejtés és a dinamikus, még üres tartalom.
- Gyors megoldások: „Undefined” hiba, belső szerverhiba, hiányzó fülek, Pro widgetekRövid hibaelhárítási leírások: az „Undefined” sablonbetöltési hiba, az Internal Server Error, a hiányzó Visual és Szöveg fül, és a Pro widgetek, amelyek nem húzhatók a vászonra.
- A WordPress és a bővítmények frissítéseMikor és hogyan frissítsd a WordPresst és az összes bővítményt, és mit tegyél frissítés előtt.
- Bővítményütközések és REST API-hibák (Web Accessibility, Site Planner)Mit tegyél, ha egy bővítmény akadályozza a Web Accessibility működését, vagy a REST API hozzáférési hibája miatt nem tölthető be a Site Planner kit.
Készült: