Wodpress elementor telepítés
🧱 Blokk 1: WordPress telepítése CPanelből
1. Lépés: Belépés a tárhely CPanel felületére
Lépj be a tárhelyszolgáltatód CPanel felületére (pl. domainem.hu/cpanel), a belépési adatok a tárhelyregisztráció után érkeznek emailben.
2. Lépés: Softaculous vagy WordPress Installer megnyitása
A vezérlőpulton keresd meg a „Softaculous Apps Installer” vagy „WordPress” ikont, és kattints rá.
3. Lépés: Új WordPress telepítés indítása
Kattints az „Install” gombra. Válaszd ki, hogy http vagy https protokollal szeretnéd-e (ha van SSL tanúsítvány, akkor https), és add meg a domain nevet, amelyre telepíted.
4. Lépés: Admin adatok megadása
Állítsd be az admin felhasználónevet, jelszót és email címet. Ezekkel tudsz majd belépni a WordPress kezelőfelületére.
5. Lépés: Telepítés befejezése
Nyomd meg az „Install” gombot, várj pár másodpercet. A rendszer létrehozza a WordPress weboldalt. A sikeres telepítés után a rendszer megjeleníti a belépési URL-t (pl. domainem.hu/wp-admin).
🧱 Blokk 2: Elementor telepítése és sablon kiválasztása
1. Lépés: Elementor bővítmény telepítése
Lépj be a WordPress admin felületére (/wp-admin) → Bővítmények > Új hozzáadása.
A keresőbe írd be: Elementor.
Kattints a Telepítés gombra, majd az Aktiválás gombra.
2. Lépés: Elementor sablon kiválasztása
Navigálj: Oldalak > Új hozzáadása, majd kattints az Elementor szerkesztés gombra.
A megnyíló szerkesztőben kattints a mappa ikonra (📁), ezzel eléred az Elementor sablongyűjteményt.
3. Lépés: Sablon beszúrása
Böngéssz a „Blocks” vagy „Pages” fül alatt.
Válassz ki egy sablont, majd kattints a Beillesztés (Insert) gombra.
Ha szükséges, csatlakozz ingyenesen az Elementor könyvtárhoz (ingyenes fiók létrehozásával).
4. Lépés: Mentés és előnézet
A szerkesztés után kattints a Frissítés (Update) gombra, és nézd meg az oldal előnézetét.
Elementor PRO modul hozzáadása
1. Lépés: Elementor Pro licensz megvásárlása
Látogass el az elementor.com oldalra, és válaszd ki a számodra megfelelő Pro csomagot. A vásárlás után letöltheted a Pro bővítmény ZIP fájlját, és kapsz egy licenszkulcsot.
2. Lépés: Elementor Pro feltöltése és aktiválása
Menj: Bővítmények > Új hozzáadása > Bővítmény feltöltése
Válaszd ki a letöltött .zip fájlt → Telepítés most, majd Aktiválás.
⚠️ Fontos: Az Elementor Free verziónak már telepítve és aktiválva kell lennie!
3. Lépés: Licensz kulcs aktiválása
Menj: Elementor > Licenc, majd illeszd be a korábban kapott kódot → Aktiválás.
Ezzel elérhetővé válnak a Pro funkciók (pl. Theme Builder, Global Widgets, dinamikus tartalom, WooCommerce sablonok stb.).
4. Lépés: Ellenőrzés
Menj vissza egy Elementor szerkesztésű oldalra, és nézd meg, hogy elérhetőek-e a Pro widgetek és funkciók (pl. Form, Posts, Nav Menu, Animated Headline stb.).
🧱 Blokk 4: Elementor Header & Footer szerkesztés
⚠️ Csak Elementor Pro-ban érhető el a Theme Builder funkció!
1. Lépés: Belépés a Theme Builder-be
Admin oldalon navigálj ide:
Elementor > Theme Builder
Itt külön tudod létrehozni és szerkeszteni:
Header (Fejléc)
Footer (Lábléc)
(Extra: Archive, Single Post, 404 oldal stb.)
2. Lépés: Új Header létrehozása
Kattints a „Header” fülre → Új hozzáadása
Adj nevet a sablonnak, majd válaszd ki a meglévő sablonok közül, vagy kezdj üres szerkesztőfelülettel.
3. Lépés: Fejléc tartalom szerkesztése
Használhatsz bármit az Elementor Pro widgetek közül:
Logó (Site Logo)
Menü (Nav Menu)
Gomb, ikon, kosár stb.
Állítsd be a háttérszínt, árnyékot, pozíciót stb.
⚙️ TIPP: A Sticky / Átlátszó fejléc is könnyen beállítható az Advanced > Motion Effects alatt.
4. Lépés: Footer létrehozása és szerkesztése
Ugyanígy menj a „Footer” fülre → Új hozzáadása
Ide teheted: logó, rövid bemutatkozás, menüpontok, közösségi ikonok, adatkezelés link, lábléc szöveg stb.
5. Lépés: Megjelenési feltételek beállítása (Display Conditions)
A mentés gomb melletti „🔽” ikonra kattintva:
→ Display Conditions
→ Állítsd be, hogy a fejléc/lábléc az egész oldalon megjelenjen (Entire Site), vagy csak bizonyos aloldalakon.
6. Lépés: Mentés és aktiválás
Kattints a Mentés & Close gombra – innentől a fejléc/lábléc éles.